@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/569ce4b8f30dc480-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_5cfdac{font-family:Geist,Geist Fallback;font-style:normal}.__variable_5cfdac{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}

/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--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;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:host,:root{--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-700:oklch(55.3% .195 38.402);--color-orange-800:oklch(47% .157 37.304);--color-amber-500:oklch(76.9% .188 70.08);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-teal-50:oklch(98.4% .014 180.72);--color-teal-100:oklch(95.3% .051 180.801);--color-teal-200:oklch(91% .096 180.426);--color-teal-600:oklch(60% .118 184.704);--color-cyan-50:oklch(98.4% .019 200.873);--color-cyan-100:oklch(95.6% .045 203.388);--color-cyan-200:oklch(91.7% .08 205.041);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-600:oklch(60.9% .126 221.723);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-800:oklch(43.8% .218 303.724);--color-purple-900:oklch(38.1% .176 304.987);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-600:oklch(59.2% .249 .584);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--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);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--animate-bounce:bounce 1s infinite;--blur-sm:8px;--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)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-4{top:calc(var(--spacing)*4)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.left-2{left:calc(var(--spacing)*2)}.left-3{left:calc(var(--spacing)*3)}.left-4{left:calc(var(--spacing)*4)}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.z-1500{z-index:1500}.z-\[999\]{z-index:999}.z-\[1000\]{z-index:1000}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-9{grid-column:span 9/span 9}.col-span-10{grid-column:span 10/span 10}.col-span-12{grid-column:span 12/span 12}.col-span-full{grid-column:1/-1}.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-4{margin-inline:calc(var(--spacing)*4)}.mx-6{margin-inline:calc(var(--spacing)*6)}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.mr-4{margin-right:calc(var(--spacing)*4)}.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)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.-ml-1{margin-left:calc(var(--spacing)*-1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-6{margin-left:calc(var(--spacing)*6)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}.block{display:block}.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}.aspect-square{aspect-ratio:1}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.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-20{height:calc(var(--spacing)*20)}.h-32{height:calc(var(--spacing)*32)}.h-\[600px\]{height:600px}.h-full{height:100%}.min-h-96{min-height:calc(var(--spacing)*96)}.min-h-\[4px\]{min-height:4px}.min-h-\[400px\]{min-height:400px}.min-h-\[600px\]{min-height:600px}.min-h-screen{min-height:100vh}.w-0{width:calc(var(--spacing)*0)}.w-2{width:calc(var(--spacing)*2)}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-14{width:calc(var(--spacing)*14)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-32{width:calc(var(--spacing)*32)}.w-40{width:calc(var(--spacing)*40)}.w-48{width:calc(var(--spacing)*48)}.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-md{max-width:var(--container-md)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[40px\]{min-width:40px}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.translate-x-1{--tw-translate-x:calc(var(--spacing)*1)}.translate-x-1,.translate-x-5{translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-5{--tw-translate-x:calc(var(--spacing)*5)}.translate-x-6{--tw-translate-x:calc(var(--spacing)*6)}.translate-x-6,.translate-x-7{translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-7{--tw-translate-x:calc(var(--spacing)*7)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.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-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.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-x-px>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(-1px*var(--tw-space-x-reverse));margin-inline-end:calc(-1px*calc(1 - var(--tw-space-x-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-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*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(.space-x-8>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*8)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*8)*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)))}:where(.divide-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}:where(.divide-gray-700>:not(:last-child)){border-color:var(--color-gray-700)}.truncate{text-overflow:ellipsis;white-space:nowrap}.overflow-hidden,.truncate{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.rounded-b-lg{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-300{border-color:var(--color-blue-300)}.border-blue-400{border-color:var(--color-blue-400)}.border-blue-400\/20{border-color:#54a2ff33}@supports (color:color-mix(in lab,red,red)){.border-blue-400\/20{border-color:color-mix(in oklab,var(--color-blue-400)20%,transparent)}}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-500\/20{border-color:#3080ff33}@supports (color:color-mix(in lab,red,red)){.border-blue-500\/20{border-color:color-mix(in oklab,var(--color-blue-500)20%,transparent)}}.border-blue-500\/30{border-color:#3080ff4d}@supports (color:color-mix(in lab,red,red)){.border-blue-500\/30{border-color:color-mix(in oklab,var(--color-blue-500)30%,transparent)}}.border-blue-600{border-color:var(--color-blue-600)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400\/20{border-color:#99a1af33}@supports (color:color-mix(in lab,red,red)){.border-gray-400\/20{border-color:color-mix(in oklab,var(--color-gray-400)20%,transparent)}}.border-gray-500\/30{border-color:#6a72824d}@supports (color:color-mix(in lab,red,red)){.border-gray-500\/30{border-color:color-mix(in oklab,var(--color-gray-500)30%,transparent)}}.border-gray-600{border-color:var(--color-gray-600)}.border-gray-700{border-color:var(--color-gray-700)}.border-green-200{border-color:var(--color-green-200)}.border-green-400\/20{border-color:#05df7233}@supports (color:color-mix(in lab,red,red)){.border-green-400\/20{border-color:color-mix(in oklab,var(--color-green-400)20%,transparent)}}.border-green-500{border-color:var(--color-green-500)}.border-green-500\/30{border-color:#00c7584d}@supports (color:color-mix(in lab,red,red)){.border-green-500\/30{border-color:color-mix(in oklab,var(--color-green-500)30%,transparent)}}.border-orange-200{border-color:var(--color-orange-200)}.border-orange-400\/20{border-color:#ff8b1a33}@supports (color:color-mix(in lab,red,red)){.border-orange-400\/20{border-color:color-mix(in oklab,var(--color-orange-400)20%,transparent)}}.border-orange-500\/30{border-color:#fe6e004d}@supports (color:color-mix(in lab,red,red)){.border-orange-500\/30{border-color:color-mix(in oklab,var(--color-orange-500)30%,transparent)}}.border-purple-200{border-color:var(--color-purple-200)}.border-purple-500\/20{border-color:#ac4bff33}@supports (color:color-mix(in lab,red,red)){.border-purple-500\/20{border-color:color-mix(in oklab,var(--color-purple-500)20%,transparent)}}.border-purple-500\/30{border-color:#ac4bff4d}@supports (color:color-mix(in lab,red,red)){.border-purple-500\/30{border-color:color-mix(in oklab,var(--color-purple-500)30%,transparent)}}.border-red-200{border-color:var(--color-red-200)}.border-red-300{border-color:var(--color-red-300)}.border-red-400\/20{border-color:#ff656833}@supports (color:color-mix(in lab,red,red)){.border-red-400\/20{border-color:color-mix(in oklab,var(--color-red-400)20%,transparent)}}.border-red-400\/30{border-color:#ff65684d}@supports (color:color-mix(in lab,red,red)){.border-red-400\/30{border-color:color-mix(in oklab,var(--color-red-400)30%,transparent)}}.border-red-500{border-color:var(--color-red-500)}.border-red-500\/30{border-color:#fb2c364d}@supports (color:color-mix(in lab,red,red)){.border-red-500\/30{border-color:color-mix(in oklab,var(--color-red-500)30%,transparent)}}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.border-yellow-200{border-color:var(--color-yellow-200)}.border-yellow-400\/20{border-color:#fac80033}@supports (color:color-mix(in lab,red,red)){.border-yellow-400\/20{border-color:color-mix(in oklab,var(--color-yellow-400)20%,transparent)}}.border-t-transparent{border-top-color:#0000}.bg-amber-500{background-color:var(--color-amber-500)}.bg-black{background-color:var(--color-black)}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-400{background-color:var(--color-blue-400)}.bg-blue-400\/10{background-color:#54a2ff1a}@supports (color:color-mix(in lab,red,red)){.bg-blue-400\/10{background-color:color-mix(in oklab,var(--color-blue-400)10%,transparent)}}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-500\/20{background-color:#3080ff33}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/20{background-color:color-mix(in oklab,var(--color-blue-500)20%,transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-600\/20{background-color:#155dfc33}@supports (color:color-mix(in lab,red,red)){.bg-blue-600\/20{background-color:color-mix(in oklab,var(--color-blue-600)20%,transparent)}}.bg-blue-900\/20{background-color:#1c398e33}@supports (color:color-mix(in lab,red,red)){.bg-blue-900\/20{background-color:color-mix(in oklab,var(--color-blue-900)20%,transparent)}}.bg-current{background-color:currentColor}.bg-cyan-100{background-color:var(--color-cyan-100)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-500{background-color:var(--color-emerald-500)}.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-300{background-color:var(--color-gray-300)}.bg-gray-400\/10{background-color:#99a1af1a}@supports (color:color-mix(in lab,red,red)){.bg-gray-400\/10{background-color:color-mix(in oklab,var(--color-gray-400)10%,transparent)}}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-500\/10{background-color:#6a72821a}@supports (color:color-mix(in lab,red,red)){.bg-gray-500\/10{background-color:color-mix(in oklab,var(--color-gray-500)10%,transparent)}}.bg-gray-500\/20{background-color:#6a728233}@supports (color:color-mix(in lab,red,red)){.bg-gray-500\/20{background-color:color-mix(in oklab,var(--color-gray-500)20%,transparent)}}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-700\/50{background-color:#36415380}@supports (color:color-mix(in lab,red,red)){.bg-gray-700\/50{background-color:color-mix(in oklab,var(--color-gray-700)50%,transparent)}}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-800\/90{background-color:#1e2939e6}@supports (color:color-mix(in lab,red,red)){.bg-gray-800\/90{background-color:color-mix(in oklab,var(--color-gray-800)90%,transparent)}}.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-400{background-color:var(--color-green-400)}.bg-green-400\/10{background-color:#05df721a}@supports (color:color-mix(in lab,red,red)){.bg-green-400\/10{background-color:color-mix(in oklab,var(--color-green-400)10%,transparent)}}.bg-green-500{background-color:var(--color-green-500)}.bg-green-500\/10{background-color:#00c7581a}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/10{background-color:color-mix(in oklab,var(--color-green-500)10%,transparent)}}.bg-green-500\/20{background-color:#00c75833}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/20{background-color:color-mix(in oklab,var(--color-green-500)20%,transparent)}}.bg-green-600{background-color:var(--color-green-600)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-400\/10{background-color:#ff8b1a1a}@supports (color:color-mix(in lab,red,red)){.bg-orange-400\/10{background-color:color-mix(in oklab,var(--color-orange-400)10%,transparent)}}.bg-orange-500{background-color:var(--color-orange-500)}.bg-orange-500\/20{background-color:#fe6e0033}@supports (color:color-mix(in lab,red,red)){.bg-orange-500\/20{background-color:color-mix(in oklab,var(--color-orange-500)20%,transparent)}}.bg-orange-600{background-color:var(--color-orange-600)}.bg-pink-400{background-color:var(--color-pink-400)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-400{background-color:var(--color-purple-400)}.bg-purple-600{background-color:var(--color-purple-600)}.bg-purple-900\/20{background-color:#59168b33}@supports (color:color-mix(in lab,red,red)){.bg-purple-900\/20{background-color:color-mix(in oklab,var(--color-purple-900)20%,transparent)}}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-400{background-color:var(--color-red-400)}.bg-red-400\/10{background-color:#ff65681a}@supports (color:color-mix(in lab,red,red)){.bg-red-400\/10{background-color:color-mix(in oklab,var(--color-red-400)10%,transparent)}}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/10{background-color:color-mix(in oklab,var(--color-red-500)10%,transparent)}}.bg-red-500\/20{background-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/20{background-color:color-mix(in oklab,var(--color-red-500)20%,transparent)}}.bg-red-600{background-color:var(--color-red-600)}.bg-red-600\/20{background-color:#e4001433}@supports (color:color-mix(in lab,red,red)){.bg-red-600\/20{background-color:color-mix(in oklab,var(--color-red-600)20%,transparent)}}.bg-teal-100{background-color:var(--color-teal-100)}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.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-400{background-color:var(--color-yellow-400)}.bg-yellow-400\/10{background-color:#fac8001a}@supports (color:color-mix(in lab,red,red)){.bg-yellow-400\/10{background-color:color-mix(in oklab,var(--color-yellow-400)10%,transparent)}}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-yellow-500\/10{background-color:#edb2001a}@supports (color:color-mix(in lab,red,red)){.bg-yellow-500\/10{background-color:color-mix(in oklab,var(--color-yellow-500)10%,transparent)}}.bg-yellow-600{background-color:var(--color-yellow-600)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab}.bg-gradient-to-br,.bg-gradient-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab}.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-500{--tw-gradient-from:var(--color-blue-500);--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-500\/20{--tw-gradient-from:#3080ff33}@supports (color:color-mix(in lab,red,red)){.from-blue-500\/20{--tw-gradient-from:color-mix(in oklab,var(--color-blue-500)20%,transparent)}}.from-blue-500\/20{--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))}.from-blue-600\/20{--tw-gradient-from:#155dfc33}@supports (color:color-mix(in lab,red,red)){.from-blue-600\/20{--tw-gradient-from:color-mix(in oklab,var(--color-blue-600)20%,transparent)}}.from-blue-600\/20{--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-gray-500{--tw-gradient-from:var(--color-gray-500);--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-gray-900{--tw-gradient-from:var(--color-gray-900);--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-green-500{--tw-gradient-from:var(--color-green-500);--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-green-500\/20{--tw-gradient-from:#00c75833}@supports (color:color-mix(in lab,red,red)){.from-green-500\/20{--tw-gradient-from:color-mix(in oklab,var(--color-green-500)20%,transparent)}}.from-green-500\/20{--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-green-600\/20{--tw-gradient-from:#00a54433}@supports (color:color-mix(in lab,red,red)){.from-green-600\/20{--tw-gradient-from:color-mix(in oklab,var(--color-green-600)20%,transparent)}}.from-green-600\/20{--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-orange-500{--tw-gradient-from:var(--color-orange-500);--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-orange-500\/20{--tw-gradient-from:#fe6e0033}@supports (color:color-mix(in lab,red,red)){.from-orange-500\/20{--tw-gradient-from:color-mix(in oklab,var(--color-orange-500)20%,transparent)}}.from-orange-500\/20{--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-orange-600\/20{--tw-gradient-from:#f0510033}@supports (color:color-mix(in lab,red,red)){.from-orange-600\/20{--tw-gradient-from:color-mix(in oklab,var(--color-orange-600)20%,transparent)}}.from-orange-600\/20{--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-purple-500{--tw-gradient-from:var(--color-purple-500);--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-purple-500\/20{--tw-gradient-from:#ac4bff33}@supports (color:color-mix(in lab,red,red)){.from-purple-500\/20{--tw-gradient-from:color-mix(in oklab,var(--color-purple-500)20%,transparent)}}.from-purple-500\/20{--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-purple-600{--tw-gradient-from:var(--color-purple-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))}.from-purple-600\/20{--tw-gradient-from:#9810fa33}@supports (color:color-mix(in lab,red,red)){.from-purple-600\/20{--tw-gradient-from:color-mix(in oklab,var(--color-purple-600)20%,transparent)}}.from-purple-600\/20{--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-red-500{--tw-gradient-from:var(--color-red-500);--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-red-600\/20{--tw-gradient-from:#e4001433}@supports (color:color-mix(in lab,red,red)){.from-red-600\/20{--tw-gradient-from:color-mix(in oklab,var(--color-red-600)20%,transparent)}}.from-red-600\/20{--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-slate-900{--tw-gradient-from:var(--color-slate-900);--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-gray-800{--tw-gradient-via:var(--color-gray-800);--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)}.via-purple-900{--tw-gradient-via:var(--color-purple-900);--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-blue-500{--tw-gradient-to:var(--color-blue-500);--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-blue-600\/20{--tw-gradient-to:#155dfc33}@supports (color:color-mix(in lab,red,red)){.to-blue-600\/20{--tw-gradient-to:color-mix(in oklab,var(--color-blue-600)20%,transparent)}}.to-blue-600\/20{--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-blue-700{--tw-gradient-to:var(--color-blue-700);--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-blue-800\/20{--tw-gradient-to:#193cb833}@supports (color:color-mix(in lab,red,red)){.to-blue-800\/20{--tw-gradient-to:color-mix(in oklab,var(--color-blue-800)20%,transparent)}}.to-blue-800\/20{--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-gray-900{--tw-gradient-to:var(--color-gray-900);--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-green-600{--tw-gradient-to:var(--color-green-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-green-600\/20{--tw-gradient-to:#00a54433}@supports (color:color-mix(in lab,red,red)){.to-green-600\/20{--tw-gradient-to:color-mix(in oklab,var(--color-green-600)20%,transparent)}}.to-green-600\/20{--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-green-800\/20{--tw-gradient-to:#01663033}@supports (color:color-mix(in lab,red,red)){.to-green-800\/20{--tw-gradient-to:color-mix(in oklab,var(--color-green-800)20%,transparent)}}.to-green-800\/20{--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-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-700{--tw-gradient-to:var(--color-indigo-700);--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-orange-600{--tw-gradient-to:var(--color-orange-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-orange-600\/20{--tw-gradient-to:#f0510033}@supports (color:color-mix(in lab,red,red)){.to-orange-600\/20{--tw-gradient-to:color-mix(in oklab,var(--color-orange-600)20%,transparent)}}.to-orange-600\/20{--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-orange-800\/20{--tw-gradient-to:#9f2d0033}@supports (color:color-mix(in lab,red,red)){.to-orange-800\/20{--tw-gradient-to:color-mix(in oklab,var(--color-orange-800)20%,transparent)}}.to-orange-800\/20{--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-pink-600{--tw-gradient-to:var(--color-pink-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-500{--tw-gradient-to:var(--color-purple-500);--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-600{--tw-gradient-to:var(--color-purple-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-600\/20{--tw-gradient-to:#9810fa33}@supports (color:color-mix(in lab,red,red)){.to-purple-600\/20{--tw-gradient-to:color-mix(in oklab,var(--color-purple-600)20%,transparent)}}.to-purple-600\/20{--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-800\/20{--tw-gradient-to:#6e11b033}@supports (color:color-mix(in lab,red,red)){.to-purple-800\/20{--tw-gradient-to:color-mix(in oklab,var(--color-purple-800)20%,transparent)}}.to-purple-800\/20{--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-red-600{--tw-gradient-to:var(--color-red-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-red-800\/20{--tw-gradient-to:#9f071233}@supports (color:color-mix(in lab,red,red)){.to-red-800\/20{--tw-gradient-to:color-mix(in oklab,var(--color-red-800)20%,transparent)}}.to-red-800\/20{--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-slate-600{--tw-gradient-to:var(--color-slate-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-slate-900{--tw-gradient-to:var(--color-slate-900);--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-teal-600{--tw-gradient-to:var(--color-teal-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))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-current{fill:currentColor}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.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-8{padding-block:calc(var(--spacing)*8)}.py-12{padding-block:calc(var(--spacing)*12)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-10{padding-right:calc(var(--spacing)*10)}.pr-12{padding-right:calc(var(--spacing)*12)}.pl-10{padding-left:calc(var(--spacing)*10)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-geist-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.text-black{color:var(--color-black)}.text-blue-100{color:var(--color-blue-100)}.text-blue-200{color:var(--color-blue-200)}.text-blue-300{color:var(--color-blue-300)}.text-blue-400{color:var(--color-blue-400)}.text-blue-500{color:var(--color-blue-500)}.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-blue-900{color:var(--color-blue-900)}.text-cyan-400{color:var(--color-cyan-400)}.text-cyan-600{color:var(--color-cyan-600)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.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-100{color:var(--color-green-100)}.text-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.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-green-900{color:var(--color-green-900)}.text-indigo-600{color:var(--color-indigo-600)}.text-orange-400{color:var(--color-orange-400)}.text-orange-500{color:var(--color-orange-500)}.text-orange-600{color:var(--color-orange-600)}.text-orange-800{color:var(--color-orange-800)}.text-purple-100{color:var(--color-purple-100)}.text-purple-200{color:var(--color-purple-200)}.text-purple-300{color:var(--color-purple-300)}.text-purple-400{color:var(--color-purple-400)}.text-purple-500{color:var(--color-purple-500)}.text-purple-600{color:var(--color-purple-600)}.text-purple-800{color:var(--color-purple-800)}.text-red-100{color:var(--color-red-100)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.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-red-900{color:var(--color-red-900)}.text-teal-600{color:var(--color-teal-600)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.text-white\/50{color:color-mix(in oklab,var(--color-white)50%,transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab,red,red)){.text-white\/60{color:color-mix(in oklab,var(--color-white)60%,transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white)80%,transparent)}}.text-yellow-300{color:var(--color-yellow-300)}.text-yellow-400{color:var(--color-yellow-400)}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-700{color:var(--color-yellow-700)}.text-yellow-800{color:var(--color-yellow-800)}.text-yellow-900{color:var(--color-yellow-900)}.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)}.placeholder-gray-500::placeholder{color:var(--color-gray-500)}.placeholder-white\/50::placeholder{color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.placeholder-white\/50::placeholder{color:color-mix(in oklab,var(--color-white)50%,transparent)}}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.shadow,.shadow-2xl{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)}.shadow-lg,.shadow-md{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.ring-2,.shadow-sm{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)}.ring-blue-500{--tw-ring-color:var(--color-blue-500)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm))}.backdrop-blur-sm,.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,visibility,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-all{transition-property:all;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))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.group-hover\:bg-blue-200:is(:where(.group):hover *){background-color:var(--color-blue-200)}.group-hover\:bg-cyan-200:is(:where(.group):hover *){background-color:var(--color-cyan-200)}.group-hover\:bg-green-200:is(:where(.group):hover *){background-color:var(--color-green-200)}.group-hover\:bg-indigo-200:is(:where(.group):hover *){background-color:var(--color-indigo-200)}.group-hover\:bg-orange-200:is(:where(.group):hover *){background-color:var(--color-orange-200)}.group-hover\:bg-purple-200:is(:where(.group):hover *){background-color:var(--color-purple-200)}.group-hover\:bg-teal-200:is(:where(.group):hover *){background-color:var(--color-teal-200)}.group-hover\:text-blue-400:is(:where(.group):hover *){color:var(--color-blue-400)}.group-hover\:text-blue-600:is(:where(.group):hover *){color:var(--color-blue-600)}.group-hover\:text-cyan-600:is(:where(.group):hover *){color:var(--color-cyan-600)}.group-hover\:text-green-600:is(:where(.group):hover *){color:var(--color-green-600)}.group-hover\:text-indigo-600:is(:where(.group):hover *){color:var(--color-indigo-600)}.group-hover\:text-orange-600:is(:where(.group):hover *){color:var(--color-orange-600)}.group-hover\:text-purple-600:is(:where(.group):hover *){color:var(--color-purple-600)}.group-hover\:text-teal-600:is(:where(.group):hover *){color:var(--color-teal-600)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.last\:mb-0:last-child{margin-bottom:calc(var(--spacing)*0)}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:border-blue-200:hover{border-color:var(--color-blue-200)}.hover\:border-blue-500:hover{border-color:var(--color-blue-500)}.hover\:border-cyan-200:hover{border-color:var(--color-cyan-200)}.hover\:border-gray-300:hover{border-color:var(--color-gray-300)}.hover\:border-green-200:hover{border-color:var(--color-green-200)}.hover\:border-indigo-200:hover{border-color:var(--color-indigo-200)}.hover\:border-orange-200:hover{border-color:var(--color-orange-200)}.hover\:border-purple-200:hover{border-color:var(--color-purple-200)}.hover\:border-teal-200:hover{border-color:var(--color-teal-200)}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-100:hover{background-color:var(--color-blue-100)}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-cyan-50:hover{background-color:var(--color-cyan-50)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\:bg-gray-800:hover{background-color:var(--color-gray-800)}.hover\:bg-green-50:hover{background-color:var(--color-green-50)}.hover\:bg-green-600:hover{background-color:var(--color-green-600)}.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:bg-indigo-50:hover{background-color:var(--color-indigo-50)}.hover\:bg-orange-50:hover{background-color:var(--color-orange-50)}.hover\:bg-orange-700:hover{background-color:var(--color-orange-700)}.hover\:bg-purple-50:hover{background-color:var(--color-purple-50)}.hover\:bg-purple-700:hover{background-color:var(--color-purple-700)}.hover\:bg-red-200:hover{background-color:var(--color-red-200)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-teal-50:hover{background-color:var(--color-teal-50)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.hover\:bg-white\/30:hover{background-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/30:hover{background-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.hover\:text-blue-300:hover{color:var(--color-blue-300)}.hover\:text-blue-700:hover{color:var(--color-blue-700)}.hover\:text-blue-800:hover{color:var(--color-blue-800)}.hover\:text-blue-900:hover{color:var(--color-blue-900)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:text-green-900:hover{color:var(--color-green-900)}.hover\:text-red-600:hover{color:var(--color-red-600)}.hover\:text-red-700:hover{color:var(--color-red-700)}.hover\:text-red-800:hover{color:var(--color-red-800)}.hover\:text-red-900:hover{color:var(--color-red-900)}.hover\:text-white:hover{color:var(--color-white)}.hover\:text-yellow-300:hover{color:var(--color-yellow-300)}.hover\:text-yellow-900:hover{color:var(--color-yellow-900)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a)}.hover\:shadow-md:hover,.hover\:shadow-xl:hover{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a)}}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.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-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-gray-500:focus{--tw-ring-color:var(--color-gray-500)}.focus\:ring-green-500:focus{--tw-ring-color:var(--color-green-500)}.focus\:ring-purple-500:focus{--tw-ring-color:var(--color-purple-500)}.focus\:ring-red-500:focus{--tw-ring-color:var(--color-red-500)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:mt-0{margin-top:calc(var(--spacing)*0)}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:w-auto{width:auto}.sm\:flex-1{flex:1}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}}@media (min-width:48rem){.md\:mx-6{margin-inline:calc(var(--spacing)*6)}.md\:mb-8{margin-bottom:calc(var(--spacing)*8)}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:inline{display:inline}.md\:h-6{height:calc(var(--spacing)*6)}.md\:w-6{width:calc(var(--spacing)*6)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:gap-4{gap:calc(var(--spacing)*4)}.md\:gap-6{gap:calc(var(--spacing)*6)}.md\:p-6{padding:calc(var(--spacing)*6)}.md\:p-8{padding:calc(var(--spacing)*8)}.md\:px-6{padding-inline:calc(var(--spacing)*6)}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:w-32{width:calc(var(--spacing)*32)}.lg\:w-40{width:calc(var(--spacing)*40)}.lg\:w-48{width:calc(var(--spacing)*48)}.lg\:w-auto{width:auto}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:items-start{align-items:flex-start}.lg\:justify-between{justify-content:space-between}.lg\:px-8{padding-inline:calc(var(--spacing)*8)}.lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}@media (prefers-color-scheme:dark){.dark\:border-gray-600{border-color:var(--color-gray-600)}.dark\:border-gray-700{border-color:var(--color-gray-700)}.dark\:border-green-800{border-color:var(--color-green-800)}.dark\:border-red-800{border-color:var(--color-red-800)}.dark\:bg-gray-600{background-color:var(--color-gray-600)}.dark\:bg-gray-700{background-color:var(--color-gray-700)}.dark\:bg-gray-800{background-color:var(--color-gray-800)}.dark\:bg-green-900{background-color:var(--color-green-900)}.dark\:bg-green-900\/20{background-color:#0d542b33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-green-900\/20{background-color:color-mix(in oklab,var(--color-green-900)20%,transparent)}}.dark\:bg-red-900\/20{background-color:#82181a33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-900\/20{background-color:color-mix(in oklab,var(--color-red-900)20%,transparent)}}.dark\:from-gray-900{--tw-gradient-from:var(--color-gray-900);--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))}.dark\:to-gray-800{--tw-gradient-to:var(--color-gray-800);--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))}.dark\:text-gray-200{color:var(--color-gray-200)}.dark\:text-gray-300{color:var(--color-gray-300)}.dark\:text-gray-400{color:var(--color-gray-400)}.dark\:text-gray-500{color:var(--color-gray-500)}.dark\:text-green-300{color:var(--color-green-300)}.dark\:text-green-400{color:var(--color-green-400)}.dark\:text-red-300{color:var(--color-red-300)}.dark\:text-red-400{color:var(--color-red-400)}.dark\:text-white{color:var(--color-white)}.dark\:placeholder-gray-400::placeholder{color:var(--color-gray-400)}@media (hover:hover){.dark\:hover\:bg-gray-600:hover{background-color:var(--color-gray-600)}.dark\:hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}.dark\:hover\:text-gray-200:hover{color:var(--color-gray-200)}}}}*{box-sizing:border-box}*,body,html{margin:0;padding:0}@supports (padding:max(0px)){.hero-content{padding-left:max(0rem,env(safe-area-inset-left));padding-right:max(0rem,env(safe-area-inset-right))}.artist-grid-section,.featured-section{padding-left:max(2rem,env(safe-area-inset-left));padding-right:max(2rem,env(safe-area-inset-right))}}:root{--background:#f6f9fb;--foreground:#171717;--navbar-height:4rem;--color-fomix-blue:#322ce8;--color-fomix-blue-light:#1e60af;--color-fomix-blue-dark:#2d28d0;--color-fomix-green:#05be78;--color-fomix-green-light:#05be78;--color-fomix-green-dark:#059669;--color-fix-grey-950:#0a0a0a;--color-fix-grey-900:#171717;--color-fix-grey-800:#262626;--color-fix-grey-600:#525252;--color-fix-grey-200:#e5e5e5;--color-fix-white:#fff;--color-fix-black:#000;--color-alt-grey-100:#f5f5f5;--color-alt-grey-800:#262626;--space:.5rem;--space2:1rem;--space3:1.5rem;--space4:2rem;--space8:4rem;--px:1px;--font-unit:.25rem;--border-radius:.375rem;--border-radius-small:.25rem}body{background:var(--background);color:var(--foreground);-webkit-overflow-scrolling:touch;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;font-family:Arial,Helvetica,sans-serif;position:relative;overflow-y:scroll;margin:0!important;padding:0!important}article,div[class*=content],div[class*=text],h1,h2,h3,h4,h5,h6,p,section,span{-webkit-user-select:text;user-select:text}body::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}.header-main{--_background-color:var(--color-fomix-blue);--quarks-brand-menu-background-color:var(--color-alt-grey-100);--quarks-station-menu-background-color:var(--color-alt-grey-100);--quarks-station-menu-list-item-color:var(--color-alt-grey-800);--quarks-category-menu-background-color:var(--color-alt-grey-100);--quarks-category-menu-list-item-color:var(--color-alt-grey-950);--quarks-button-padding:0 var(--space2);--quarks-button-base-color:var(--color-fix-grey-200);--quarks-button-state-color:var(--color-fix-white);--quarks-button-font-size:calc(var(--font-unit)*4);--_rfLogo-width:calc(var(--px)*200);--_rfLogo-height:calc(var(--px)*40);--_height:calc(var(--space)*10);background-color:var(--_background-color);transition:transform .4s ease-in-out}.header-main nav{position:relative}.nav-list{background-color:var(--_background-color);color:var(--color-fix-white);height:var(--navbar-height);width:100%;padding:0 var(--space3);justify-content:space-between;transition:background-color .4s ease-in;display:flex}.header-transparent .nav-list{background-color:#0000!important}.burger-menu,.nav-item{justify-content:center;align-items:center;display:flex}.burger-button{--quarks-button-gap:0;--quarks-button-height:var(--navbar-height);--quarks-button-padding:var(--space2);--quarks-button-max-width:126px;--quarks-button-icon-size:22px;width:calc(var(--space)*32);height:var(--navbar-height);padding:var(--space2);cursor:pointer;background:0 0;border:none;justify-content:flex-start;transition:color .2s}.burger-button,.burger-button:hover{color:var(--color-fix-white)}.nav-button{color:#fff;font-size:var(--quarks-button-font-size);cursor:pointer;background:0 0;border:none;align-items:center;padding:0 32px 0 0;font-size:1.1rem;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.nav-button:hover{color:var(--quarks-button-state-color)}.nav-button.has-menu{--quarks-button-icon-size:calc(var(--px)*16);--quarks-button-gap:calc(var(--space)/2);gap:calc(var(--space)/2)}.nav-button svg{width:calc(var(--px)*24);height:calc(var(--px)*24)}.separator{align-self:center;display:block}.separator-line{background-color:var(--color-alt-grey-600);height:var(--space3);width:1px;margin:0 var(--space)}.center-logo{--quarks-button-icon-width:var(--_rfLogo-width);--quarks-button-icon-height:calc(var(--px)*28);--quarks-button-state-color:var(--color-fix-white);--quarks-button-display:inline-block;flex-grow:1;justify-content:center;align-items:center;margin:0;display:flex}.center-logo,.logo-link{color:var(--color-fix-white)}.logo-link{transform-origin:50%;text-decoration:none;transition:all .3s;display:inline-block}.logo-link:hover{opacity:.9;transform:scale(1.1)}.rf-logo{width:calc(var(--px)*200);height:calc(var(--px)*40);color:var(--color-fix-white)}.searchTab .search-text{display:none}.search-button svg{width:calc(var(--px)*24);height:calc(var(--px)*24)}.library{--quarks-button-border-style:none}.library:not(.logged){--quarks-button-base-background:var(--color-fix-white);--quarks-button-base-color:var(--color-fix-black);--quarks-button-translateY:-2px;--quarks-button-height:calc(var(--space)*5);--quarks-button-width:calc(var(--space)*5);margin:0 var(--space2)0 var(--space)}.library-button{color:#000;border-radius:var(--border-radius-small);padding:var(--space)calc(var(--space)*2);cursor:pointer;align-items:center;gap:var(--space);background:#fff;border:none;font-weight:500;transition:background-color .2s;display:flex}.library-button:hover{color:#000;background:#e3e4e6}.library-button svg{width:calc(var(--px)*24);height:calc(var(--px)*24)}.library-text{display:none}.colorscheme-button{color:var(--color-fix-grey-200);padding:var(--space);cursor:pointer;border-radius:var(--border-radius-small);width:calc(var(--space)*10);height:calc(var(--space)*10);background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s,background-color .2s;display:flex}.colorscheme-button:hover{color:var(--color-fix-white);background:#ffffff1a}.colorscheme-button svg{width:calc(var(--px)*24);height:calc(var(--px)*24)}.dropdown-content{background:var(--color-fix-white);z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #0000000d;border-radius:16px;min-width:300px;margin-top:12px;padding:0;animation:dropdown-in .2s ease-out;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.category-menu{min-width:520px;max-width:580px;max-height:80vh;padding:2rem;overflow-y:auto}.dropdown-section:last-child{margin-bottom:0}.dropdown-section-separator{border-top:1px solid #00000014}.dropdown-section-title{color:var(--color-fix-grey-900);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.1rem;font-weight:700;position:relative}.dropdown-section-title:after{content:"";background:linear-gradient(135deg,var(--color-fomix-blue),var(--color-fomix-blue-light));border-radius:2px;width:40px;height:3px;position:absolute;bottom:0;left:0}.dropdown-grid{gap:.5rem;display:grid}.category-grid,.dropdown-grid{grid-template-columns:repeat(2,1fr)}.category-grid{gap:.25rem}.gemist-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.dropdown-item{color:var(--color-fix-grey-700);border-radius:10px;align-items:center;padding:.75rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.dropdown-item:before{content:"";background:linear-gradient(135deg,var(--color-fomix-blue),var(--color-fomix-blue-light));opacity:0;z-index:-1;transition:opacity .2s;position:absolute;inset:0}.dropdown-item:hover{color:var(--color-fix-white);transform:translateY(-1px);box-shadow:0 4px 12px #322ce833}.dropdown-item:hover:before{opacity:1}.category-item{color:var(--color-fix-grey-600);padding:.65rem .85rem;font-size:.85rem}.category-item:hover{color:var(--color-fix-white)}.gemist-item{color:var(--color-fomix-blue);background:#322ce808;border:1px solid #322ce81a;font-weight:600}.gemist-item:hover{background:var(--color-fomix-blue);border-color:var(--color-fomix-blue);color:var(--color-fix-white);transform:translateY(-2px);box-shadow:0 6px 20px #322ce84d}.station-icon,.station-item{align-items:center}.station-icon{background:linear-gradient(135deg,var(--color-fomix-blue),var(--color-fomix-blue-light));color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;width:32px;height:32px;margin-right:12px;font-size:12px;font-weight:700;display:flex}.header-hidden{transform:translateY(-100%)}.header-scroll-up{transform:translate3d(0,var(--_height),0)}.has-open-menu .nav-list{background-color:var(--color-fix-grey-950)!important}.header-main.header-transparent{-webkit-backdrop-filter:none;backdrop-filter:none;transition:all .3s;background-color:#0000!important}.header-main.header-scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s;box-shadow:0 2px 20px #0000001a;background-color:var(--color-fomix-blue)!important}.header-main.header-transparent .nav-list{transition:background-color .3s;background-color:#0000!important}.header-main.header-scrolled .nav-list{transition:background-color .3s;background-color:var(--color-fomix-blue)!important}@media (min-width:1024px){:root{--navbar-height:5rem}body{padding-top:calc(var(--space)*10)}.nav-list{padding:0 var(--space3)}.nav-item:nth-of-type(6){flex-grow:1;justify-content:flex-start}.nav-item+.nav-item{margin-right:0}.nav-item:last-of-type{min-width:0;margin-right:0}.nav-item:nth-of-type(7),.nav-item:nth-of-type(8),.nav-item:nth-of-type(9){flex-shrink:0}.library{--quarks-button-max-width:none;--quarks-button-width:auto}.library:not(.logged){margin:0 var(--space)}.burger-menu{display:none}.center-logo{--quarks-button-base-color:var(--color-fix-white);--quarks-button-state-color:var(--color-fix-white);--quarks-button-display:inline-flex;--quarks-button-icon-height:calc(var(--px)*32);padding:calc(var(--space)*1.5)calc(var(--space)*3);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rf-logo{width:calc(var(--_rfLogo-width)*.85);height:calc(var(--_rfLogo-height)*.85)}.library-text{display:inline}.separator-line{margin:0 var(--space)}}@media (min-width:1200px){.searchTab .search-text{margin-right:var(--space);display:inline}}@media (min-width:1440px){.nav-item+.nav-item{margin-right:var(--space)}.separator-line{margin:0 var(--space)}}.header-container{width:100%;position:relative}.header-content{justify-content:space-between;align-items:center;height:4rem;display:flex;position:relative}.mobile-hamburger{z-index:10;align-items:center;display:flex}.mobile-menu-button{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.75rem;transition:all .2s;display:flex}.mobile-menu-button:hover{background:#ffffff1a;transform:scale(1.05)}.mobile-menu-button:active{background:#fff3;transform:scale(.95)}.header-logo{z-index:5;position:absolute;left:50%;transform:translate(-50%)}.logo-image{width:auto;height:auto;max-height:2rem;transition:all .3s}.mobile-actions{z-index:10}.mobile-action-button{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#ffffff1a;border:none;border-radius:.5rem;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.75rem;text-decoration:none;transition:all .2s;display:flex}.mobile-action-button:hover{background:#fff3;transform:scale(1.05)}.mobile-action-button:active{background:#ffffff4d;transform:scale(.95)}.mobile-menu-overlay{z-index:40;display:flex;position:fixed;inset:0}.mobile-menu-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;animation:backdrop-fade-in .3s ease-out;position:absolute;inset:0}@keyframes backdrop-fade-in{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.mobile-menu-content{background:linear-gradient(135deg,var(--color-fix-grey-950)0,var(--color-fix-grey-900)100%);-webkit-overflow-scrolling:touch;width:85%;max-width:320px;height:100%;padding:5.5rem 0 1.5rem;animation:menu-slide-in .3s ease-out;position:relative;overflow-y:auto;box-shadow:0 10px 25px #0000004d}@keyframes menu-slide-in{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.mobile-nav-section{margin-bottom:2rem}.mobile-nav-section:last-child{margin-bottom:1rem}.mobile-nav-header{border-bottom:1px solid #ffffff1a;margin-bottom:1rem;padding:0 1.5rem .75rem}.mobile-nav-title{color:var(--color-fomix-blue);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:700;display:block}.mobile-nav-subtitle{color:#fff9;margin-top:.25rem;font-size:.75rem;display:block}.mobile-nav-items{flex-direction:column;gap:.25rem;display:flex}.mobile-nav-item{color:#ffffffe6;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;align-items:center;width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.mobile-nav-item:before{content:"";background:var(--color-fomix-blue);width:4px;height:100%;transition:transform .2s;position:absolute;top:0;left:0;transform:scaleY(0)}.mobile-nav-item:focus,.mobile-nav-item:hover{color:#fff;background:#322ce81a;transform:translate(4px)}.mobile-nav-item:focus:before,.mobile-nav-item:hover:before{transform:scaleY(1)}.mobile-nav-item:active{background:#322ce833;transform:translate(2px)}.mobile-nav-item.primary{background:linear-gradient(135deg,var(--color-fomix-blue),var(--color-fomix-blue-light));color:#fff;border-radius:.75rem;margin:0 1rem;font-weight:600;transform:none}.mobile-nav-item.primary:before{display:none}.mobile-nav-item.primary:hover{background:linear-gradient(135deg,var(--color-fomix-blue-dark),var(--color-fomix-blue));transform:translateY(-2px);box-shadow:0 4px 12px #322ce84d}.mobile-nav-button{font-family:inherit}.mobile-nav-icon{flex-shrink:0;width:1.25rem;height:1.25rem;margin-right:.75rem}.logout-button{margin-top:.5rem;color:#fca5a5!important}.logout-button:hover{color:#f87171!important;background:#fca5a51a!important}.logout-button:before{background:#fca5a5!important}.mobile-menu-open .header-content{background:var(--color-fix-grey-950)}@supports (padding:max(0px)){.header-container{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.mobile-menu-content{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}@media (max-width:639px){.header-content{height:4rem;padding:0 1rem}.logo-image{max-height:1.75rem}.mobile-menu-content{width:90%;padding-top:5.5rem}}@media (min-width:640px) and (max-width:767px){.header-content{height:4.5rem;padding:0 1.5rem}.logo-image{max-height:2rem}.mobile-menu-content{width:80%;max-width:360px;padding-top:6rem}}@media (min-width:768px) and (max-width:1023px){.mobile-menu-content{width:75%;max-width:400px}.mobile-nav-item{padding:1.25rem 2rem;font-size:1.1rem}.mobile-nav-icon{width:1.5rem;height:1.5rem;margin-right:1rem}}@media (min-width:1024px){.header-content{height:5rem}.logo-image{max-height:2.5rem}.mobile-actions,.mobile-hamburger{display:none!important}.desktop-actions,.desktop-nav-container{z-index:10;position:relative}.desktop-actions{display:flex!important}.desktop-nav .nav-button{padding-right:1.5rem}.desktop-actions .nav-button{padding:0 1rem}.header-logo{z-index:5;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@media (min-width:1200px){.desktop-nav .nav-button{padding-right:2rem}.desktop-actions .nav-button{padding:0 1.25rem}}@media (min-width:1440px){.desktop-nav .nav-button{padding-right:2.5rem}.desktop-actions .nav-button{padding:0 1.5rem}}.navbar{z-index:100;box-shadow:none;background:linear-gradient(#0000004d,#0000001a 50%,#0000);transition:all .4s;position:fixed;top:0;left:0;right:0}.navbar .navbar-account,.navbar .navbar-action-btn,.navbar .navbar-link,.navbar .navbar-mobile-toggle{text-shadow:0 2px 4px #0000004d;transition:all .3s}.navbar-scrolled{background:var(--color-fomix-blue);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #00000026}.navbar-scrolled .navbar-account,.navbar-scrolled .navbar-action-btn,.navbar-scrolled .navbar-link,.navbar-scrolled .navbar-mobile-toggle{text-shadow:none}.navbar-menu-open{background:var(--color-fomix-blue);box-shadow:0 2px 20px #00000026}body.mobile-menu-open .radio-player{z-index:500}@media (max-width:1023px){body{-webkit-overflow-scrolling:touch;overscroll-behavior:none}.main-content,main{margin-top:4rem;padding-top:1rem}}.navbar-menu-open .navbar-account,.navbar-menu-open .navbar-action-btn,.navbar-menu-open .navbar-link,.navbar-menu-open .navbar-mobile-toggle{text-shadow:none}.navbar-container{justify-content:space-between;align-items:center;max-width:1600px;height:5rem;margin:0 auto;padding:0 1rem;display:flex;position:relative}.navbar-mobile-toggle{color:#fff;cursor:pointer;z-index:110;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.75rem;transition:all .2s;display:none}.navbar-mobile-toggle:hover{background:#ffffff1a;transform:scale(1.05)}.navbar-mobile-toggle:active{transform:scale(.95)}.navbar-nav-left{flex:1;gap:2rem}.navbar-link,.navbar-nav-left{align-items:center;display:flex}.navbar-link{color:#fff;white-space:nowrap;gap:.5rem;padding:.75rem 0;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;position:relative}.navbar-link:hover{color:#fffc;transform:translateY(-1px)}.navbar-link:after{content:"";background:#fff;width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.navbar-link:hover:after{width:100%}.navbar-dropdown{cursor:pointer;background:0 0;border:none}.navbar-logo{z-index:10;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.navbar-logo-image{filter:drop-shadow(0 2px 4px #0000004d);height:auto;transition:all .3s}.navbar-logo:hover .navbar-logo-image{opacity:.9;transform:scale(1.05)}.navbar-menu-open .navbar-logo-image,.navbar-scrolled .navbar-logo-image{filter:none}.navbar-actions{flex:1;justify-content:flex-end;align-items:center;gap:1rem;display:flex}.navbar-actions-desktop{align-items:center;gap:.75rem;display:flex}.navbar-action-btn{color:#fffc;cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.75rem;text-decoration:none;transition:all .2s;display:flex}.navbar-action-btn:hover{color:#fff;background:#ffffff1a;transform:scale(1.05)}.navbar-account{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:2rem;align-items:center;gap:.5rem;min-height:44px;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.navbar-account:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.navbar-account-text{white-space:nowrap;font-size:.9rem}.navbar-account-loading{opacity:.7;cursor:default}.navbar-account-loading:hover{transform:none}.navbar-dropdown-content{z-index:50;background:#fff;border-radius:1rem;min-width:320px;max-width:600px;margin-top:1rem;padding:1.5rem;animation:dropdownFadeIn .2s ease-out;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.navbar-dropdown-section{margin-bottom:1.5rem}.navbar-dropdown-section:last-child{margin-bottom:0}.navbar-dropdown-separator{border-top:1px solid #0000001a;padding-top:1.5rem}.navbar-dropdown-title{color:var(--color-fix-grey-900);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.1rem;font-weight:700;position:relative}.navbar-dropdown-title:after{content:"";background:linear-gradient(135deg,var(--color-fomix-blue),var(--color-fomix-blue-light));border-radius:2px;width:30px;height:3px;position:absolute;bottom:0;left:0}.navbar-dropdown-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.navbar-dropdown-item{color:var(--color-fix-grey-700);border-radius:.75rem;padding:.75rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;position:relative;overflow:hidden}.navbar-dropdown-item:before{content:"";background:linear-gradient(135deg,var(--color-fomix-blue),var(--color-fomix-blue-light));opacity:0;z-index:-1;transition:opacity .2s;position:absolute;inset:0}.navbar-dropdown-item:hover{color:#fff;transform:translateY(-1px)}.navbar-dropdown-item:hover:before{opacity:1}.navbar-dropdown-gemist{color:var(--color-fomix-blue);font-weight:600}.navbar-dropdown-gemist:hover{background:var(--color-fomix-blue);border-color:var(--color-fomix-blue);color:#fff}.program-title{color:inherit;margin-bottom:2px;font-weight:600;display:block}.program-host{opacity:.7;color:inherit;font-size:.8rem;font-weight:400;display:block}.navbar-dropdown-loading{border-radius:.75rem;padding:.75rem}.navbar-dropdown-empty{text-align:center;color:var(--color-fix-grey-500);padding:.75rem;font-size:.85rem;font-style:italic}.navbar-dropdown-all-button{border-top:1px solid var(--color-fix-grey-200);margin-top:1rem;padding-top:1rem}.navbar-dropdown-all-link{color:var(--color-fomix-blue);background:#10b9810d;border:1px solid #10b98133;border-radius:.75rem;justify-content:space-between;align-items:center;padding:.75rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.navbar-dropdown-all-link:hover{background:var(--color-fomix-green);border-color:var(--color-fomix-green);color:#fff;transform:translateY(-1px)}.navbar-account-dropdown{min-width:280px;max-width:320px;margin-top:.5rem}.navbar-account-header{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));border-radius:1rem 1rem 0 0;margin:-1.5rem -1.5rem 1rem;padding:1rem 1.5rem}.navbar-account-name{color:#fff;margin-bottom:.25rem;font-size:1rem;font-weight:600}.navbar-account-role{font-size:.8rem}.role-badge{letter-spacing:.05em;border-radius:1rem;padding:.25rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.role-admin{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.role-manager{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.role-redactie{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.role-dj{background:linear-gradient(135deg,var(--color-fomix-blue),var(--color-fomix-blue-dark));color:#fff}.role-user{color:#fff;background:linear-gradient(135deg,#6b7280,#4b5563)}.navbar-dropdown-separator-line{background:#0000001a;height:1px;margin:1rem 0}.navbar-account-item{color:var(--color-fix-grey-700);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.75rem;width:100%;padding:.75rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.navbar-account-item:hover{color:var(--color-fomix-blue);background:#322ce80d;transform:translate(2px)}.navbar-account-logout{color:#ef4444!important}.navbar-account-logout:hover{color:#dc2626!important;background:#ef44440d!important}.navbar-mobile-overlay{z-index:99999;display:none;position:fixed;inset:0}.navbar-mobile-backdrop{display:none}.navbar-mobile-menu{background:var(--color-fomix-blue);-webkit-overflow-scrolling:touch;flex-direction:column;width:100vw;height:100vh;animation:menuFadeIn .3s ease-out;display:flex;position:fixed;top:0;left:0;overflow-y:auto}@keyframes menuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.navbar-mobile-header{border-bottom:1px solid #fff3;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:2rem 1.5rem 1rem;display:flex;position:relative}.navbar-mobile-logo{max-width:200px;height:auto;position:absolute;left:50%;transform:translate(-50%)}.navbar-mobile-close{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;min-width:44px;min-height:44px;margin-left:auto;padding:.75rem;transition:all .2s;display:flex}.navbar-mobile-close:hover{background:#ffffff1a;transform:scale(1.1)}.navbar-mobile-close:active{transform:scale(.95)}.navbar-mobile-content{flex:1;padding:0 0 2rem}.navbar-mobile-section{margin-bottom:2rem}.navbar-mobile-section:last-child{margin-bottom:1rem}.navbar-mobile-section-title{color:#fffc;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;padding:0;font-size:.875rem;font-weight:700}.navbar-mobile-link{color:#fffffff2;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:0;align-items:center;gap:1rem;width:100%;padding:1.25rem 2rem;font-size:1.2rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.navbar-mobile-link:before{content:"";background:#fffc;width:4px;height:100%;transition:transform .2s;position:absolute;top:0;left:0;transform:scaleY(0)}.navbar-mobile-link:focus,.navbar-mobile-link:hover{color:#fff;background:#ffffff1a}.navbar-mobile-link:focus:before,.navbar-mobile-link:hover:before{transform:scaleY(1)}.navbar-mobile-tool{background:#ffffff0d;border-left:3px solid #ffffff4d}.navbar-mobile-tool:hover{background:#ffffff26;border-left-color:#fff}.navbar-mobile-primary{color:var(--color-fomix-blue);background:#fff;border-left:none;margin:0;font-weight:600;transform:none}.navbar-mobile-primary:before{display:none}.navbar-mobile-primary:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.navbar-mobile-logout{color:#fca5a5!important}.navbar-mobile-logout:hover{color:#f87171!important;background:#fca5a533!important}@media (min-width:1440px){.navbar-container{padding:0}.navbar-nav-left{gap:2.5rem}.navbar-actions{gap:1.5rem}.navbar-actions-desktop{gap:1rem}}@media (min-width:1200px) and (max-width:1439px){.navbar-nav-left{gap:2rem}}@media (min-width:1024px) and (max-width:1199px){.navbar-container{padding:0 1.5rem}.navbar-nav-left{gap:1.5rem}.navbar-link{font-size:.95rem}.navbar-actions{gap:.75rem}.navbar-account-text{display:none}.navbar-logo-image{width:180px;height:36px}}@media (max-width:1023px){.navbar{z-index:99999}.navbar-container{height:4rem;padding:0 1rem}.navbar-mobile-toggle{display:flex}.navbar-actions-desktop,.navbar-nav-left{display:none}.navbar-menu-open .navbar-mobile-overlay{z-index:99999;display:block}.navbar-mobile-menu{z-index:99999}.navbar-logo-image{width:140px;height:28px}.navbar-account{border-radius:.5rem;min-width:44px;min-height:44px;padding:.5rem .75rem;font-size:.9rem}.navbar-account-text{display:none}}@media (min-width:768px) and (max-width:1023px){.navbar-container{height:4.5rem;padding:0 1.5rem}.navbar-logo-image{width:160px;height:32px}.navbar-mobile-logo{max-width:240px}.navbar-mobile-link{padding:1.5rem 2.5rem;font-size:1.3rem}.navbar-mobile-section-title{padding:0 2.5rem;font-size:.95rem}}@media (max-width:480px){.navbar-container{height:3.5rem;padding:0 .75rem}.navbar-logo-image{width:160px;height:24px}.navbar-mobile-logo{max-width:160px}.navbar-mobile-header{padding:1rem .75rem .75rem}.navbar-mobile-link{padding:1rem 1.5rem;font-size:1.1rem}.navbar-mobile-section-title{padding:0 1.5rem;font-size:.8rem}.navbar-mobile-primary{padding:1rem 1.5rem}.navbar-mobile-close{min-width:44px;min-height:44px;padding:.75rem}.navbar-account{margin-left:var(--space2)}.navbar-account,.navbar-action-btn,.navbar-mobile-toggle{touch-action:manipulation}}@media (max-width:360px){.navbar-container{height:3.25rem;padding:0 .5rem}.navbar-logo-image{width:100px;height:20px}.navbar-mobile-logo{max-width:140px}.navbar-mobile-header{padding:.75rem .5rem}.navbar-mobile-section-title{padding:0 1rem;font-size:.75rem}.navbar-mobile-primary,.navbar-mobile-tool{margin:0}.navbar-mobile-close{min-width:40px;min-height:40px;padding:.5rem}.navbar-mobile-link{padding:1.1rem 1.5rem;font-size:1.1rem}.navbar-mobile-section-title{padding:0 1.5rem}}@supports (padding:max(0px)){@media (max-width:1023px){.navbar-container{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.navbar-mobile-menu{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.logo-image,.rf-logo{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.dropdown-content{scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc}.dropdown-content::-webkit-scrollbar{width:6px}.dropdown-content::-webkit-scrollbar-track{background:#f7fafc}.dropdown-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.dropdown-content::-webkit-scrollbar-thumb:hover{background-color:#888}.hero-banner{background:linear-gradient(190deg,var(--color-fomix-blue)0,var(--color-fomix-green)100%);align-items:center;width:100%;height:650px;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.hero-banner:before{background-image:var(--hero-bg-image);opacity:.4;z-index:1;background-position:100%;background-size:cover;width:60vw;height:100%;transition:all .5s;top:0;right:0;-webkit-mask:linear-gradient(90deg,#0000,#0000004d 30%,#000);mask:linear-gradient(90deg,#0000,#0000004d 30%,#000)}.hero-banner:after,.hero-banner:before{content:"";pointer-events:none;background-repeat:no-repeat;position:absolute}.hero-banner:after{opacity:.08;z-index:2;background-image:url(/img/logo/x.png);background-position:0 100%;background-size:contain;width:800px;height:800px;bottom:0;left:0}.hero-content{z-index:10;align-items:center;width:100%;max-width:1600px;height:100%;margin:0 auto;padding:0;display:flex;position:relative}.hero-text{color:#fff;max-width:600px;transition:all .5s}.hero-subtitle{text-transform:uppercase;letter-spacing:.05em;opacity:.9;margin-bottom:1rem;font-size:1.125rem;font-weight:600;transition:color .5s}.hero-nav{color:#fff;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform-origin:50%;will-change:transform;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}@media (max-width:1023px){.hero-nav,.hero-nav-next,.hero-nav-prev{display:none!important}}.hero-nav:hover{background:#fff3;border-color:#fff6;transform:translateY(-50%)scale(1.1)}.hero-nav-prev{transform-origin:0;left:32px}.hero-nav-next{transform-origin:100%;right:32px}.hero-indicators{z-index:10;gap:.75rem;display:flex;position:absolute;bottom:7rem;left:50%;transform:translate(-50%)}.hero-indicator{cursor:pointer;background:#ffffff4d;border:2px solid #ffffff4d;border-radius:50%;width:12px;height:12px;transition:all .3s;position:relative}.hero-indicator:hover{border-color:#fff9;transform:scale(1.2)}.hero-indicator.active:before{content:"";opacity:.3;background:currentColor;border-radius:50%;width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-text h1{color:#fff;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.1}.hero-text p{color:#fff;opacity:.9;margin-bottom:2rem;font-size:1.25rem;line-height:1.6}.hero-button{color:var(--color-fomix-blue);cursor:pointer;background:#fff;border:2px solid #0000;border-radius:50px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 16px #0000001a}.hero-button:hover{color:#fff;background:0 0;border-color:#fff;transform:translateY(-2px);box-shadow:0 10px 30px #0003}.featured-section{z-index:4;max-width:1600px;margin:-9rem auto 0;padding:4rem 0;position:relative}.featured-grid{grid-template-columns:repeat(3,1fr);gap:2rem;width:100%;display:grid}@media (min-width:1024px){.featured-section{padding:4rem 0}.featured-grid{grid-template-columns:repeat(3,1fr);gap:2rem}.featured-card{border-radius:16px;min-height:175px}.card-overlay{padding:2rem}.card-overlay h2{margin-bottom:1.5rem;font-size:1.5rem;line-height:1.3}.card-overlay .card-button{border-radius:2rem;min-height:48px;padding:.875rem 2rem;font-size:1rem;font-weight:600}}.featured-card{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:16px;min-height:175px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 10px 40px #52555a1a}.featured-card:hover{transform:translateY(-4px);box-shadow:0 10px 40px #52555a1a}.card-content{flex-direction:column;justify-content:space-between;height:100%;padding:2rem;display:flex}.card-content h2{margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;line-height:1.3}.card-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-self:flex-start;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:background .3s}.card-button:hover{background:#1d4ed8}.card-purple{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.card-purple .card-button{color:#fff;background:#fff3;border:1px solid #ffffff4d}.card-purple .card-button:hover{background:#ffffff4d}.card-image{position:relative;overflow:hidden}.card-image-container{position:absolute;inset:0;overflow:hidden}.card-image-bg{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .3s}.featured-card:hover .card-image-bg{transform:scale(1.05)}.card-overlay{flex-direction:column;justify-content:space-between;padding:2rem;transition:all .3s;display:flex;position:absolute;inset:0}.card-overlay,.featured-card:hover .card-overlay{background:linear-gradient(135deg,#00000059,#00000049 50%,#0000)}.card-overlay h2{color:#fff;text-shadow:0 2px 8px #00000080;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;line-height:1.3}.card-overlay .card-button{color:#1f2937;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff3;align-self:flex-start}.card-overlay .card-button:hover{color:var(--color-fomix-blue);background:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.card-jubileum{color:#fff;background:linear-gradient(135deg,#ec4899,#f97316);position:relative}.card-jubileum .card-button{color:#fff;background:#fff3;border:1px solid #ffffff4d}.card-jubileum .card-button:hover{background:#ffffff4d}.jubileum-logo{width:120px;height:60px;position:absolute;bottom:2rem;right:2rem}.radio-f5mix-logo{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;width:100%;height:100%;position:relative}.radio-f5mix-logo:after{content:"radio f5mix";color:#fff;text-align:center;font-size:.875rem;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:1024px){.hero-content{text-align:center;padding:0}.hero-text h1{font-size:2.75rem}}@media (min-width:769px) and (max-width:1023px){.featured-section{margin:-6rem auto 0;padding:3rem 2rem}.featured-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.featured-card{border-radius:14px;min-height:160px}.card-overlay{padding:1.75rem}.card-overlay h2{margin-bottom:1.25rem;font-size:1.35rem;line-height:1.15}.card-overlay .card-button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:1.75rem;min-height:44px;padding:.8rem 1.75rem;font-size:.95rem;font-weight:600;transition:all .2s}.featured-card:active{transform:scale(.98)}.card-overlay .card-button:active{transform:translateY(1px)scale(.95)}}@media (max-width:768px){.hero-banner{height:500px;padding:0 1rem}.hero-banner:before{opacity:.3;width:100vw;-webkit-mask:linear-gradient(#0000,#0003 40%,#0009);mask:linear-gradient(#0000,#0003 40%,#0009)}.hero-content{padding:0 1rem}.hero-text h1{font-size:2.25rem;line-height:1.2}.hero-text p{margin-bottom:1.5rem;font-size:1.125rem}.hero-button{padding:1rem 2rem;font-size:1rem}.hero-subtitle{margin-bottom:.75rem;font-size:1rem}.hero-indicators,.hero-nav{display:none}.featured-section{max-width:1600px;margin:-4rem auto 0;padding:2rem 1rem}.featured-grid{grid-template-columns:1fr;gap:1.5rem}.featured-card{border-radius:12px;min-height:200px}.card-content,.card-overlay{padding:1.5rem}.card-overlay h2{margin-bottom:1rem;font-size:1.25rem;line-height:1.2}.card-overlay .card-button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:1.5rem;min-height:44px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s}.featured-card:active{transform:scale(.98)}.card-overlay .card-button:active{transform:translateY(1px)scale(.95)}}@media (max-width:480px){.hero-banner{height:45vh;min-height:450px;padding:0 1rem}.hero-banner:before{opacity:.25;width:100vw;-webkit-mask:linear-gradient(#0000,#0000001a 30%,#00000080);mask:linear-gradient(#0000,#0000001a 30%,#00000080)}.hero-content{padding:2rem .5rem}.hero-text{text-align:center;max-width:100%}.hero-text h1{margin-bottom:1rem;font-size:2rem;line-height:1.1}.hero-text p{opacity:.9;margin-bottom:1.5rem;font-size:1rem}.hero-subtitle{margin-bottom:.5rem;font-size:.9rem}.hero-button{border-radius:2rem;padding:.875rem 1.5rem;font-size:.9rem;font-weight:600}.hero-nav{display:none}.card-content h2{margin-bottom:1rem;font-size:1.25rem}}.weekly-hits-section{padding:3rem 10rem;position:relative;overflow:hidden}.weekly-hits-section:before{content:"";pointer-events:none;position:absolute;inset:0}.weekly-hits-container{z-index:1;max-width:1600px;margin:0 auto;position:relative}.weekly-hits-header{border-bottom:2px solid #322ce81a;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:1rem;display:flex}.weekly-hits-header h2{-webkit-text-fill-color:transparent;letter-spacing:-.03em;background:linear-gradient(135deg,#1a1a1a,#4a5568);-webkit-background-clip:text;background-clip:text;margin:0;font-size:2rem;font-weight:800;position:relative}.weekly-hits-header h2:after{content:"";border-radius:2px;width:60px;height:3px;position:absolute;bottom:-8px;left:0}.weekly-hits-header p{color:#64748b;margin:0;font-size:1.1rem;font-weight:500;line-height:1.5}.hits-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:3rem;display:grid}.hit-card{cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:.75rem;min-height:80px;padding:1rem;transition:all .3s;display:flex;box-shadow:0 1px 3px #0000001a}.hit-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.hit-position{color:var(--color-fomix-blue);text-align:center;min-width:1.75rem;font-size:1.25rem;font-weight:700}.hit-artwork{flex-shrink:0}.artwork-placeholder{background:linear-gradient(135deg,var(--color-fomix-blue),var(--color-fomix-green));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.hit-info{flex:1}.hit-title{color:var(--color-fix-grey-950);margin-bottom:.125rem;font-size:.875rem;font-weight:600;line-height:1.3}.hit-artist{color:var(--color-fix-grey-600);margin-bottom:.125rem;font-size:.75rem;font-weight:500}.hit-album{color:var(--color-fix-grey-500);font-size:.675rem}.hit-actions{flex-shrink:0}.play-button{background:var(--color-fomix-blue);width:36px;height:36px}.play-button:hover{background:var(--color-fomix-blue-dark)}.hits-footer{text-align:center}.view-all-button{background:var(--color-fomix-blue);color:#fff;cursor:pointer;border:none;border-radius:2rem;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 16px #0000001a}.view-all-button:hover{background:var(--color-fomix-blue-dark);transform:translateY(-2px);box-shadow:0 6px 20px #00000026}@media (max-width:1200px){.weekly-hits-section{padding:3rem 2rem}}@media (max-width:1024px){.weekly-hits-section{padding:2rem}.weekly-hits-header{flex-direction:column;align-items:flex-start;gap:1rem}}@media (max-width:768px){.weekly-hits-section{padding:2rem 1rem}.weekly-hits-header h2{font-size:1.5rem}}@media (max-width:480px){.weekly-hits-header h2{font-size:1.25rem}}.album-cover{object-fit:cover;border-radius:8px;width:56px;height:56px}.hit-card.loading{pointer-events:none}.loading-placeholder{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:loading 1.5s infinite}.loading-animation{background:#ffffff4d;border-radius:8px;width:100%;height:100%}.loading-bar{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;margin-bottom:.25rem;animation:loading 1.5s infinite}.loading-title{height:1.125rem}.loading-artist{width:60%;height:.875rem}.loading-album{width:70%;height:.75rem}.loading-button{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:50%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:-200% 0}to{background-position:200% 0}}.error-message{border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a}.error-message p{margin-bottom:1rem}.retry-button{background:var(--color-fomix-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.retry-button:hover{background:var(--color-fomix-blue-dark)}@media (max-width:768px){.album-cover{width:48px;height:48px}}.skeleton,.skeleton-image{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:loading 1.5s infinite}.skeleton-image{height:100%}.skeleton-text{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;animation:loading 1.5s infinite}.artist-grid-section{padding:4rem 0;position:relative;overflow:hidden}.artist-grid-container{width:100%;max-width:1600px;margin:0 auto;position:relative}.artist-grid-section .header{border-bottom:2px solid #322ce81a;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:1rem;display:flex}.artist-grid{grid-template-columns:repeat(8,1fr);gap:1.5rem;width:100%;margin:0;padding:0;display:grid}.artist-card{text-align:center!important;cursor:pointer!important;background:#fff!important;border:none!important;border-radius:16px!important;min-height:44px!important;transition:all .3s!important;position:relative!important;overflow:hidden!important;box-shadow:0 8px 32px #0000001f!important}.artist-card:hover{transform:translateY(-8px)!important;box-shadow:0 16px 48px #0003!important}.artist-image{aspect-ratio:1!important;background:#f0f0f0!important;border-radius:12px 12px 0 0!important;width:100%!important;margin-bottom:1rem!important;position:relative!important;overflow:hidden!important}.artist-grid .album-artwork{object-fit:cover!important;width:100%!important;height:100%!important;transition:transform .3s!important;display:block!important}.artist-card:hover .album-artwork{transform:scale(1.08)!important}.artist-info{text-align:center!important;padding:1rem!important}.artist-grid .artist-name{color:#1a1a1a!important;margin:0 0 .375rem!important;font-size:1.125rem!important;font-weight:700!important;line-height:1.3!important}.artist-grid .album-name,.artist-grid .artist-name{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.artist-grid .album-name{color:#666!important;margin:0!important;font-size:.9rem!important;font-weight:400!important;line-height:1.4!important}.artist-card.clickable{cursor:pointer!important}.play-overlay{opacity:0!important;background:#0009!important;border-radius:12px 12px 0 0!important;justify-content:center!important;align-items:center!important;transition:all .3s!important;display:flex!important;position:absolute!important;inset:0!important}.artist-card:hover .play-overlay{opacity:1!important}.artist-card.playing .play-overlay{opacity:1!important;background:#322ce8cc!important}.artist-card.playing .play-button{color:var(--color-fomix-blue)!important;background:#fff!important}.play-button svg{color:#fff!important;margin-left:2px!important}.artist-card.playing .play-button svg{color:var(--color-fomix-blue)!important;margin-left:0!important}@media (max-width:1200px){.artist-grid{grid-template-columns:repeat(6,1fr)!important;gap:1.25rem!important}.artist-grid-section{padding:3rem 1.5rem!important}}@media (max-width:992px){.hero-banner{height:550px}.hero-content{padding:calc(var(--navbar-height) + 1.5rem)1.5rem 1.5rem 1.5rem;grid-template-columns:1fr;gap:2rem}.hero-text h1{font-size:2.25rem}.hero-text p{font-size:1.1rem}.featured-section{margin:-5rem auto 0;padding:2.5rem 1.5rem}.featured-grid{gap:1.25rem}.artist-grid{grid-template-columns:repeat(4,1fr)!important;gap:1rem!important}.artist-grid-section{padding:2.5rem 2rem!important}}@media (max-width:768px){.artist-grid{grid-template-columns:repeat(3,1fr)!important;gap:.75rem!important}.artist-grid-section{padding:2rem 1rem!important}.artist-grid .artist-name{font-size:.9rem!important}.artist-grid .album-name{font-size:.75rem!important}}@media (max-width:480px){.hero-banner{height:400px}.hero-content{padding:calc(var(--navbar-height) + .5rem).75rem .75rem .75rem;gap:1.5rem}.hero-text h1{font-size:1.75rem;line-height:1.1}.hero-text p{margin-bottom:1.25rem;font-size:.95rem}.hero-button{border-radius:1.5rem;padding:.875rem 1.5rem;font-size:.95rem}.featured-section{margin:-6rem auto 0;padding:1.5rem 1rem}.featured-grid{grid-template-columns:1fr;gap:1.25rem}.featured-card{border-radius:10px;min-height:180px}.card-content,.card-overlay{padding:1.25rem}.card-overlay h2{margin-bottom:.75rem;font-size:1.1rem;line-height:1.1}.card-overlay .card-button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:1.25rem;min-height:40px;padding:.625rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .2s}.featured-card:active{transform:scale(.97)}.card-overlay .card-button:active{transform:translateY(1px)scale(.95)}.artist-grid{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}.artist-grid-section{padding:1.5rem 1rem!important}.artist-card{border-radius:12px!important}.artist-info{padding:.75rem!important}.artist-grid .artist-name{font-size:.85rem!important}.artist-grid .album-name{font-size:.7rem!important}.nav-button{padding:0 .5rem;font-size:.95rem}.burger-button{padding:.75rem}}@media (hover:none) and (pointer:coarse){.artist-card:hover{transform:none!important;box-shadow:0 8px 32px #0000001f!important}.featured-card:hover{transform:none!important;box-shadow:0 12px 32px #00000026!important}.hero-button:hover{background:#fff!important;transform:none!important}.card-button:hover{background:#2563eb!important}.artist-card{min-height:48px!important}.card-button{min-height:44px!important;padding:.75rem 1.5rem!important}.hero-button{min-height:48px!important;padding:1rem 2rem!important}.nav-button{min-height:44px!important;padding:.75rem 1rem!important}}@media (max-width:896px) and (orientation:landscape){.hero-banner{height:400px}.hero-content{padding:calc(var(--navbar-height) + .5rem)1rem .5rem 1rem;grid-template-columns:1fr 1fr;gap:2rem}.hero-text h1{font-size:2rem}.featured-section{margin:-2rem auto 0}}.programmering-section{padding:3rem 0;position:relative;overflow:hidden}.programmering-section>*{max-width:1600px;margin:0 auto;padding:0}.days-tabs{flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem;display:flex}.day-tab{color:#222;cursor:pointer;background:#fff;border:2px solid #fff;border-radius:1rem;outline:none;padding:.75rem 2.25rem;font-size:1.1rem;font-weight:500;transition:all .2s}.day-tab,.day-tab.active{box-shadow:0 8px 32px #0000001f!important}.day-tab.active{color:#fff;background:#4f46e5;border-color:#4f46e5}.day-tab:hover:not(.active){background:#f3f4f6;border-color:#a5b4fc}.programs-list{flex-wrap:wrap;align-items:flex-start;gap:2rem;min-height:320px;display:flex}.program-card{background:#fff;border-radius:1.5rem;flex-direction:column;width:340px;min-width:260px;max-width:100%;margin-bottom:2rem;display:flex;box-shadow:0 8px 32px #0000001f!important}.program-card,.program-image{position:relative;overflow:hidden}.program-image{aspect-ratio:16/9;width:100%}.program-image img{object-fit:cover;width:100%;height:100%;display:block}.program-time{color:#fff;background:#1e293bd9;border-radius:1rem;padding:.35rem 1.1rem;font-size:1rem;font-weight:600;position:absolute;bottom:1rem;left:1rem;box-shadow:0 2px 8px #1e293b1a}.program-info p{color:#666;font-size:1.05rem;font-weight:500}.programs-footer{justify-content:flex-end;margin-top:1.5rem;display:flex}.view-more-button{color:#3730a3;cursor:pointer;background:#fff;border:2px solid #e0e7ff;border-radius:1rem;align-items:center;gap:.5rem;padding:.75rem 2rem;font-size:1.05rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 12px #3c50b40a}.view-more-button:hover{background:#f3f4f6;border-color:#a5b4fc}@media (max-width:900px){.programs-list{flex-direction:column;align-items:stretch;gap:1.5rem}.program-card{width:100%;min-width:0}}@media (max-width:600px){.programmering-section{padding:1rem .5rem 2rem}.days-tabs{gap:.5rem;margin-bottom:1.5rem}.day-tab{padding:.5rem 1.1rem;font-size:.98rem}.program-info{padding:1rem 1rem 1.2rem}.program-info h3{font-size:1.1rem}.program-info p{font-size:.95rem}.view-more-button{padding:.6rem 1.2rem;font-size:.95rem}}.artist-grid-section h2{-webkit-text-fill-color:transparent;letter-spacing:-.03em;background:linear-gradient(135deg,#1a1a1a,#4a5568);-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.5rem;font-weight:700;position:relative}.artist-grid-section p{color:#4b5563;text-align:center;margin-bottom:3rem;font-size:1.125rem}.artist-card.skeleton{cursor:default;background:#f9fafb}.artist-card.skeleton:hover{transform:none!important;box-shadow:0 8px 32px #0000001f!important}.skeleton-image{aspect-ratio:1;border-radius:12px 12px 0 0;width:100%}.skeleton-image,.skeleton-text{background-color:#e5e7eb;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton-text{border-radius:.25rem;margin-bottom:.5rem}.skeleton-text:last-child{margin-bottom:0}.error-message{text-align:center;background:#e05638;border:2px solid #e05638;border-radius:1rem;grid-column:1/-1;width:100%;padding:3rem 1rem}.error-message p{color:#fff;font-size:1.125rem;font-weight:500}.uitzending-gemist{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed 50%,#6366f1);position:relative;overflow:hidden}.uitzending-gemist:before{content:"";pointer-events:none;background:#322ce8;position:absolute;inset:0}.uitzending-gemist__container{z-index:1;max-width:1600px;margin:0 auto;padding:0;position:relative}.uitzending-gemist__header{justify-content:space-between;align-items:flex-end;margin-bottom:2rem;display:flex}.uitzending-gemist__header-content{flex:1}.uitzending-gemist__title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:2.5rem;font-weight:800;line-height:1.1}.uitzending-gemist__subtitle{color:#fffc;margin:0;font-size:1.1rem;font-weight:400}.uitzending-gemist__navigation{gap:.5rem;display:flex}.uitzending-gemist__nav-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#ffffff1a;border:2px solid #fff3;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.uitzending-gemist__nav-button:hover:not(:disabled){background:#fff3;border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.uitzending-gemist__nav-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.uitzending-gemist__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.uitzending-gemist__card{cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;transition:all .3s;animation:cardFadeIn .6s ease-out forwards;overflow:hidden;transform:translateY(20px)}@keyframes cardFadeIn{to{opacity:1;transform:translateY(0)}}.uitzending-gemist__card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-4px);box-shadow:0 12px 24px #0003}.uitzending-gemist__card:active{transform:translateY(-2px)}.uitzending-gemist__card-image{background:linear-gradient(135deg,#6366f133,#8b5cf633);height:180px;position:relative;overflow:hidden}.uitzending-gemist__card-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.uitzending-gemist__card:hover .uitzending-gemist__card-image img{transform:scale(1.05)}.uitzending-gemist__play-overlay{opacity:0;background:#0000004d;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;inset:0}.uitzending-gemist__card:hover .uitzending-gemist__play-overlay{opacity:1}.uitzending-gemist__play-button{width:56px;height:56px;color:var(--color-fomix-blue);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:none;border-radius:50%;justify-content:center;align-items:center;padding-left:2px;transition:all .2s;display:flex}.uitzending-gemist__play-button:hover{background:#fff;transform:scale(1.1);box-shadow:0 4px 12px #0003}.uitzending-gemist__meta-overlay{justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:.75rem;left:.75rem;right:.75rem}.uitzending-gemist__duration,.uitzending-gemist__views{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:12px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:flex}.uitzending-gemist__card-content{padding:1.25rem}.uitzending-gemist__card-meta{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.uitzending-gemist__genre{color:#fff;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff3,#ffffff1a);border:1px solid #ffffff1a;border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.uitzending-gemist__date{color:#ffffffb3;align-items:center;gap:.25rem;font-size:.8rem;display:flex}.uitzending-gemist__card-title{color:#fff;margin:0 0 .5rem;font-size:1.2rem;font-weight:700;line-height:1.3}.uitzending-gemist__card-host{color:#fffc;margin:0 0 .75rem;font-size:.9rem;font-weight:500}.uitzending-gemist__card-description{color:#ffffffb3;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}.uitzending-gemist__mobile-navigation{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:none}.uitzending-gemist__mobile-nav-button{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;align-items:center;gap:.5rem;min-height:44px;padding:.75rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.uitzending-gemist__mobile-nav-button:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.uitzending-gemist__mobile-nav-button:disabled{opacity:.5;cursor:not-allowed}.uitzending-gemist__pagination{text-align:center;flex:1}.uitzending-gemist__pagination-text{color:#fffc;font-size:.85rem;font-weight:500}.uitzending-gemist__footer{text-align:center}.uitzending-gemist__more-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#ffffff1a;border:2px solid #fff3;border-radius:16px;align-items:center;gap:.5rem;min-height:48px;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.uitzending-gemist__more-button:hover{background:#ffffff26;border-color:#fff6;transform:translateY(-2px);box-shadow:0 8px 16px #0003}@media (min-width:1200px){.uitzending-gemist__container{padding:4rem 0}.uitzending-gemist__title{font-size:3rem}.uitzending-gemist__subtitle{font-size:1.2rem}.uitzending-gemist__grid{grid-template-columns:repeat(4,1fr);gap:2rem}.uitzending-gemist__card-image{height:200px}.uitzending-gemist__card-title{font-size:1.3rem}}@media (min-width:1024px) and (max-width:1199px){.uitzending-gemist__container{padding:3.5rem 2rem}.uitzending-gemist__title{font-size:2.75rem}.uitzending-gemist__grid{grid-template-columns:repeat(3,1fr);gap:1.75rem}.uitzending-gemist__card-image{height:190px}}@media (min-width:769px) and (max-width:1023px){.uitzending-gemist__container{padding:3rem 2rem}.uitzending-gemist__title{font-size:2.5rem}.uitzending-gemist__subtitle{font-size:1.1rem}.uitzending-gemist__grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.uitzending-gemist__card-image{height:180px}.uitzending-gemist__navigation{gap:.75rem}.uitzending-gemist__nav-button{width:48px;height:48px}.uitzending-gemist__play-overlay{opacity:.8}.uitzending-gemist__card:hover .uitzending-gemist__play-overlay{opacity:1}}@media (max-width:768px){.uitzending-gemist__container{padding:2.5rem 1rem}.uitzending-gemist__header{text-align:center;flex-direction:column;align-items:center;margin-bottom:2rem}.uitzending-gemist__title{margin-bottom:.5rem;font-size:2rem}.uitzending-gemist__subtitle{margin-bottom:1rem;font-size:1rem}.uitzending-gemist__navigation{display:none}.uitzending-gemist__mobile-navigation{display:flex}.uitzending-gemist__grid{grid-template-columns:1fr;gap:1.25rem;margin-bottom:1.5rem}.uitzending-gemist__card{border-radius:12px}.uitzending-gemist__card-image{height:160px}.uitzending-gemist__play-overlay{opacity:.9}.uitzending-gemist__play-button{width:48px;height:48px}.uitzending-gemist__card-content{padding:1rem}.uitzending-gemist__card-title{font-size:1.1rem}.uitzending-gemist__card-host{font-size:.85rem}.uitzending-gemist__card-description{-webkit-line-clamp:3;font-size:.8rem}.uitzending-gemist__more-button{border-radius:12px;padding:.875rem 1.5rem;font-size:.9rem}}@media (max-width:480px){.uitzending-gemist__container{padding:2rem .875rem}.uitzending-gemist__title{font-size:1.75rem}.uitzending-gemist__subtitle{font-size:.9rem}.uitzending-gemist__grid{gap:1rem}.uitzending-gemist__card{border-radius:10px}.uitzending-gemist__card-image{height:140px}.uitzending-gemist__play-button{width:44px;height:44px}.uitzending-gemist__card-content{padding:.875rem}.uitzending-gemist__card-meta{margin-bottom:.5rem}.uitzending-gemist__card-title{margin-bottom:.375rem;font-size:1rem}.uitzending-gemist__card-host{margin-bottom:.5rem;font-size:.8rem}.uitzending-gemist__card-description{font-size:.75rem;line-height:1.3}.uitzending-gemist__genre{padding:.2rem .6rem;font-size:.7rem}.uitzending-gemist__date{font-size:.7rem}.uitzending-gemist__duration,.uitzending-gemist__views{padding:.2rem .4rem;font-size:.7rem}.uitzending-gemist__mobile-nav-button{gap:.375rem;padding:.625rem .875rem;font-size:.8rem}.uitzending-gemist__pagination-text{font-size:.8rem}.uitzending-gemist__more-button{gap:.375rem;padding:.75rem 1.25rem;font-size:.85rem}}.archief-section-hero{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;margin-top:calc(var(--navbar-height)*-1);padding:8rem 0 4rem;position:relative;overflow:hidden}.archief-section-hero:before{content:"";background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="25" cy="25" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="3" fill="rgba(255,255,255,0.05)"/><circle cx="90" cy="20" r="1" fill="rgba(255,255,255,0.1)"/></svg>');animation:float 20s ease-in-out infinite;position:absolute;inset:0}.archief-section-hero-container{z-index:2;max-width:1200px;margin:0 auto;padding:0 2rem;position:relative}.archief-section-hero-content{text-align:center;max-width:800px;margin:0 auto}.archief-back-button{color:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem;font-size:.875rem;text-decoration:none;transition:all .2s;display:inline-flex}.archief-back-button:hover{color:#fff;background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.archief-section-hero-icon{opacity:.9;justify-content:center;margin-bottom:2rem;display:flex}.archief-section-hero-title{text-shadow:0 2px 10px #0000004d;margin-bottom:1.5rem;font-size:3rem;font-weight:700}.archief-section-hero-description{opacity:.95;margin-bottom:3rem;font-size:1.25rem;line-height:1.6}.archief-section-hero-stats{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.archief-section-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:1rem;font-weight:500;display:flex}.archief-section-controls{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:2rem 0}.archief-section-controls-container{flex-wrap:wrap;align-items:center;gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.archief-section-info{align-items:center;gap:1rem;display:flex}.archief-section-type{text-transform:uppercase;letter-spacing:.5px;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.archief-section-content{background:#fff;padding:4rem 0}.archief-section-content-container{max-width:1200px;margin:0 auto;padding:0 2rem}.archief-year-hero{background:linear-gradient(135deg,var(--color-fomix-blue),var(--color-fomix-green));color:#fff;margin-top:calc(var(--navbar-height)*-1);padding:8rem 0 4rem;position:relative;overflow:hidden}.archief-year-hero:before{content:"";background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect x="10" y="10" width="20" height="20" fill="rgba(255,255,255,0.05)"/><rect x="60" y="60" width="15" height="15" fill="rgba(255,255,255,0.08)"/></svg>');animation:float 25s ease-in-out infinite reverse;position:absolute;inset:0}.archief-year-hero-container{z-index:2;max-width:1200px;margin:0 auto;padding:0 2rem;position:relative}.archief-year-hero-content{text-align:center;max-width:800px;margin:0 auto}.archief-year-hero-icon{opacity:.9;justify-content:center;margin-bottom:2rem;display:flex}.archief-year-hero-title{text-shadow:0 2px 10px #0000004d;margin-bottom:1.5rem;font-size:3rem;font-weight:700}.archief-year-hero-description{opacity:.95;margin-bottom:3rem;font-size:1.25rem;line-height:1.6}.archief-year-hero-stats{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.archief-year-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;gap:.75rem;padding:1rem 1.5rem;font-size:1rem;font-weight:500}.archief-year-months{background:#f8fafc;padding:4rem 0}.archief-year-months-container{max-width:1200px;margin:0 auto;padding:0 2rem}.archief-year-months-title{color:var(--color-fix-grey-900);text-align:center;justify-content:center;align-items:center;gap:1rem;margin-bottom:3rem;font-size:2rem;font-weight:600;display:flex}.archief-year-months-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.archief-month-card{cursor:pointer;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .2s}.archief-month-card:hover{border-color:var(--color-fomix-green);transform:translateY(-2px);box-shadow:0 4px 12px #22c55e1a}.archief-month-card.active{border-color:var(--color-fomix-green);background:var(--color-fomix-green);color:#fff;box-shadow:0 4px 12px #22c55e33}.archief-month-card h3{margin-bottom:1rem;font-size:1.25rem;font-weight:600}.archief-month-stats{justify-content:center;gap:1rem;margin-bottom:1rem;display:flex}.archief-month-stat{color:inherit;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.archief-month-categories{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.archief-month-category{color:inherit;background:#0000001a;border-radius:4px;padding:.25rem .5rem;font-size:.75rem}.archief-month-card.active .archief-month-category{background:#fff3}.archief-year-month-controls{justify-content:center;gap:1rem;display:flex}.archief-month-filter{color:var(--color-fix-grey-700);cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s}.archief-month-filter:hover{border-color:var(--color-fomix-green);color:var(--color-fomix-green)}.archief-month-filter.active{background:var(--color-fomix-green);color:#fff;border-color:var(--color-fomix-green)}.archief-year-categories{background:#fff;border-bottom:1px solid #e2e8f0;padding:2rem 0}.archief-year-categories-container{max-width:1200px;margin:0 auto;padding:0 2rem}.archief-year-categories h3{color:var(--color-fix-grey-900);text-align:center;margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.archief-year-categories-list{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.archief-year-category-tag{background:var(--color-fomix-green);color:#fff;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.archief-year-content{background:#fff;padding:4rem 0}.archief-year-content-container{max-width:1200px;margin:0 auto;padding:0 2rem}.archief-year-content-header{text-align:center;margin-bottom:3rem}.archief-year-content-header h2{color:var(--color-fix-grey-900);margin-bottom:.5rem;font-size:2rem;font-weight:600}.archief-year-content-header p{color:var(--color-fix-grey-600);font-size:1rem}.archief-empty-state{text-align:center;color:var(--color-fix-grey-600);padding:4rem 2rem}.archief-empty-state svg{color:var(--color-fix-grey-400);margin-bottom:1rem}.archief-empty-state h3{color:var(--color-fix-grey-800);margin-bottom:.5rem;font-size:1.5rem}.archief-empty-state p{margin-bottom:2rem;font-size:1rem}@media (max-width:768px){.archief-section-hero-title,.archief-year-hero-title{font-size:2rem}.archief-section-hero-stats,.archief-year-hero-stats{flex-direction:column;align-items:center;gap:1rem}.archief-year-months-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.archief-section-controls-container{flex-direction:column;align-items:stretch}.archief-section-hero,.archief-year-hero{padding:6rem 0 3rem}.archief-back-button{margin-bottom:1.5rem}}@media (max-width:1023px){.uitzending-gemist__card:active{transform:scale(.98)}.uitzending-gemist__play-button:active{transform:scale(.9)}.uitzending-gemist__mobile-nav-button:active{transform:scale(.95)}.uitzending-gemist__more-button:active{transform:translateY(1px)scale(.98)}.uitzending-gemist__card:hover{box-shadow:none;background:#ffffff0d;border-color:#ffffff1a;transform:none}.uitzending-gemist__card:hover .uitzending-gemist__card-image img{transform:none}}.radio-player{flex-direction:column;align-items:center;gap:1.5rem}.missedShows .navigation{display:none}.missedShows .title{text-align:center;font-size:1.75rem}.showsGrid{grid-template-columns:1fr;gap:1.5rem}.showCard{border-radius:16px}.showCard:active{transform:scale(.98)}.showImage{border-radius:16px 16px 0 0;height:200px}.playButton{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;width:56px;height:56px}.playButton:active{transform:translate(-50%,-50%)scale(.9)}.showContent{padding:1.25rem}.showMeta{margin-bottom:1rem}.showTitle{margin-bottom:.75rem;font-size:1.2rem;line-height:1.2}.showHost{margin-bottom:.75rem;font-size:.9rem}.showDescription{font-size:.85rem;line-height:1.4}.duration,.views{padding:.3rem .6rem;font-size:.75rem}.genre{padding:.3rem .8rem;font-size:.75rem}.date{font-size:.8rem}.showCard{cursor:pointer}.missedShows .moreButton,.missedShows .navButton,.showCard{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.missedShows .moreButton{min-height:48px}.playButton{-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none}@media (min-width:769px) and (max-width:1023px){.missedShows{padding:2.5rem 2rem}.missedShows .title{font-size:2.25rem}.showsGrid{grid-template-columns:repeat(2,1fr);gap:1.75rem}.showCard{-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:18px}.showCard:active{transform:scale(.98)}.showImage{border-radius:18px 18px 0 0;height:220px}.playButton{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;width:58px;height:58px}.playButton:active{transform:translate(-50%,-50%)scale(.9)}.showContent{padding:1.5rem}.showMeta{margin-bottom:1rem}.showTitle{margin-bottom:.75rem;font-size:1.3rem}.showHost{margin-bottom:.75rem;font-size:.95rem}.showDescription{font-size:.9rem;line-height:1.4}.duration,.views{padding:.35rem .7rem;font-size:.8rem}.genre{padding:.35rem .9rem;font-size:.8rem}.date{font-size:.85rem}}@media (max-width:768px){.missedShows{padding:2.5rem 1rem}.missedShows .container{padding:0}.missedShows .header{flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:2rem}.missedShows .navigation{display:none}.missedShows .title{text-align:center;font-size:1.75rem}.showsGrid{grid-template-columns:1fr;gap:1.5rem}.showCard{-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:16px}.showCard:active{transform:scale(.98)}.showImage{border-radius:16px 16px 0 0;height:200px}.playButton{opacity:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;width:56px;height:56px}.playButton:active{transform:translate(-50%,-50%)scale(.9)}.showContent{padding:1.25rem}.showMeta{margin-bottom:1rem}.showTitle{margin-bottom:.75rem;font-size:1.2rem;line-height:1.2}.showHost{margin-bottom:.75rem;font-size:.9rem}.showDescription{font-size:.85rem;line-height:1.4}.duration,.views{padding:.3rem .6rem;font-size:.75rem}.genre{padding:.3rem .8rem;font-size:.75rem}.date{font-size:.8rem}}@media (max-width:480px){.missedShows{padding:2rem 1rem}.missedShows .header{gap:1rem;margin-bottom:1.5rem}.missedShows .title{font-size:1.5rem}.showsGrid{gap:1.25rem}.showCard{border-radius:14px}.showImage{border-radius:14px 14px 0 0;height:180px}.playButton{width:52px;height:52px}.showContent{padding:1rem}.showMeta{margin-bottom:.75rem}.showTitle{margin-bottom:.5rem;font-size:1.1rem;line-height:1.1}.showHost{margin-bottom:.5rem;font-size:.85rem}.showDescription{font-size:.8rem;line-height:1.3}.duration,.views{padding:.25rem .5rem;font-size:.7rem}.genre{padding:.25rem .7rem;font-size:.7rem}.date{font-size:.75rem}.missedShows .moreButton{-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:2rem;min-height:44px;padding:.75rem 1.5rem;font-size:.9rem}.missedShows .moreButton:active{transform:scale(.95)}}.news{padding:3rem 0;position:relative;overflow:hidden}.news:before{content:"";pointer-events:none;position:absolute;inset:0}.news .container{z-index:1;max-width:1600px;margin:0 auto;padding:0;position:relative}.news .header{border-bottom:3px solid #322ce81a;justify-content:space-between;align-items:flex-start;margin-bottom:4rem;padding-bottom:1.5rem;display:flex;position:relative}.news .titleSection{flex-direction:column;gap:.75rem;display:flex}.news .title{-webkit-text-fill-color:transparent;letter-spacing:-.03em;background:linear-gradient(135deg,#1a1a1a,#4a5568);-webkit-background-clip:text;background-clip:text;margin:0;font-size:2rem;font-weight:800;position:relative}.news .title:after{content:"";border-radius:2px;width:60px;height:3px;position:absolute;bottom:-8px;left:0}.news .subtitle{color:#64748b;margin:0;font-size:1.1rem;font-weight:500;line-height:1.5}.news .navigation{align-items:center;gap:.75rem;display:flex}.news .navButton{color:#64748b;cursor:pointer;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #1e40af26;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;padding:1rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #52555a1a}.news .navButton:before{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.news .navButton.disabled,.news .navButton:disabled{opacity:.4;cursor:not-allowed;transform:none}.news .navButton:hover:not(:disabled):not(.disabled){color:#fff;background:linear-gradient(135deg,#1e40af,#3b82f6);border-color:#0000;transform:translateY(-4px)scale(1.05);box-shadow:0 10px 40px #52555a1a}.news .navButton:hover:not(:disabled):not(.disabled):before{left:100%}.homeNewsCard{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #fffc;border-radius:24px;transition:all .5s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 10px 40px #52555a1a}.homeNewsCard:before{content:"";opacity:0;z-index:1;pointer-events:none;background:linear-gradient(135deg,#1e40af0d,#3b82f605);transition:opacity .4s;position:absolute;inset:0}.homeNewsCard:hover{border-color:#1e40af33;transform:translateY(-12px)scale(1.03);box-shadow:0 10px 40px #52555a1a}.homeNewsCard:hover:before{opacity:1}.cardHeader{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e40afe6;border:1px solid #fff3;border-radius:8px;padding:.5rem 1rem;position:absolute;top:1rem;left:1rem}.radioFomixLabel{color:#fff;letter-spacing:1px;font-size:.75rem;position:relative}.cardImage{filter:brightness(.9)contrast(1.1);transition:all .5s}.homeNewsCard:hover .cardImage{filter:brightness()contrast(1.2);transform:scale(1.08)}.imageOverlay{opacity:.8;background:linear-gradient(135deg,#0009,#0000004d);justify-content:center;align-items:center;transition:all .4s}.homeNewsCard:hover .imageOverlay{opacity:.9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.brandText{color:#fff;letter-spacing:-.02em;text-shadow:0 2px 20px #0000004d;font-size:2rem;font-weight:800;transition:transform .4s;transform:scale(.9)}.homeNewsCard:hover .brandText{transform:scale(1)}.cardContent{z-index:2;background:linear-gradient(135deg,#fff,#f8fafc);padding:2rem 1.5rem;position:relative}.newsTitle{color:#1a1a1a;letter-spacing:-.01em;margin:0 0 1rem;line-height:1.4;transition:color .3s}.homeNewsCard:hover .newsTitle{color:var(--color-fomix-blue)}.newsDescription{color:#64748b;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0 0 1rem;font-size:.95rem;font-weight:500;display:-webkit-box;overflow:hidden}.newsDate{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:.85rem;font-weight:600}.news .footer{text-align:right;margin-top:3rem}.news .moreButton{color:#64748b;cursor:pointer;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #1e40af26;border-radius:16px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #52555a1a}.news .moreButton:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.news .moreButton:hover{color:#fff;background:linear-gradient(135deg,#1e40af,#3b82f6);border-color:#0000;transform:translateY(-4px)scale(1.05);box-shadow:0 10px 40px #52555a1a}.news .moreButton:hover:before{left:100%}.news .moreButton svg{transition:transform .4s}.news .moreButton:hover svg{transform:translate(6px)}@media (max-width:1200px){.news{padding:3rem 0}.newsGrid{gap:2rem}.news .title{font-size:1.8rem}.cardContent{padding:1.75rem}}@media (max-width:1024px){.news{padding:2rem}.newsGrid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.news .header{flex-direction:column;align-items:flex-start;gap:1.5rem;margin-bottom:2.5rem}.news .title{font-size:1.6rem}.news .navigation{justify-content:flex-end;width:100%}.cardImageContainer{height:180px}}@media (max-width:768px){.news{padding:1.5rem 1rem}.newsGrid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}.news .title{text-align:center;width:100%;font-size:1.6rem}.news .subtitle{font-size:1rem}.news .header{border-bottom:2px solid #322ce81a;flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1rem}.news .titleSection{text-align:center;width:100%}.news .navigation{justify-content:center;gap:.5rem}.news .navButton{width:48px;height:48px;padding:.75rem}.cardImageContainer{height:200px}.cardContent{padding:1.5rem}.brandText{font-size:1.4rem}.newsTitle{margin-bottom:.75rem;font-size:1.2rem;line-height:1.3}.newsDescription{margin-bottom:.75rem;font-size:.95rem;line-height:1.5}.newsDate{font-size:.85rem}.news .footer{text-align:center;margin-top:2rem}.news .moreButton{padding:.875rem 1.5rem;font-size:.95rem}}@media (max-width:480px){.news{padding:1rem .75rem}.news .title{text-align:center;width:100%;font-size:1.4rem}.news .subtitle{font-size:.9rem}.newsGrid{gap:1.25rem;margin-bottom:1.5rem}.cardImageContainer{height:180px}.cardContent{padding:1.25rem}.newsTitle{font-size:1.1rem;line-height:1.3}.newsDescription{font-size:.9rem;line-height:1.4}.brandText{font-size:1.3rem}.news .navButton{width:44px;height:44px;padding:.75rem}.news .moreButton{width:100%;max-width:280px;padding:.75rem 1.25rem;font-size:.9rem}.news .header{flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem}.news .titleSection{text-align:center;width:100%}.news .footer{margin-top:1.5rem}}.programming{background-color:#fff;padding:3rem 0;position:relative;overflow:hidden}.programming:before{content:"";pointer-events:none;position:absolute;inset:0}.programming .container{z-index:1;max-width:1600px;margin:0 auto;position:relative}.programming .header{border-bottom:2px solid #322ce81a;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:1rem;display:flex}.programming .title{-webkit-text-fill-color:transparent;letter-spacing:-.03em;background:linear-gradient(135deg,#1a1a1a,#4a5568);-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.5rem;font-weight:700;position:relative}.programming .title:after{content:"";border-radius:2px;width:60px;height:3px;position:absolute;bottom:-8px;left:0}.programming .navigation{gap:.5rem;display:flex}.programming .navButton{color:#4a5568;cursor:pointer;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #322ce81a;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;padding:.75rem;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000000d}.programming .navButton:disabled{opacity:.5;cursor:not-allowed}.programming .navButton:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#322ce8,#4c63d2);border-color:#0000;transform:translateY(-2px);box-shadow:0 8px 25px #322ce833}.dayTabs{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;gap:.75rem;margin-bottom:3rem;padding:1rem 0;display:flex;overflow-x:auto}.dayTabs::-webkit-scrollbar{display:none}.dayTab{color:#4a5568;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:linear-gradient(145deg,#fff,#f8fafc 50%,#f1f5f9);border:2px solid #322ce826;border-radius:15px;justify-content:center;align-items:center;min-width:fit-content;min-height:48px;padding:.85rem 1.8rem;font-size:.95rem;font-weight:700;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #322ce814}.dayTab:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.dayTab:hover:before{left:100%}.dayTab:hover{color:#fff;box-shadow:none;background:linear-gradient(135deg,#322ce8,#4c63d2);border-color:#322ce8;transform:translateY(-2px)}.dayTab.currentDay{background-color:#fff;border-color:#322ce8;position:relative}.dayTab.currentDay:after{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#322ce8;border-radius:10px;padding:3px 8px;font-size:.65rem;font-weight:600;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 8px #0003}.dayTab.active{color:#fff;background:linear-gradient(135deg,#322ce8,#4c63d2);border-color:#0000;transform:translateY(-3px)scale(1.02)}.programGrid{grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:3rem;display:grid}.programCard{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:300px;color:inherit;flex-direction:column;text-decoration:none;transition:all .5s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 10px 40px #52555a1a}.programCard,.programImage{border-radius:20px;position:relative;overflow:hidden}.programImage,.programImage img{width:100%;height:100%}.programImage img{object-fit:cover;transition:transform .5s}.programOverlay{background:linear-gradient(135deg,#000c,#00000080 50%,#0000);flex-direction:column;justify-content:flex-end;padding:2rem;transition:all .5s;display:flex;position:absolute;inset:0}.programCard:hover{transform:translateY(-12px)scale(1.03);box-shadow:0 10px 40px #52555a1a}.programCard:hover .programImage img{transform:scale(1.1)}.programCard:hover .programOverlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.programCard:hover .programTitle{color:#fffffff2}.programCard:focus{outline:2px solid var(--color-fomix-blue);outline-offset:2px}.programTime{text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:25px;width:fit-content;margin-bottom:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:700;display:inline-block}.programTime,.programTitle{color:#fff;transition:all .4s}.programTitle{letter-spacing:-.03em;text-shadow:0 2px 10px #0000004d;margin:0 0 .5rem;font-size:1.4rem;font-weight:800;line-height:1.2}.programHost{color:#ffffffe6;margin:0;font-size:1rem;font-style:italic;font-weight:600;transition:all .4s}.programming .footer{text-align:right;margin-top:2rem}.programming .moreButton{color:#4a5568;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #322ce81a;border-radius:12px;align-items:center;gap:.5rem;min-height:48px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 2px 8px #0000000d}.programming .moreButton:hover{color:#fff;background:linear-gradient(135deg,#322ce8,#4c63d2);border-color:#0000;transform:translateY(-2px);box-shadow:0 8px 25px #322ce833}.programming .moreButton svg{transition:transform .3s}.programming .moreButton:hover svg{transform:translate(4px)}@media (max-width:1200px){.programming{padding:3rem 2rem}.programGrid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}@media (min-width:769px) and (max-width:1024px){.programming{padding:2.5rem 2rem}.programming .header{margin-bottom:2.5rem}.programming .title{font-size:2.25rem}.dayTabs{gap:.6rem;margin-bottom:2.5rem}.dayTab{min-height:44px;padding:.8rem 1.6rem;font-size:.95rem}.programGrid{grid-template-columns:repeat(2,1fr);gap:1.75rem}.programCard{border-radius:18px;min-height:250px}.programOverlay{padding:1.75rem}.programTime{padding:.45rem .9rem;font-size:.8rem}.programTitle{margin-bottom:.6rem;font-size:1.3rem}.programHost{font-size:.95rem}}@media (max-width:768px){.programming{padding:2rem 1rem}.programming .header{flex-direction:column;align-items:flex-start;gap:1.5rem;margin-bottom:2rem}.programming .navigation{display:none}.programming .title{text-align:center;width:100%;font-size:1.75rem}.dayTabs{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;justify-content:flex-start;gap:.5rem;margin-bottom:2rem;padding:1rem 0}.dayTabs::-webkit-scrollbar{display:none}.programmering-filter-scrollable{scrollbar-width:none;-ms-overflow-style:none;padding:.5rem 0;flex-wrap:nowrap!important;overflow-x:auto!important}.programmering-filter-scrollable::-webkit-scrollbar{display:none}.programmering-filter-scrollable .programmering-filter-button{white-space:nowrap;flex-shrink:0;min-width:fit-content}.mobile-pull-refresh-container{width:100%;position:relative}.mobile-pull-refresh-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#fffffff2;border-radius:0 0 12px 12px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;height:60px;display:flex;position:absolute;top:-60px;left:0;right:0;box-shadow:0 4px 12px #0000001a}.mobile-pull-refresh-icon{color:var(--color-fomix-green);transition:transform .3s}.mobile-pull-refresh-icon.refreshing{animation:spin 1s linear infinite}.mobile-pull-refresh-text{color:#64748b;font-size:.8rem;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.programmering-quick-filter{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:none}@media (max-width:768px){.programmering-quick-filter{display:flex}}.programmering-quick-filter-section{flex-direction:column;gap:.75rem;display:flex}.programmering-quick-filter-header{color:#374151;align-items:center;gap:.5rem;margin-left:.5rem;font-size:1rem;font-weight:600;display:flex}.programmering-quick-filter-header svg{color:var(--color-fomix-blue)}.programmering-quick-filter-buttons{scrollbar-width:none;-ms-overflow-style:none;gap:.5rem;padding:.5rem 0;display:flex;overflow-x:auto}.programmering-quick-filter-buttons::-webkit-scrollbar{display:none}.programmering-quick-filter-button{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #e5e7eb;border-radius:50px;flex-shrink:0;min-width:fit-content;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .3s}.programmering-quick-filter-button:hover{border-color:var(--color-fomix-blue);color:var(--color-fomix-blue);background:#4f46e50d;transform:translateY(-2px)}.programmering-quick-filter-button.active{background:linear-gradient(135deg,var(--color-fomix-blue)0,#7c3aed 100%);border-color:var(--color-fomix-blue);color:#fff;box-shadow:0 4px 15px #4f46e54d}.mobile-visible{display:none}@media (max-width:480px){.mobile-hidden{display:none}.mobile-visible{display:inline}.programmering-quick-filter-button{padding:.6rem 1rem;font-size:.85rem}}.dayTab{-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:2rem;flex-shrink:0;justify-content:center;align-items:center;min-height:44px;padding:.75rem 1.5rem;font-size:.9rem;display:flex}.dayTab:active{transform:scale(.95)}.programGrid{grid-template-columns:1fr;gap:1.5rem}.programCard{-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:16px;min-height:200px}.programCard:active{transform:scale(.98)}.programOverlay{padding:1.5rem}.programTime{padding:.4rem .8rem;font-size:.8rem}.programTitle{margin-bottom:.5rem;font-size:1.2rem}.programHost{font-size:.9rem}}@media (max-width:480px){.programming{padding:1.5rem 1rem}.programming .header{gap:1rem;margin-bottom:1.5rem}.programming .title{font-size:1.5rem}.dayTabs{gap:.375rem;margin-bottom:1.5rem}.dayTab{min-height:40px;padding:.65rem 1.25rem;font-size:.85rem}.programGrid{grid-template-columns:1fr;gap:1.25rem}.programCard{border-radius:14px;min-height:180px}.programOverlay{padding:1.25rem}.programTime{padding:.35rem .7rem;font-size:.75rem}.programTitle{margin-bottom:.4rem;font-size:1.1rem;line-height:1.2}.programHost{font-size:.85rem}.programming .moreButton{-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:2rem;min-height:44px;padding:.75rem 1.5rem;font-size:.9rem}.programming .moreButton:active{transform:scale(.95)}}.acties-winacties{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:3rem 0;position:relative;overflow:hidden}.acties-winacties:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 30%,#4f46e50d 0,#0000 50%),radial-gradient(circle at 80% 70%,#8b5cf60d 0,#0000 50%);position:absolute;inset:0}.acties-winacties__container{z-index:1;max-width:1600px;margin:0 auto;padding:0;position:relative}.acties-winacties__header{border-bottom:2px solid #322ce81a;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:1rem;display:flex}.acties-winacties__title{-webkit-text-fill-color:transparent;letter-spacing:-.03em;background:linear-gradient(135deg,#1a1a1a,#4a5568);-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.5rem;font-weight:700}.acties-winacties__subtitle{color:#64748b;max-width:600px;margin:0;font-size:1.2rem;font-weight:400;line-height:1.5}.acties-winacties__loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 0;display:flex}.acties-winacties__loading-spinner{border:3px solid #4f46e51a;border-left:3px solid var(--color-fomix-blue);border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:spin 1s linear infinite}.acties-winacties__loading p{color:#64748b;margin:0;font-size:1.1rem;font-weight:500}.acties-winacties__grid{gap:1.5rem;margin-bottom:3rem;display:grid}.acties-winacties__card{cursor:pointer;opacity:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#fff;border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);animation:cardSlideIn .6s ease-out forwards;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.acties-winacties__card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.acties-winacties__card:active{transform:translateY(-4px)scale(.98)}.acties-winacties__card-image{border-radius:20px;width:100%;height:100%;min-height:280px;position:relative;overflow:hidden}.acties-winacties__card-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.acties-winacties__card:hover .acties-winacties__card-image img{transform:scale(1.05)}.acties-winacties__status-badge--success{border-color:#10b9814d}.acties-winacties__status-badge--warning{border-color:#f59e0b4d}.acties-winacties__status-badge--expired{border-color:#6b72804d}.acties-winacties__card-overlay{background:linear-gradient(#0000,#0000001a 30%,#0009 70%,#000c);flex-direction:column;justify-content:flex-end;transition:background .4s;display:flex}.acties-winacties__card:hover .acties-winacties__card-overlay{background:linear-gradient(#4f46e51a,#4f46e533 30%,#0009 70%,#000c)}.acties-winacties__card-title{color:#fff;text-shadow:0 2px 8px #0000004d;margin:0 0 1rem}.acties-winacties__card-description{color:#ffffffe6;margin-bottom:1.5rem;font-weight:400}.acties-winacties__card-prizes{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fbbf2433;border:1px solid #fbbf244d;border-radius:12px;padding:.75rem 1rem}.acties-winacties__card-prizes span{color:#fbbf24;font-size:.9rem;font-weight:600}.acties-winacties__card-dates,.acties-winacties__card-participants{color:#fffc;gap:.5rem;font-size:.85rem;font-weight:500}.acties-winacties__card-dates svg,.acties-winacties__card-participants svg{opacity:.7;flex-shrink:0}.acties-winacties__footer{text-align:center}.acties-winacties__more-button{background:linear-gradient(135deg,var(--color-fomix-blue),var(--color-fomix-green));color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:2rem;align-items:center;gap:.5rem;min-height:48px;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #4f46e533}.acties-winacties__more-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4f46e54d}.acties-winacties__more-button:active{transform:translateY(0)scale(.95)}.acties-winacties__more-button svg{transition:transform .3s}.acties-winacties__more-button:hover svg{transform:translate(4px)}@media (min-width:1200px){.acties-winacties{padding:4rem 0}.acties-winacties__title{font-size:3rem}.acties-winacties__subtitle{font-size:1.3rem}.acties-winacties__grid{grid-template-rows:repeat(2,1fr);grid-template-columns:2fr 1fr;gap:2rem;height:600px}.acties-winacties__card--featured{grid-row:1/-1;min-height:100%}.acties-winacties__card--regular{min-height:280px}.acties-winacties__card-image{min-height:100%}.acties-winacties__card-content{padding:2.5rem}.acties-winacties__card-title{font-size:1.6rem}}@media (min-width:1024px) and (max-width:1199px){.acties-winacties{padding:3.5rem 0}.acties-winacties__container{padding:0}.acties-winacties__title{font-size:2.75rem}.acties-winacties__grid{grid-template-rows:repeat(2,1fr);grid-template-columns:2fr 1fr;gap:1.75rem;height:500px}.acties-winacties__card--featured{grid-row:1/-1}.acties-winacties__card--regular{min-height:230px}.acties-winacties__card-content{padding:2.25rem}}@media (min-width:769px) and (max-width:1023px){.acties-winacties{padding:3rem 2rem}.acties-winacties__container{padding:0}.acties-winacties__title{font-size:2.5rem}.acties-winacties__subtitle{font-size:1.15rem}.acties-winacties__grid{grid-template-columns:1fr;gap:1.5rem}.acties-winacties__card,.acties-winacties__card-image{min-height:320px}.acties-winacties__card-content{padding:2rem}.acties-winacties__card-title{font-size:1.4rem}.acties-winacties__card-meta{flex-direction:row;justify-content:space-between}}@media (max-width:768px){.acties-winacties{padding:2.5rem 1rem}.acties-winacties__header{margin-bottom:2rem}.acties-winacties__title{font-size:2rem}.acties-winacties__subtitle{font-size:1rem}.acties-winacties__grid{grid-template-columns:1fr;gap:1.25rem;margin-bottom:2rem}.acties-winacties__card,.acties-winacties__card-image{min-height:280px}.acties-winacties__card-content{padding:1.5rem}.acties-winacties__card-title{margin-bottom:.75rem;font-size:1.3rem}.acties-winacties__card-description{-webkit-line-clamp:3;margin-bottom:1.25rem}.acties-winacties__card-meta{gap:.75rem}.acties-winacties__more-button{padding:.875rem 1.75rem;font-size:.9rem}}@media (max-width:480px){.acties-winacties{padding:2rem 1rem}.acties-winacties__header{margin-bottom:1.5rem}.acties-winacties__title{font-size:1.75rem}.acties-winacties__subtitle{font-size:.9rem}.acties-winacties__grid{gap:1rem}.acties-winacties__card,.acties-winacties__card-image{border-radius:16px;min-height:250px}.acties-winacties__card-content{padding:1.25rem}.acties-winacties__card-title{margin-bottom:.5rem;font-size:1.2rem}.acties-winacties__card-description{margin-bottom:1rem;font-size:.9rem}.acties-winacties__card-prizes{margin-bottom:.875rem;padding:.625rem .875rem}.acties-winacties__card-prizes span{font-size:.85rem}.acties-winacties__card-dates,.acties-winacties__card-participants{font-size:.8rem}.acties-winacties__status-badge{padding:.375rem .75rem;font-size:.7rem}.acties-winacties__more-button{border-radius:1.5rem;padding:.75rem 1.5rem;font-size:.85rem}}@media (max-width:1023px){.acties-winacties__card:active{transform:translateY(-4px)scale(.98)}.acties-winacties__more-button:active{transform:translateY(1px)scale(.95)}.acties-winacties__card:hover{transform:none;box-shadow:0 4px 20px #00000014}.acties-winacties__card:hover .acties-winacties__card-image img{transform:none}.acties-winacties__card:hover .acties-winacties__card-overlay{background:linear-gradient(#0000,#0000001a 30%,#0009 70%,#000c)}}.agenda{background:#fff;padding:3rem 0;position:relative;overflow:hidden}.agenda:before{content:"";pointer-events:none;position:absolute;inset:0}.agenda .container{z-index:1;max-width:1600px;margin:0 auto;padding:0;position:relative}.agenda .header{border-bottom:2px solid #322ce81a;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:1rem;display:flex}.agenda .title{-webkit-text-fill-color:transparent;letter-spacing:-.03em;background:linear-gradient(135deg,#1a1a1a,#4a5568);-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.5rem;font-weight:700}.agenda .subtitle{color:#6b7280;max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.6}.agendaGrid{grid-template-columns:1fr 1fr 1fr;gap:2rem;margin-bottom:3rem;display:grid}.eventCard{cursor:pointer;min-height:350px;color:var(--color-fix-white);border-radius:20px;flex-direction:column;transition:all .5s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.eventCard.featured{grid-column:1/-1;min-height:450px;margin-bottom:2rem}.eventCard:hover{transform:translateY(-12px)scale(1.02);box-shadow:0 25px 80px #322ce833}.eventImage{border-radius:20px;width:100%;height:100%;position:relative;overflow:hidden}.eventImage img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.eventCard:hover .eventImage img{transform:scale(1.08)}.eventOverlay{background:linear-gradient(135deg,#000c,#00000080 50%,#0000);flex-direction:column;justify-content:space-between;padding:2rem;transition:all .5s;display:flex;position:absolute;inset:0}.eventCard:hover .eventOverlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--color-fix-white)}.eventBadges{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.categoryBadge{letter-spacing:.5px;border:1px solid #ffffff4d;border-radius:15px;padding:.4rem .8rem;font-size:.7rem}.categoryFestival{color:#fff;background:#10b981e6}.categoryConcert{color:#fff;background:#ef4444e6}.categoryClub{color:#fff;background:#8b5cf6e6}.categorySpecial{color:#fff;background:#f59e0be6}.statusBadge{letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:15px;padding:.4rem .8rem;font-size:.7rem}.statusSoldout{color:#fff;background:#ef4444e6}.statusCancelled{color:#fff;background:#6b7280e6}.eventContent{flex-direction:column;gap:1rem;display:flex}.eventTitle{letter-spacing:-.03em;text-shadow:0 2px 10px #0000004d;margin:0;transition:all .4s}.eventCard.featured .eventTitle{font-size:2rem}.eventDescription{font-weight:500;transition:all .4s}.eventCard.featured .eventDescription{-webkit-line-clamp:3;font-size:1.1rem}.eventCard.featured .eventDetails{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.eventDetail svg{color:#ffffffb3}.eventPrice{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;margin-top:.5rem;padding:.5rem 1rem}.eventPrice strong{color:#fbbf24;font-size:1rem;font-weight:700}.agenda .footer{text-align:center;margin-top:2rem}.agenda .moreButton{background:var(--color-fomix-blue);color:#fff;border-radius:25px;align-items:center;gap:.5rem;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #322ce84d}.agenda .moreButton:hover{background:var(--color-fomix-blue-dark);transform:translateY(-2px);box-shadow:0 8px 25px #322ce866}.agenda .moreButton svg{transition:transform .3s}.agenda .moreButton:hover svg{transform:translate(5px)}@media (max-width:1200px){.agenda{padding:3rem 2rem}.agendaGrid{gap:1.5rem}.eventCard{min-height:320px}.eventCard.featured{min-height:400px}}@media (max-width:992px){.agenda{padding:2.5rem 2rem}.agendaGrid{grid-template-columns:1fr 1fr;gap:1.25rem}.eventCard.featured{grid-column:1/-1;min-height:350px}.agenda .title{font-size:2rem}}@media (max-width:768px){.agenda{padding:2rem 1rem}.agendaGrid{grid-template-columns:1fr;gap:1rem}.eventCard,.eventCard.featured{min-height:280px}.eventOverlay{padding:1.5rem}.eventTitle{font-size:1.3rem!important}.eventCard.featured .eventTitle{font-size:1.6rem!important}.eventCard.featured .eventDetails{grid-template-columns:1fr}.agenda .title{text-align:center;width:100%;font-size:1.8rem}.agenda .subtitle{font-size:1rem}}@media (max-width:480px){.agenda{padding:1.5rem 1rem}.eventOverlay{padding:1rem}.eventBadges{gap:.25rem}.categoryBadge,.statusBadge{padding:.3rem .6rem;font-size:.6rem}}.footer-modern{background:linear-gradient(135deg,var(--color-fix-grey-950)0,#1a1a1a 100%);color:var(--color-fix-white);position:relative;overflow:hidden}.footer-modern:after{content:"";opacity:.25;pointer-events:none;z-index:0;mix-blend-mode:overlay;transform-origin:0;will-change:transform;background-image:url(/img/logo/x.png);background-position:0;background-repeat:no-repeat;background-size:contain;width:50%;height:calc(100% - 150px);position:absolute;top:0;left:0;transform:scale(1)}.footer-modern:before{content:"";background:linear-gradient(90deg,transparent,var(--color-fomix-blue),var(--color-fomix-green),transparent);opacity:.8;height:2px;position:absolute;top:0;left:0;right:0}.footer-container{z-index:1;max-width:1600px;margin:0 auto;padding:0;position:relative}.footer-content{grid-template-columns:2fr 1fr 1fr 1.5fr;gap:3rem;padding:4rem 0 3rem;display:grid}.footer-brand{padding-right:2rem}.footer-logo{margin-bottom:1.5rem}.footer-description{color:#ffffffb3;margin-bottom:2rem;font-size:.95rem;line-height:1.6}.footer-social{gap:.75rem;display:flex}.social-link{color:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:all .3s;display:flex}.social-link:hover{background:linear-gradient(135deg,var(--color-fomix-blue),var(--color-fomix-blue-light));border-color:var(--color-fomix-blue);color:var(--color-fix-white);transform:translateY(-2px);box-shadow:0 6px 20px #322ce84d}.footer-links{flex-direction:column;display:flex}.footer-title{color:var(--color-fix-white);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.1rem;font-weight:700;position:relative}.footer-title:after{content:"";background:linear-gradient(135deg,var(--color-fomix-blue),var(--color-fomix-green));border-radius:1px;width:32px;height:2px;position:absolute;bottom:0;left:0}.footer-list{margin:0;padding:0;list-style:none}.footer-list li{margin-bottom:.75rem}.footer-link{color:#ffffffb3;padding-left:0;font-size:.9rem;text-decoration:none;transition:all .3s;display:inline-block;position:relative}.footer-link:hover{color:var(--color-fomix-blue);padding-left:8px;transform:translate(4px)}.footer-link:before{content:"";background:var(--color-fomix-blue);width:0;height:1px;transition:width .3s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.footer-link:hover:before{width:4px}.footer-contact{flex-direction:column;display:flex}.contact-info{margin-bottom:2rem}.contact-item{color:#ffffffb3;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.9rem;transition:color .3s;display:flex}.contact-item:hover{color:var(--color-fix-white)}.contact-item svg{color:var(--color-fomix-blue);flex-shrink:0;transition:transform .3s}.contact-item:hover svg{transform:scale(1.1)}.contact-item a{color:inherit;text-decoration:none;transition:color .3s}.contact-item a:hover{color:var(--color-fomix-blue)}.footer-apps{border-top:1px solid #ffffff14;padding-top:1.5rem}.apps-title{color:var(--color-fix-white);margin-bottom:1rem;font-size:.95rem;font-weight:600}.app-buttons{flex-direction:column;gap:.5rem;display:flex}.app-button{color:#ffffffb3;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;text-decoration:none;transition:all .3s;display:flex}.app-button:hover{background:linear-gradient(135deg,var(--color-fomix-blue),var(--color-fomix-blue-light));border-color:var(--color-fomix-blue);color:var(--color-fix-white);transform:translateY(-1px);box-shadow:0 4px 12px #322ce833}.app-button svg{flex-shrink:0}.footer-newsletter{z-index:1;background:#ffffff05;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;margin-left:-100vw;margin-right:-100vw;padding:2rem 100vw;position:relative}.newsletter-content{justify-content:space-between;align-items:center;gap:2rem;max-width:1600px;margin:0 auto;padding:0;display:flex}.newsletter-text h3{color:var(--color-fix-white);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.newsletter-text p{color:#ffffffb3;font-size:.9rem}.newsletter-form{align-items:center;gap:.5rem;min-width:300px;display:flex}.newsletter-input{color:var(--color-fix-white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;flex:1;padding:.75rem 1rem;font-size:.9rem;transition:all .3s}.newsletter-input::placeholder{color:#ffffff80}.newsletter-input:focus{border-color:var(--color-fomix-blue);background:#ffffff14;outline:none;box-shadow:0 0 0 3px #322ce81a}.newsletter-button{background:linear-gradient(135deg,var(--color-fomix-blue),var(--color-fomix-blue-light));width:48px;height:48px;color:var(--color-fix-white);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;transition:all .3s;display:flex;box-shadow:0 4px 12px #322ce84d}.newsletter-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #322ce866}.newsletter-button:active{transform:translateY(0)}.newsletter-button:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.newsletter-success{color:var(--color-fomix-green);background:#05be781a;border:1px solid #05be7833;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;min-width:300px;padding:.75rem 1rem;font-weight:600;display:flex}.footer-bottom{z-index:1;background:#0000004d;margin-bottom:80px;margin-left:-100vw;margin-right:-100vw;padding:1.5rem 100vw;position:relative}.footer-bottom-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1600px;margin:0 auto;padding:0;display:flex}.footer-legal{flex-wrap:wrap;gap:2rem;display:flex}.legal-link{color:#fff9;font-size:.85rem;text-decoration:none;transition:all .3s;position:relative}.legal-link:hover{color:var(--color-fomix-blue)}.legal-link:after{content:"";background:var(--color-fomix-blue);width:0;height:1px;transition:width .3s;position:absolute;bottom:-2px;left:0}.legal-link:hover:after{width:100%}.footer-copyright{color:#ffffff80;font-size:.85rem}@media (max-width:1024px){.footer-content{grid-template-columns:1fr 1fr;gap:2.5rem;padding:3rem 0 2.5rem}.footer-brand{text-align:center;grid-column:1/-1;margin-bottom:1rem;padding-right:0}.footer-social{justify-content:center}.newsletter-content{text-align:center;flex-direction:column;gap:1.5rem}.newsletter-form{min-width:280px}}@media (max-width:768px){.footer-container{padding:0 1rem}.footer-content{grid-template-columns:1fr;gap:2rem;padding:2.5rem 0 2rem}.footer-brand{margin-bottom:2rem}.footer-bottom{margin-bottom:0}.footer-bottom-content{text-align:center;flex-direction:column;gap:1rem}.footer-legal{justify-content:center}.newsletter-form{min-width:100%}.footer-modern:after{opacity:.08;mix-blend-mode:overlay;background-position:bottom;width:100%;height:60%;transform:scale(2)}.footer-logo{text-align:center;justify-content:center;align-items:center;display:flex}.footer-fomixmedia-section{display:none!important}}@media (max-width:480px){.footer-modern:after{opacity:.25;mix-blend-mode:overlay;background-position:bottom;width:130%;height:52%;left:-15%;transform:scale(2.5)}.footer-logo{text-align:center;justify-content:center;align-items:center;display:flex}.footer-logo img{margin:0 auto}.footer-legal{flex-direction:column;align-items:center;gap:.5rem}.footer-social{justify-content:center;gap:1rem}.social-link{width:40px;height:40px}.newsletter-input{font-size:16px}}.radio-player{-webkit-backdrop-filter:blur(20px)brightness(.5);backdrop-filter:blur(20px)brightness(.5);z-index:1000;color:#fff;background:0 0;border-top:1px solid #ffffff1a;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 40px #0000001a}.player-container{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;max-width:1600px;margin:0 auto;padding:12px 0;display:grid}.player-info{align-items:center;gap:16px;min-width:0;display:flex}.album-art{background:#ffffff1a;border-radius:8px;flex-shrink:0;width:56px;height:56px;overflow:hidden}.album-art img{object-fit:cover;width:100%;height:100%}.placeholder-art{background:linear-gradient(135deg,var(--color-fomix-blue),var(--color-fomix-green));color:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.track-info{flex:1;min-width:0}.program-name{color:var(--color-fomix-green);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:.75rem;font-weight:600}.track-title{color:#fff;margin-bottom:2px;font-size:.95rem;font-weight:600}.artist-name,.track-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.artist-name{color:#ffffffb3;font-size:.85rem}.player-controls{gap:12px}.player-controls,.tv-button{align-items:center;display:flex}.tv-button{color:#fffc;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;justify-content:center;width:40px;height:40px;transition:all .3s}.tv-button:hover{border-color:var(--color-fomix-blue);transform:translateY(-1px);box-shadow:0 4px 12px #322ce84d}.play-button,.tv-button:hover{background:linear-gradient(135deg,var(--color-fomix-blue),var(--color-fomix-blue-light));color:#fff}.play-button{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;box-shadow:0 4px 15px #322ce84d}.play-button:hover{transform:scale(1.05);box-shadow:0 6px 20px #322ce866}.play-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner-icon{color:#fff;animation:spin 1s linear infinite}.volume-control{align-items:center;gap:8px;display:flex}.history-control{position:relative}.history-button{color:#fffc;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:color .2s;display:flex}.history-button:hover{color:#fff;background:#ffffff1a}.history-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:#141414f2;border:1px solid #ffffff1a;border-radius:12px;min-width:320px;max-width:400px;margin-bottom:26px;padding:0;animation:slideUp .2s ease-out;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.history-header{color:#fff;border-bottom:1px solid #ffffff1a;padding:12px 16px;font-size:.9rem;font-weight:600}.history-list{max-height:280px;overflow-y:auto}.history-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:12px 16px;transition:background .2s;display:flex}.history-item:hover{background:#ffffff0d}.history-item:last-child{border-bottom:none}.history-track-info{flex:1;min-width:0}.history-track-title{color:#fff;margin-bottom:2px;font-size:.85rem;font-weight:500}.history-track-artist,.history-track-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.history-track-artist{color:#fff9;font-size:.75rem}.history-track-time{color:#ffffff80;flex-shrink:0;margin-left:12px;font-size:.75rem}.history-empty{text-align:center;color:#ffffff80;padding:24px 16px;font-size:.85rem}.volume-button{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px;transition:all .3s}.volume-button:hover{color:#fff;background:#ffffff1a}.volume-slider{cursor:pointer;-webkit-appearance:none;background:#fff3;border-radius:2px;outline:none;width:80px;height:4px}.volume-slider::-webkit-slider-thumb{appearance:none;background:var(--color-fomix-blue);cursor:pointer;border-radius:50%;width:16px;height:16px;transition:all .3s;box-shadow:0 2px 6px #322ce84d}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.volume-slider::-moz-range-thumb{background:var(--color-fomix-blue);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 6px #322ce84d}.player-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.station-selector{position:relative}.station-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:.85rem;font-weight:500;transition:all .3s;display:flex}.station-button:hover{background:#ffffff26;border-color:#ffffff4d}.station-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1001;background:#1a1a1af2;border:1px solid #ffffff26;border-radius:12px;min-width:160px;animation:dropdown-in .2s ease-out;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 10px 30px #0000004d}.station-option{color:#fffc;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:0;width:100%;padding:12px 16px;font-size:.9rem;transition:all .2s;display:block}.station-option:first-child{border-radius:12px 12px 0 0}.station-option:last-child{border-radius:0 0 12px 12px}.station-option:only-child{border-radius:12px}.station-option:hover{color:#fff;background:#ffffff1a}.station-option.active{background:linear-gradient(135deg,var(--color-fomix-blue),var(--color-fomix-blue-light));color:#fff}.popup-button{color:var(--color-fix-white);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:10px;transition:all .3s}.popup-button:hover{color:#fff;background:#ffffff26;border-color:#ffffff4d}.player-popup-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.player-popup{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;background:linear-gradient(135deg,#1a1a1af2,#262626f2);border:1px solid #ffffff26;border-radius:20px;width:400px;max-width:90vw;animation:popup-in .3s ease-out;box-shadow:0 20px 50px #00000080}@keyframes popup-in{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.popup-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.popup-header h3{margin:0;font-size:1.1rem;font-weight:600}.close-button{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:18px;transition:all .3s}.close-button:hover{color:#fff;background:#ffffff1a}.popup-content{text-align:center;padding:24px}.popup-album-art{border-radius:16px;width:200px;height:200px;margin:0 auto 24px;box-shadow:0 8px 30px #0000004d}.popup-info{margin-bottom:32px}.loading-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:32px;height:32px;animation:spin 1s linear infinite}@media (max-width:1024px){.player-container{grid-template-columns:1fr auto auto;gap:16px;padding:10px 16px}.volume-control{display:none}}@media (max-width:768px){.player-container{grid-template-columns:1fr auto;gap:12px;padding:8px 12px}.player-controls{gap:8px}.tv-button{width:36px;height:36px}.history-button{padding:6px}.history-dropdown{min-width:280px;right:-20px}.album-art{width:48px;height:48px}.track-info{gap:8px}.track-title{font-size:.9rem}.artist-name{font-size:.8rem}.play-button{width:44px;height:44px}.popup-album-art{width:160px;height:160px}.popup-title{font-size:1.2rem}}@media (max-width:480px){.player-actions{flex-direction:column;gap:6px}.station-dropdown{left:0;right:auto}.history-dropdown{width:100vw!important;max-width:none!important;bottom:133px!important;left:0!important;right:0!important;transform:none!important}.history-header{font-size:.95rem!important}.history-header,.history-item{padding:14px 16px!important}.history-track-title{font-size:.85rem!important}.history-track-artist,.history-track-time{font-size:.75rem!important}.history-track-time{margin-left:12px!important}}.popup-player-page{color:#fff;background:linear-gradient(135deg,#1a1a1a,#2d3748);flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.popup-header{text-align:center;border-bottom:1px solid #ffffff1a;padding:24px 24px 20px;position:relative}.popup-logo{justify-content:center;display:flex}.popup-station{justify-content:space-between;align-items:center;max-width:280px;margin:0 auto;display:flex}.station-name{font-size:1.2rem;font-weight:600}.settings-button{color:#fffc;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;margin-left:15px;margin-right:-95px;padding:8px;transition:all .3s}.settings-button:hover{color:#fff;background:#fff3}.station-settings{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1001;background:#1a1a1af2;border:1px solid #ffffff26;border-radius:12px;min-width:160px;position:absolute;top:calc(100% + 8px);right:24px;box-shadow:0 10px 30px #0000004d}.popup-player-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:32px;padding:40px 24px;display:flex}.popup-album-art{background:#ffffff1a;border-radius:20px;flex-shrink:0;width:280px;height:280px;overflow:hidden;box-shadow:0 10px 40px #52555a1a}.popup-album-art img{object-fit:cover;width:100%;height:100%}.popup-placeholder-art{background:linear-gradient(135deg,var(--color-fomix-blue),var(--color-fomix-green));color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:64px;font-weight:600;display:flex}.popup-info{width:100%;max-width:350px}.popup-program{color:var(--color-fomix-blue);text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px;font-size:.85rem;font-weight:600}.popup-title{color:#fff;margin-bottom:8px;font-size:1.6rem;font-weight:700;line-height:1.3}.popup-artist{color:#fffc;margin-bottom:8px;font-size:1.1rem}.popup-album{color:#fff9;font-size:1rem}.popup-controls{margin:16px 0}.popup-controls,.popup-play-button{justify-content:center;display:flex}.popup-play-button{background:linear-gradient(135deg,var(--color-fomix-blue),var(--color-fomix-blue-light));color:#fff;cursor:pointer;border:none;border-radius:50%;align-items:center;width:80px;height:80px;transition:all .3s;box-shadow:0 12px 30px #322ce866}.popup-play-button:hover{transform:scale(1.05);box-shadow:0 16px 40px #322ce880}.popup-play-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.popup-volume{align-items:center;gap:16px;width:100%;max-width:300px;margin:0 auto;display:flex}.popup-volume .volume-button{color:#fffc;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding-left:7px;transition:all .3s}.popup-volume .volume-button:hover{color:#fff;background:#fff3}.popup-volume .volume-slider{cursor:pointer;-webkit-appearance:none;background:#fff3;border-radius:3px;outline:none;flex:1;height:6px}.popup-volume .volume-slider::-webkit-slider-thumb{appearance:none;background:var(--color-fomix-blue);cursor:pointer;border-radius:50%;width:20px;height:20px;transition:all .3s;box-shadow:0 3px 8px #322ce866}.popup-volume .volume-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.popup-volume .volume-slider::-moz-range-thumb{background:var(--color-fomix-blue);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 3px 8px #322ce866}.volume-text{color:#ffffffb3;text-align:right;min-width:40px;font-size:.9rem}@media (max-width:480px){.popup-player-content{gap:24px;padding:24px 16px}.popup-album-art{border-radius:16px;width:220px;height:220px}.popup-placeholder-art{font-size:48px}.popup-title{font-size:1.3rem}.popup-artist{font-size:1rem}.popup-play-button{width:64px;height:64px}.station-settings{right:16px}}.tv-popup-page{color:#fff;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.tv-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.tv-logo{flex-shrink:0}.tv-title{align-items:center;gap:12px;display:flex}.live-indicator{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:600}.channel-name{font-size:1.1rem;font-weight:600}.tv-player-container{flex:1;justify-content:center;align-items:center;display:flex}.tv-player{width:100%;height:100%;max-height:calc(100vh - 120px)}.tv-info{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.program-info h3{color:var(--color-fix-white);margin:0 0 4px;font-size:1rem;font-weight:600}.program-info p{color:#ffffffb3;margin:0;font-size:.85rem}.tv-stats{gap:24px;display:flex}.stat-item{text-align:center}.stat-label{color:#fff9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:.75rem;display:block}.stat-value{color:var(--color-fomix-blue);font-size:1.1rem;font-weight:600;display:block}@media (max-width:768px){.tv-header{gap:12px}.tv-header,.tv-info{flex-direction:column;padding:12px 16px}.tv-info,.tv-stats{gap:16px}}.nav-button.has-notification:after{content:"";border:2px solid var(--color-fix-grey-950);background:#ef4444;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.studio-chat-backdrop{-webkit-backdrop-filter:blur(4px);z-index:999;opacity:1;overscroll-behavior:contain;touch-action:none;background:#0006;animation:fadeIn .3s;position:fixed;width:100vw!important;height:100vh!important;inset:0!important}.studio-chat-panel{z-index:1000;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border-left:1px solid #ffffff1a;flex-direction:column;width:400px;height:100vh;transition:right .3s;display:flex;position:fixed;top:0;right:-400px;box-shadow:-4px 0 20px #0000004d}.studio-chat-panel.open{right:0}.studio-chat-panel:after{content:"";background:inherit;z-index:-1;height:80px;position:absolute;bottom:0;left:0;right:0}.chat-header{background:#ffffff05;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:flex-start;padding:20px;display:flex}.chat-header-info{flex:1}.chat-status-indicator{align-items:center;gap:8px;margin-bottom:8px;display:flex}.status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:pulse 2s infinite}.status-dot.live{background:#ef4444}.status-text{color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.chat-title{color:#fff;margin:0 0 4px;font-size:1.25rem;font-weight:600}.chat-subtitle{color:#ffffffb3;margin:0;font-size:.875rem}.chat-header-actions{gap:8px;display:flex}.chat-action-button,.chat-close-button{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px;transition:all .2s}.chat-action-button:hover,.chat-close-button:hover{color:#fff;background:#ffffff1a}.chat-messages{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#ffffff80}.chat-privacy-notice{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#22c55e1a;border:1px solid #22c55e33;border-radius:.75rem;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:1rem;display:flex}.privacy-icon{flex-shrink:0;margin-top:.125rem;font-size:1.25rem}.privacy-text{flex:1}.privacy-text strong{color:#22c55e;margin-bottom:.25rem;font-size:.875rem;font-weight:600;display:block}.privacy-text p{color:#fffc;margin:0;font-size:.8rem;line-height:1.4}.chat-message{margin-bottom:16px;display:flex}.chat-message.own-message{justify-content:flex-end}.chat-message.other-message{justify-content:flex-start}.message-content{background:#ffffff1a;border-radius:12px;max-width:80%;padding:12px 16px;position:relative}.own-message .message-content{background:linear-gradient(135deg,var(--color-fomix-blue),var(--color-fomix-blue-light));color:#fff}.other-message .message-content{color:#ffffffe6;background:#ffffff0d}.message-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.message-sender{text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.own-message .message-sender{color:#fffc}.other-message .message-sender{color:var(--color-fomix-blue)}.message-time{opacity:.7;white-space:nowrap;font-size:.75rem}.message-body{line-height:1.4}.message-text{word-wrap:break-word;margin:0;font-size:.9rem}.message-media{margin-bottom:8px}.message-image{object-fit:cover;border-radius:8px;max-width:100%;max-height:200px}.message-audio{width:100%;max-width:250px;height:40px}.typing-indicator{color:#fff9;align-items:center;gap:8px;font-style:italic;display:flex}.typing-indicator span{background:#fff9;border-radius:50%;width:6px;height:6px;animation:typingDots 1.4s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.typing-indicator p{margin:0;font-size:.85rem}@keyframes typingDots{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.chat-input-area{background:#ffffff05;border-top:1px solid #ffffff1a;padding:16px 20px 96px}.recording-indicator{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:12px;margin-bottom:12px;padding:12px 16px;display:flex}.recording-animation{justify-content:center;align-items:center;display:flex;position:relative}.recording-pulse{opacity:.7;background:#ef4444;border-radius:50%;width:24px;height:24px;animation:recordingPulse 1s infinite;position:absolute}@keyframes recordingPulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.recording-time{color:#ef4444;font-variant-numeric:tabular-nums;font-weight:600}.stop-recording-button{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:6px 12px;font-size:.85rem;font-weight:600;transition:background .2s}.stop-recording-button:hover{background:#dc2626}.chat-input-container{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:flex-end;gap:8px;margin-bottom:8px;padding:8px;display:flex}.chat-attach-button,.chat-send-button,.chat-voice-button{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:8px;transition:all .2s}.chat-attach-button:hover,.chat-voice-button:hover{color:#fff;background:#ffffff1a}.chat-voice-button.recording{color:#ef4444;background:#ef44441a;animation:recordingPulse 1.5s infinite}.chat-voice-button.recording:hover{color:#ef4444;background:#ef444433}.chat-send-button{color:var(--color-fomix-blue)}.chat-send-button:hover:not(:disabled){color:var(--color-fomix-blue-light);background:#322ce81a}.chat-send-button:disabled{color:#ffffff4d;cursor:not-allowed}.chat-input{color:#fff;resize:none;background:0 0;border:none;outline:none;flex:1;min-height:20px;max-height:120px;padding:6px 0;font-size:.9rem;line-height:1.4}.chat-input::placeholder{color:#ffffff80}.chat-input-info{color:#ffffff80;justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.character-count{font-variant-numeric:tabular-nums}.input-hint{font-style:italic}.music-request-panel{z-index:1000;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);border-left:1px solid #ffffff1a;flex-direction:column;width:400px;height:100vh;transition:right .3s;display:flex;position:fixed;top:0;right:-400px;box-shadow:-4px 0 20px #0000004d}.music-request-panel[data-state=open]{right:0}.music-request-panel:after{content:"";background:inherit;z-index:-1;height:80px;position:absolute;bottom:0;left:0;right:0}@media (max-width:768px){.music-request-panel,.studio-chat-panel{width:100vw;height:100vh;right:-100vw}.music-request-panel[data-state=open],.studio-chat-panel.open{right:0}.chat-header{z-index:-1;padding:16px}.chat-messages{padding:16px}.chat-input-area{padding:12px 16px 92px}.message-content{max-width:90%}body.music-request-open .navbar,body.music-request-open header{display:none!important}}.auth-layout{background:#f8fafc}.auth-hero,.auth-layout{min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-hero{background-color:#0000;background-image:linear-gradient(135deg,#322ce8cc,#05be78cc),url(/img/banner/mellie.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex:1.4;justify-content:center;align-items:center}.auth-hero:before{content:"";z-index:1;background:#00000026;position:absolute;inset:0}.auth-hero-logo-corner{z-index:20;opacity:.95;filter:drop-shadow(0 4px 12px #0003);width:280px;height:auto;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-hero-logo-corner:hover{filter:drop-shadow(0 6px 16px #00000040);transform:translate(-50%,-50%)scale(1.08)}.auth-hero-content{z-index:3;text-align:center;color:#fff;max-width:650px;padding:4rem 3rem;position:relative}.auth-hero-title{-webkit-text-fill-color:transparent;text-shadow:0 0 40px #ffffff4d;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#ffffffe6);-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.1}.auth-hero-subtitle{opacity:.95;text-shadow:0 2px 4px #0000001a;margin-bottom:3rem;font-size:1.375rem;font-weight:400;line-height:1.6}.auth-hero-logo{opacity:.95;filter:brightness(1.2)drop-shadow(0 6px 12px #00000026);width:280px;height:auto;margin-bottom:2rem;transition:all .3s}.auth-hero-logo:hover{filter:brightness(1.3)drop-shadow(0 8px 16px #0003);transform:scale(1.08)}.auth-form-container{background:#fff;flex-direction:column;flex:1;justify-content:center;max-width:600px;padding:4rem;display:flex;position:relative;box-shadow:-20px 0 50px #00000014}.auth-form-container:before{content:"";background:linear-gradient(90deg,var(--color-fomix-blue)0,var(--color-fomix-green)100%);z-index:1;height:6px;position:absolute;top:0;left:0;right:0}.auth-form-header{margin-bottom:2.75rem}.auth-form-header .inline-block{text-align:center!important;width:100%!important;margin-bottom:3rem!important;display:block!important}.auth-form-header .inline-block img{transition:all .3s;width:240px!important;height:auto!important;display:inline-block!important}.auth-form-header .inline-block:hover img{transform:scale(1.05)}.auth-form-title{color:var(--color-fix-grey-950);letter-spacing:-.015em;margin-bottom:.75rem;font-size:2rem;font-weight:700;line-height:1.2}.auth-form-subtitle{color:var(--color-fix-grey-600);font-size:1rem;font-weight:400;line-height:1.5}.auth-input{width:100%;color:var(--color-fix-grey-950);background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1rem 1.25rem;font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a}.auth-input:focus{border-color:var(--color-fomix-blue);background:#fff;outline:none;transform:translateY(-2px);box-shadow:0 0 0 4px #322ce814,0 4px 20px #322ce81f,0 8px 30px #00000014}.auth-input:hover:not(:focus):not(:disabled){border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.auth-input::placeholder{color:#94a3b8;font-weight:400}.auth-input:disabled{opacity:.6;cursor:not-allowed;background:#f8fafc;border-color:#e2e8f0;transform:none!important}.auth-button-primary{background:linear-gradient(135deg,var(--color-fomix-blue)0,var(--color-fomix-green)100%);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1.125rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #322ce840,0 8px 32px #322ce826}.auth-button-primary:before{content:"";background:linear-gradient(135deg,var(--color-fomix-blue-dark)0,var(--color-fomix-green)100%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.auth-button-primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #322ce859,0 16px 50px #322ce833}.auth-button-primary:hover:not(:disabled):before{opacity:1}.auth-button-primary:active:not(:disabled){transform:translateY(-1px)}.auth-button-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #0000001a}.auth-button-secondary{width:100%;color:var(--color-fomix-blue);border:2px solid var(--color-fomix-blue);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:1.125rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 16px #322ce81a}.auth-button-secondary:hover:not(:disabled){background:var(--color-fomix-blue);color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #322ce840}.auth-button-outline{color:#64748b;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1.125rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #0000000a}.auth-button-outline:hover{color:var(--color-fomix-blue);border-color:var(--color-fomix-blue);background:#322ce805;transform:translateY(-2px);box-shadow:0 6px 20px #322ce826}.auth-link{color:var(--color-fomix-blue);font-weight:600;text-decoration:none;transition:all .2s;position:relative}.auth-link:after{content:"";background:var(--color-fomix-blue);width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.auth-link:hover{color:var(--color-fomix-blue-dark)}.auth-link:hover:after{width:100%}.auth-error{background:linear-gradient(135deg,#e95243 0 100%);border:1px solid #e95243;border-radius:10px;box-shadow:0 4px 16px #b91c1c1a}.auth-error,.auth-success{color:#fff;margin-bottom:1.5rem;padding:1.25rem;font-size:.95rem;font-weight:500}.auth-success{background:linear-gradient(135deg,#08be90 0 100%);border:1px solid #08be90;border-radius:10px;box-shadow:0 4px 16px #22c55e1a}.auth-layout form>.space-y-6>*+*{margin-top:1.75rem}.auth-layout form>.space-y-4>*+*{margin-top:1.5rem}.auth-layout .space-y-3>*+*{margin-top:1rem}.auth-layout form>*>.auth-button-outline,.auth-layout form>*>.auth-button-primary,.auth-layout form>*>.auth-button-secondary{margin-top:2rem}.auth-layout form>*>.auth-button-outline+*,.auth-layout form>*>.auth-button-primary+*,.auth-layout form>*>.auth-button-secondary+*{margin-top:1.5rem}.auth-form-container label{color:var(--color-fix-grey-800);letter-spacing:0;margin-bottom:.75rem;font-size:.95rem;font-weight:600;display:block}.auth-form-container .space-y-3>div,.auth-form-container .space-y-4>div,.auth-form-container .space-y-6>div{margin-bottom:.5rem}.auth-form-container .bg-gray-50{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:0;box-shadow:inset 0 2px 4px #0000000f}.auth-form-container .bg-gray-50 button{border-radius:10px;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.auth-form-container .bg-gray-50 button.bg-white{color:var(--color-fix-grey-950);background:#fff;box-shadow:0 2px 8px #0000001a,0 1px 3px #0000001a}.auth-form-container .text-sm{margin:.5rem;font-size:.95rem;font-weight:500}.auth-form-container .text-gray-600{color:#64748b}.auth-form-container .text-gray-700{color:#374151}.auth-form-container .grid-cols-2{gap:1.5rem;margin-bottom:.5rem}.auth-form-container p.text-center{margin-top:2rem;margin-bottom:0}.auth-form-container .mt-6.space-y-4{margin-top:2.5rem!important}.auth-form-container .mt-6.space-y-4 .text-center{margin-top:0}.auth-form-container .mt-6.space-y-4 .text-center+.text-center{margin-top:1rem}.auth-form-container>div:first-child{margin-bottom:1.4rem}.auth-form-container form>div:not(.grid){margin-bottom:1.3rem}.auth-form-container form>div:last-child{margin-bottom:0}.auth-form-container form>button,.auth-form-container form>div>button:only-child{margin-top:2.5rem;margin-bottom:0}.auth-layout .space-y-6>:last-child{margin-top:2.5rem}.auth-layout .space-y-4>:last-child{margin-top:2rem}@media (max-width:1200px){.auth-form-container{max-width:550px;padding:3rem}.auth-hero-title{font-size:3rem}}@media (max-width:1024px){.auth-layout{flex-direction:column}.auth-hero{flex:none;min-height:50vh}.auth-hero-title{font-size:2.75rem}.auth-hero-subtitle{font-size:1.25rem}.auth-form-container{flex:none;max-width:none;padding:3rem 2rem}.auth-form-title{font-size:1.875rem}}@media (max-width:768px){.auth-hero{min-height:40vh;padding:2rem}.auth-hero-title{font-size:2.25rem}.auth-hero-subtitle{font-size:1.125rem}.auth-hero-content{padding:3rem 2rem}.auth-hero-logo{width:240px;margin-bottom:1.5rem}.auth-hero-logo-corner{width:240px}.auth-form-container{padding:2rem 1.5rem}.auth-form-title{font-size:1.75rem}.auth-form-subtitle{font-size:.95rem}.auth-input{border-radius:12px;padding:1rem;font-size:16px}.auth-button-outline,.auth-button-primary,.auth-button-secondary{border-radius:12px;padding:1rem 1.25rem;font-size:.95rem}.auth-form-container .grid-cols-2{grid-template-columns:1fr;gap:1rem}}@media (max-width:480px){.auth-hero-content{padding:2rem 1.5rem}.auth-hero-logo{width:200px;margin-bottom:1.25rem}.auth-hero-logo-corner{width:200px}.auth-form-container{padding:1.5rem 1rem}.auth-hero-title{font-size:1.875rem}.auth-form-title{font-size:1.5rem}}.account-menu{border:1px solid var(--color-grey-200);background:#fff;border-radius:12px;min-width:280px;animation:dropdown-in .15s ease-out;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 20px 35px -8px #00000026}.account-header{background:linear-gradient(135deg,var(--color-fomix-blue)0,var(--color-fomix-green)100%);color:#fff;padding:16px 20px}.account-info{flex-direction:column;gap:4px;display:flex}.account-name{font-size:16px;font-weight:600;line-height:1.2}.account-role{align-items:center;display:flex}.role-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;align-items:center;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.role-admin{color:#fef2f2;background:#ef444433;border:1px solid #ef44444d}.role-manager{color:#fefce8;background:#f59e0b33;border:1px solid #f59e0b4d}.role-redactie{color:#ecfdf5;background:#10b98133;border:1px solid #10b9814d}.role-dj{color:#faf5ff;background:#a855f733;border:1px solid #a855f74d}.role-user{color:#f0fdf4;background:#22c55e33;border:1px solid #22c55e4d}.account-grid{flex-direction:column;gap:2px;padding:8px;display:flex}.account-item{color:var(--color-grey-800);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex!important}.account-item:hover{background:var(--color-fix-grey-200);color:var(--color-fix-grey-800);transform:translate(2px)}.account-item:focus{background:var(--color-fix-grey-200);box-shadow:0 0 0 2px var(--color-primary-light);outline:none}.logout-item,.logout-item:hover{color:#dc2626!important}.logout-item:hover{background:#fef2f2!important}.library-button.has-menu{position:relative}.library-button.has-menu:after{content:"";background:var(--color-primary);width:0;height:2px;transition:width .2s;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.library-button.has-menu[aria-expanded=true]:after{width:100%}@media (max-width:1023px){.account-menu{min-width:320px;margin-right:16px}}@media (prefers-color-scheme:dark){.account-menu{border-color:var(--color-grey-700);background:#fff}.account-item,.account-item:hover{color:var(--color-fix-grey-800)}.account-item:hover{background:var(--color-fix-grey-200)}}.news-page{background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh}.news-hero-banner{background:linear-gradient(135deg,var(--color-fomix-blue)0,var(--color-fomix-green)100%);align-items:center;height:60vh;min-height:500px;display:flex;position:relative;overflow:hidden}.news-hero-banner:before{opacity:.4;z-index:1;background-image:url(/img/banner/dylan.jpeg);background-position:100%;background-size:cover;width:60vw;height:100%;top:0;right:0;-webkit-mask:linear-gradient(90deg,#0000,#0000004d 40%,#000);mask:linear-gradient(90deg,#0000,#0000004d 40%,#000)}.news-hero-banner:after,.news-hero-banner:before{content:"";pointer-events:none;background-repeat:no-repeat;position:absolute}.news-hero-banner:after{opacity:.08;z-index:2;background-image:url(/img/logo/x.png);background-position:0 100%;background-size:contain;width:800px;height:800px;bottom:0;left:0}.news-hero-content{z-index:10;align-items:center;width:100%;max-width:1600px;height:100%;margin:0 auto;padding:0;display:flex;position:relative}.news-hero-text{color:#fff;max-width:600px}.news-hero-subtitle{opacity:.9;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:1.125rem;font-weight:600}.news-hero-title{margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.1}.news-hero-description{opacity:.9;margin-bottom:2rem;font-size:1.25rem;line-height:1.6}.news-hero-button{color:var(--color-fomix-blue);cursor:pointer;background:#fff;border:2px solid #0000;border-radius:50px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.news-hero-button:hover{color:#fff;background:0 0;border-color:#fff;transform:translateY(-2px);box-shadow:0 10px 30px #0003}.news-search-section{background:#fff;border-bottom:1px solid #e5e7eb;padding:2rem 0;box-shadow:0 10px 40px #52555a1a}.news-search-container{max-width:1600px;margin:0 auto;padding:0}.news-search-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.news-search-input-container{flex:1;max-width:600px;position:relative}.news-search-input{color:#1f2937;background:#fff;border:2px solid #e5e7eb;border-radius:12px;width:100%;padding:1rem 1rem 1rem 3rem;font-size:1rem;transition:all .3s}.news-search-input:focus{border-color:var(--color-fomix-blue);outline:none;box-shadow:0 0 0 3px #3b82f61a}.news-search-icon{color:#6b7280;pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.news-filter-button{color:#374151;cursor:pointer;background:#f8fafc;border:2px solid #e5e7eb;border-radius:12px;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.news-filter-button:hover{border-color:var(--color-fomix-blue);color:var(--color-fomix-blue);background:#f1f5f9}.news-filter-dropdown{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.news-category-filters{flex-wrap:wrap;gap:.75rem;display:flex}.news-category-button{color:#374151;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s}.news-category-button:hover{border-color:var(--color-fomix-blue);color:var(--color-fomix-blue);transform:translateY(-1px)}.news-category-button.active{background:var(--color-fomix-blue);border-color:var(--color-fomix-blue);color:#fff}.news-content-section{padding:4rem 0}.news-content-section .container{z-index:1;max-width:1600px;margin:0 auto;position:relative}.news-results-info{text-align:center;margin-bottom:3rem}.news-results-title{color:#1f2937;margin-bottom:.5rem;font-size:2rem;font-weight:700}.news-results-subtitle{color:#6b7280;font-size:1.125rem}.newsGrid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.oldNewsCard{background:#fff;border:1px solid #f1f5f9;border-radius:16px;transition:all .3s;overflow:hidden;box-shadow:0 10px 40px #52555a1a}.oldNewsCard:hover{border-color:var(--color-fomix-blue);transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.oldNewsCard.clickable-card{cursor:pointer;display:block}.oldNewsCard.clickable-card,.oldNewsCard.clickable-card:hover{color:inherit;text-decoration:none}.cardHeader{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.radioFomixLabel{color:var(--color-fomix-blue);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:700}.oldNewsCard:hover .cardImage{transform:scale(1.1)}.imageOverlay{color:#fff;padding:1.5rem;bottom:0;left:0;right:0}.brandText{opacity:.9;font-size:.875rem;font-weight:600}.newsTitle{color:#1f2937;margin-bottom:.75rem;font-size:1.25rem;font-weight:700;line-height:1.3}.newsDescription{color:#6b7280;margin-bottom:1rem;font-size:1rem;line-height:1.6}.newsDate{color:#9ca3af;align-items:center;font-size:.875rem;display:flex}.news-pagination{gap:.5rem;margin-top:4rem}.news-pagination,.news-pagination-button{justify-content:center;align-items:center;display:flex}.news-pagination-button{color:#6b7280;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;width:40px;height:40px;transition:all .3s}.news-pagination-button:hover:not(:disabled){border-color:var(--color-fomix-blue);color:var(--color-fomix-blue);transform:translateY(-2px)}.news-pagination-button:disabled{opacity:.4;cursor:not-allowed}.news-pagination-number{color:#374151;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;min-width:40px;height:40px;padding:0 .75rem;font-weight:600;transition:all .3s;display:flex}.news-pagination-number:hover{border-color:var(--color-fomix-blue);color:var(--color-fomix-blue)}.news-pagination-number.active{background:var(--color-fomix-blue);border-color:var(--color-fomix-blue);color:#fff}.news-pagination-dots{color:#9ca3af;padding:0 .5rem}.news-loading{flex-direction:column;justify-content:center;align-items:center;padding:4rem 0;display:flex}.news-loading-spinner{border:4px solid #f3f4f6;border-top:4px solid var(--color-fomix-blue);border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:spin 1s linear infinite}.news-loading-text{color:#6b7280;font-size:1.125rem}.news-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 0;display:flex}.news-error-text{color:#dc2626;margin-bottom:1.5rem;font-size:1.125rem}.news-error-button{background:var(--color-fomix-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.news-error-button:hover{background:var(--color-fomix-blue-dark);transform:translateY(-2px)}.news-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 0;display:flex}.news-empty-text{color:#6b7280;margin-bottom:1.5rem;font-size:1.25rem}.news-empty-button{background:var(--color-fomix-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.news-empty-button:hover{background:var(--color-fomix-blue-dark);transform:translateY(-2px)}@media (max-width:1024px){.news-hero-content{text-align:center;grid-template-columns:1fr;gap:2rem}.news-hero-title{font-size:2.5rem}.newsGrid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}}@media (max-width:768px){.news-hero-banner{height:400px;min-height:400px}.news-hero-banner:before{opacity:.3;width:100vw;-webkit-mask:linear-gradient(#0000,#0003 40%,#0009);mask:linear-gradient(#0000,#0003 40%,#0009)}.news-hero-content{text-align:center;padding:0 1rem}.news-hero-text{max-width:none}.news-hero-title{font-size:2.25rem;line-height:1.2}.news-hero-description{margin-bottom:1.5rem;font-size:1rem}.news-hero-button{padding:.875rem 1.75rem;font-size:1rem}.news-search-section{padding:1.5rem 0}.news-search-container{padding:0 1rem}.news-search-controls{flex-direction:column;align-items:stretch;gap:1rem}.news-search-input-container{max-width:none}.news-search-input{font-size:16px}.news-filter-button{padding:.875rem 1.5rem}.news-category-filters{flex-wrap:wrap;justify-content:flex-start;gap:.5rem}.news-category-button{padding:.5rem .875rem;font-size:.875rem}.news-content-section{padding:2rem 0}.news-results-info{margin-bottom:2rem;padding:0 1rem}.news-results-title{font-size:1.5rem}.news-results-subtitle{font-size:1rem}.newsGrid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem;padding:0 1rem}.oldNewsCard{border-radius:12px}.cardContent{padding:1.25rem}.newsTitle{margin-bottom:.75rem;font-size:1.125rem;line-height:1.3}.newsDescription{font-size:.9rem;line-height:1.5}.news-pagination{flex-wrap:wrap;gap:.375rem;margin-top:2rem;padding:0 1rem}.news-pagination-button,.news-pagination-number{width:36px;min-width:36px;height:36px}.news-loading{padding:2rem 1rem}.news-loading-text{font-size:1rem}.news-error{padding:2rem 1rem}.news-error-text{font-size:1rem}.news-empty{padding:2rem 1rem}.news-empty-text{font-size:1.125rem}.cardImageContainer{height:200px}.cardHeader{padding:.875rem 1.125rem}.radioFomixLabel{font-size:.8rem}}@media (max-width:480px){.news-hero-banner{height:350px;min-height:350px}.news-hero-content{padding:0 .75rem}.news-hero-title{font-size:1.875rem;line-height:1.1}.news-hero-subtitle{margin-bottom:.75rem;font-size:1rem}.news-hero-description{margin-bottom:1.25rem;font-size:.9rem}.news-hero-button{padding:.75rem 1.5rem;font-size:.9rem}.news-search-section{padding:1rem 0}.news-search-container{padding:0 1rem}.news-filter-dropdown{border-radius:8px;padding:1rem}.news-category-button{padding:.5rem .75rem;font-size:.8rem}.news-content-section{padding:1.5rem 0}.news-results-info{margin-bottom:1.5rem;padding:0 .75rem}.news-results-title{font-size:1.25rem}.news-results-subtitle{font-size:.9rem}.newsGrid{gap:1.25rem;padding:0 1rem}.cardContent{padding:1rem}.newsTitle{font-size:1.1rem;line-height:1.25}.newsDescription{font-size:.875rem}.news-pagination{gap:.25rem;margin-top:1.5rem}.news-pagination-button,.news-pagination-number{width:32px;min-width:32px;height:32px;font-size:.875rem}.news-pagination-dots{padding:0 .25rem;font-size:.875rem}.news-loading{padding:1.5rem .75rem}.news-loading-spinner{border-width:3px;width:32px;height:32px}.news-loading-text{font-size:.9rem}.news-error{padding:1.5rem .75rem}.news-error-text{margin-bottom:1.25rem;font-size:.9rem}.news-error-button{padding:.75rem 1.25rem;font-size:.9rem}.news-empty{padding:1.5rem .75rem}.news-empty-text{margin-bottom:1.25rem;font-size:1rem}.news-empty-button{padding:.75rem 1.25rem;font-size:.9rem}.cardImageContainer{height:180px}.cardHeader{padding:.75rem 1rem}.radioFomixLabel{font-size:.75rem}}.article-page{background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh}.article-hero{background:linear-gradient(135deg,var(--color-fomix-blue)0,var(--color-fomix-green)100%);height:60vh;min-height:500px;padding-top:var(--navbar-height);align-items:center;display:flex;position:relative;overflow:hidden}.article-hero:before{opacity:.4;z-index:1;background-image:url(/img/banner/deehaadee.png);background-position:100%;background-size:cover;width:60vw;height:100%;top:0;right:0;-webkit-mask:linear-gradient(90deg,#0000,#0000004d 40%,#000);mask:linear-gradient(90deg,#0000,#0000004d 40%,#000)}.article-hero:after,.article-hero:before{content:"";pointer-events:none;background-repeat:no-repeat;position:absolute}.article-hero:after{opacity:.08;z-index:2;background-image:url(/img/logo/x.png);background-position:0 100%;background-size:contain;width:800px;height:800px;bottom:0;left:0}.article-hero-content{z-index:10;align-items:center;width:100%;max-width:1600px;height:100%;margin:0 auto;padding:0;display:flex;position:relative}.article-hero-text{color:#fff;max-width:1600px}.article-back-link{color:#fff;opacity:.9;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 0;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.article-back-link:hover{color:#fff;opacity:1;transform:translate(-4px)}.article-category-badge{color:#fff;text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-block}.article-title{color:#fff;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.1}.article-meta{flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;display:flex}.article-meta-item{color:#fff;opacity:.9;align-items:center;gap:.5rem;font-size:.95rem;display:flex}.article-meta-item svg{color:#fffc}.article-share-button{color:var(--color-fomix-blue);cursor:pointer;background:#fff;border:2px solid #0000;border-radius:50px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;transition:all .3s;display:inline-flex}.article-share-button:hover{color:#fff;background:0 0;border-color:#fff;transform:translateY(-2px);box-shadow:0 10px 30px #0003}.article-content-section{padding:3rem 0}.article-content-section .container{max-width:1600px;margin:0 auto;padding:0}.article-layout{max-width:1600px;margin:0 auto}.article-featured-image{border-radius:16px;width:100%;margin-bottom:3rem;overflow:hidden;box-shadow:0 10px 40px #52555a26}.article-featured-image img{object-fit:cover;width:100%;height:400px;transition:transform .3s}.article-featured-image:hover img{transform:scale(1.05)}.article-body{color:#374151;margin-bottom:3rem;font-size:1.125rem;line-height:1.8}.article-body h2{color:#1f2937;border-bottom:2px solid #322ce81a;margin:2.5rem 0 1rem;padding-bottom:.5rem;font-size:1.875rem;font-weight:700}.article-body h3{color:#374151;margin:2rem 0 1rem;font-size:1.5rem;font-weight:600}.article-body ol,.article-body ul{margin-bottom:1.5rem;padding-left:1.5rem}.article-body li{margin-bottom:.5rem}.article-body blockquote{border-left:4px solid var(--color-fomix-blue);color:#4b5563;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:0 8px 8px 0;margin:2rem 0;padding:1.5rem;font-size:1.1rem;font-style:italic}.article-body strong{color:var(--color-fomix-blue);font-weight:600}.article-tags{background:#fff;border-radius:16px;margin-bottom:3rem;padding:2rem;box-shadow:0 4px 20px #52555a1a}.article-tags-title{color:#1f2937;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.25rem;font-weight:700;display:flex}.article-tags-title svg{color:var(--color-fomix-blue)}.article-tags-list{flex-wrap:wrap;gap:.75rem;display:flex}.article-tag{color:var(--color-fomix-blue);background:#322ce81a;border-radius:20px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .3s}.article-tag:hover{background:var(--color-fomix-blue);color:#fff}.article-navigation{text-align:center;padding:2rem 0}.article-nav-button{background:linear-gradient(135deg,var(--color-fomix-blue)0,var(--color-fomix-green)100%);color:#fff;border-radius:25px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #322ce84d}.article-nav-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #322ce866}.article-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;display:flex}.article-loading-spinner{border:4px solid #f3f4f6;border-top:4px solid var(--color-fomix-blue);border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:spin 1s linear infinite}.article-loading p{color:#6b7280;font-size:1.125rem}.article-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:600px;min-height:50vh;margin:0 auto;padding:2rem;display:flex}.article-error h1{color:#dc2626;margin-bottom:1rem;font-size:2rem;font-weight:700}.article-error p{color:#6b7280;margin-bottom:2rem;font-size:1.125rem}.article-back-button{background:var(--color-fomix-blue);color:#fff;border-radius:25px;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.article-back-button:hover{background:var(--color-fomix-blue-dark);transform:translateY(-2px)}@media (max-width:768px){.article-hero{height:500px;min-height:500px}.article-hero:before{opacity:.3;width:100vw;-webkit-mask:linear-gradient(#0000,#0003 40%,#0009);mask:linear-gradient(#0000,#0003 40%,#0009)}.article-hero-content{text-align:center;padding:0}.article-hero-text{width:100%;max-width:none}.article-back-link{justify-content:center;margin-bottom:1rem}.article-category-badge{margin-bottom:1rem}.article-title{margin-bottom:1.25rem;font-size:2.5rem;line-height:1.2}.article-meta{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.article-meta-item{font-size:.9rem}.article-share-button{width:auto;min-width:180px;padding:.875rem 2rem;font-size:1rem}.article-content-section .container{padding:0 1rem}.article-featured-image img{height:250px}.article-body{font-size:1rem}.article-body h2{font-size:1.5rem}.article-tags{padding:1.5rem}.article-share-button{justify-content:center;width:100%}}@media (max-width:480px){.article-hero{height:450px;min-height:450px}.article-hero-content{text-align:center;padding:0 1.5rem}.article-hero-text{width:100%;max-width:none}.article-back-link{margin-bottom:.75rem;padding:.25rem 0;font-size:.9rem}.article-category-badge{margin-bottom:.75rem;padding:.4rem .8rem;font-size:.8rem}.article-title{margin-bottom:1rem;font-size:2rem;line-height:1.1}.article-meta{flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.25rem}.article-meta-item{justify-content:center;font-size:.85rem}.article-share-button{justify-content:center;width:100%;max-width:280px;padding:.75rem 1.5rem;font-size:.9rem}.article-content-section{padding:2rem 0}.article-featured-image img{height:200px}.article-content-section .container{padding:0 1rem}.article-tags{padding:1.25rem}.article-nav-button{justify-content:center;width:100%}}.agenda-page{background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh}.agenda-hero-banner{background:linear-gradient(135deg,var(--color-fomix-blue)0,var(--color-fomix-green)100%);height:60vh;min-height:500px;padding-top:var(--navbar-height);align-items:center;display:flex;position:relative;overflow:hidden}.agenda-hero-banner:before{opacity:.4;z-index:1;background-image:url(/img/banner/promo/podium-avond.png);background-position:100%;background-size:cover;width:60vw;height:100%;top:0;right:0;-webkit-mask:linear-gradient(90deg,#0000,#0000004d 40%,#000);mask:linear-gradient(90deg,#0000,#0000004d 40%,#000)}.agenda-hero-banner:after,.agenda-hero-banner:before{content:"";pointer-events:none;background-repeat:no-repeat;position:absolute}.agenda-hero-banner:after{opacity:.08;z-index:2;background-image:url(/img/logo/x.png);background-position:0 100%;background-size:contain;width:800px;height:800px;bottom:0;left:0}.agenda-hero-content{z-index:10;align-items:center;width:100%;max-width:1600px;height:100%;margin:0 auto;padding:0;display:flex;position:relative}.agenda-hero-text{color:#fff;max-width:1600px}.agenda-hero-subtitle{opacity:.9;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:1.125rem;font-weight:600}.agenda-hero-title{margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.1}.agenda-hero-description{opacity:.9;margin-bottom:2rem;font-size:1.25rem;line-height:1.6}.agenda-hero-button{color:var(--color-fomix-blue);cursor:pointer;background:#fff;border:2px solid #0000;border-radius:50px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.agenda-hero-button:hover{color:#fff;background:0 0;border-color:#fff;transform:translateY(-2px);box-shadow:0 10px 30px #0003}.agenda-search-section{background:#fff;border-bottom:1px solid #e5e7eb;padding:2rem 0;box-shadow:0 10px 40px #52555a1a}.agenda-search-container{max-width:1600px;margin:0 auto;padding:0}.agenda-search-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.agenda-search-input-container{flex:1;max-width:400px;position:relative}.agenda-search-input{background:#fff;border:2px solid #e5e7eb;border-radius:25px;width:100%;padding:.875rem 1rem .875rem 2.5rem;font-size:1rem;transition:all .3s}.agenda-search-input:focus{border-color:var(--color-fomix-blue);outline:none;box-shadow:0 0 0 3px #322ce81a}.agenda-search-icon{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.agenda-filter-button{background:var(--color-fomix-blue);color:#fff;cursor:pointer;border:none;border-radius:25px;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.agenda-filter-button:hover{background:var(--color-fomix-blue-dark);transform:translateY(-2px)}.agenda-filter-dropdown{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.agenda-category-filters{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.agenda-category-button{color:#6b7280;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:20px;padding:.5rem 1rem;font-weight:500;transition:all .3s}.agenda-category-button:hover{border-color:var(--color-fomix-blue);color:var(--color-fomix-blue)}.agenda-category-button.active{background:var(--color-fomix-blue);color:#fff;border-color:var(--color-fomix-blue)}.agenda-content-section{padding:4rem 0}.agenda-content-section .container{z-index:1;max-width:1600px;margin:0 auto;position:relative}.agenda-results-info{text-align:center;margin-bottom:3rem}.agenda-results-title{color:#1f2937;margin-bottom:.5rem;font-size:2rem;font-weight:700}.agenda-results-subtitle{color:#6b7280;font-size:1.125rem}.eventsGrid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.eventCard{background:#fff;border:1px solid #f1f5f9;border-radius:16px;transition:all .3s;overflow:hidden;box-shadow:0 10px 40px #52555a1a}.eventCard:hover{border-color:var(--color-fomix-blue);transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.eventCard.clickable-card{cursor:pointer;display:block}.eventCard.clickable-card,.eventCard.clickable-card:hover{color:inherit;text-decoration:none}.cardImageContainer{height:200px;position:relative;overflow:hidden}.cardImage{object-fit:cover;width:100%;height:100%;transition:transform .3s}.eventCard:hover .cardImage{transform:scale(1.05)}.imageOverlay{background:linear-gradient(#0000,#000000b3);flex-direction:column;justify-content:space-between;padding:1rem;display:flex;position:absolute;inset:0}.overlay-top{justify-content:flex-start;align-items:flex-start;display:flex}.overlay-content{flex-direction:column;flex-grow:1;justify-content:center;padding:1rem 0;display:flex}.overlay-bottom{justify-content:flex-end;align-items:flex-end;display:flex}.statusBadge{border-radius:12px;padding:.25rem .75rem}.categoryBadge,.statusBadge{text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.categoryBadge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:.5rem 1rem}.category-festival{color:#fff;background:#a855f7e6}.category-club{color:#fff;background:#ef4444e6}.category-concert{color:#fff;background:#22c55ee6}.category-live-session{color:#fff;background:#3b82f6e6}.cardContent{padding:1.5rem}.eventTitle{color:#fff;text-shadow:0 2px 8px #0000004d;margin:0 0 1rem;font-size:1.5rem;font-weight:800;line-height:1.2}.eventDescription{color:#ffffffe6;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1.5rem;font-weight:400;line-height:1.5;display:-webkit-box;overflow:hidden}.eventDetails{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.eventDetail{color:#6b7280;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.eventDetail svg{flex-shrink:0}.eventPrice{align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.eventPrice,.eventPrice svg{color:var(--color-fomix-green)}.eventTags{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.eventTag{color:var(--color-fomix-blue);background:#322ce81a;border-radius:12px;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.agenda-pagination{gap:.5rem;margin-top:4rem}.agenda-pagination,.agenda-pagination-button{justify-content:center;align-items:center;display:flex}.agenda-pagination-button{color:#6b7280;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;width:40px;height:40px;transition:all .3s}.agenda-pagination-button:hover:not(:disabled){border-color:var(--color-fomix-blue);color:var(--color-fomix-blue);transform:translateY(-2px)}.agenda-pagination-button:disabled{opacity:.4;cursor:not-allowed}.agenda-pagination-number{color:#374151;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;min-width:40px;height:40px;padding:0 .75rem;font-weight:600;transition:all .3s;display:flex}.agenda-pagination-number:hover{border-color:var(--color-fomix-blue);color:var(--color-fomix-blue)}.agenda-pagination-number.active{background:var(--color-fomix-blue);border-color:var(--color-fomix-blue);color:#fff}.agenda-pagination-dots{color:#9ca3af;padding:0 .5rem}.agenda-empty,.agenda-error,.agenda-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;display:flex}.agenda-loading-spinner{border:4px solid #f3f4f6;border-top:4px solid var(--color-fomix-blue);border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:spin 1s linear infinite}.agenda-empty-text,.agenda-error-text,.agenda-loading-text{color:#6b7280;margin-bottom:1.5rem;font-size:1.125rem}.agenda-error-text{color:#dc2626}.agenda-empty-button,.agenda-error-button{background:var(--color-fomix-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.agenda-empty-button:hover,.agenda-error-button:hover{background:var(--color-fomix-blue-dark);transform:translateY(-2px)}@media (max-width:768px){.agenda-hero-banner{height:400px;min-height:400px}.agenda-hero-banner:before{opacity:.3;width:100vw;-webkit-mask:linear-gradient(#0000,#0003 40%,#0009);mask:linear-gradient(#0000,#0003 40%,#0009)}.agenda-hero-content{text-align:center;padding:0}.agenda-hero-text{max-width:none}.agenda-hero-title{font-size:2.25rem;line-height:1.2}.agenda-hero-description{margin-bottom:1.5rem;font-size:1rem}.agenda-hero-button{padding:.875rem 1.75rem;font-size:1rem}.agenda-search-section{padding:1.5rem 0}.agenda-search-container{padding:0 1rem}.agenda-search-controls{flex-direction:column;align-items:stretch;gap:1rem}.agenda-search-input-container{max-width:none}.agenda-search-input{font-size:16px}.agenda-filter-button{padding:.875rem 1.5rem}.agenda-category-filters{flex-wrap:wrap;justify-content:flex-start;gap:.5rem}.agenda-category-button{padding:.5rem .875rem;font-size:.875rem}.agenda-content-section{padding:2rem 0}.agenda-results-info{margin-bottom:2rem;padding:0 1rem}.agenda-results-title{font-size:1.5rem}.agenda-results-subtitle{font-size:1rem}.eventsGrid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem;padding:0 1rem}.eventCard{border-radius:12px}.cardContent{padding:1.25rem}.eventTitle{margin-bottom:.75rem;font-size:1.125rem;line-height:1.3}.eventDescription{font-size:.9rem;line-height:1.5}.agenda-pagination{flex-wrap:wrap;gap:.375rem;margin-top:2rem;padding:0 1rem}.agenda-pagination-button,.agenda-pagination-number{width:36px;min-width:36px;height:36px}.agenda-empty,.agenda-error,.agenda-loading{padding:2rem 1rem}.agenda-empty-text,.agenda-error-text,.agenda-loading-text{font-size:1rem}.cardImageContainer{height:200px}}@media (max-width:480px){.agenda-hero-banner{height:350px;min-height:350px}.agenda-hero-content{padding:0 1.5rem}.agenda-hero-title{font-size:1.875rem;line-height:1.1}.agenda-hero-subtitle{margin-bottom:.75rem;font-size:1rem}.agenda-hero-description{margin-bottom:1.25rem;font-size:.9rem}.agenda-hero-button{padding:.75rem 1.5rem;font-size:.9rem}.agenda-search-section{padding:1rem 0}.agenda-search-container{padding:0 1rem}.agenda-filter-dropdown{border-radius:8px;padding:1rem}.agenda-category-button{padding:.5rem .75rem;font-size:.8rem}.agenda-content-section{padding:1.5rem 0}.agenda-results-info{margin-bottom:1.5rem;padding:0 1rem}.agenda-results-title{font-size:1.25rem}.agenda-results-subtitle{font-size:.9rem}.eventsGrid{gap:1.25rem;padding:0 1rem}.cardContent{padding:1rem}.eventTitle{font-size:1.1rem;line-height:1.25}.eventDescription{font-size:.875rem}.agenda-pagination{gap:.25rem;margin-top:1.5rem}.agenda-pagination-button,.agenda-pagination-number{width:32px;min-width:32px;height:32px;font-size:.875rem}.agenda-pagination-dots{padding:0 .25rem;font-size:.875rem}.agenda-empty,.agenda-error,.agenda-loading{padding:1.5rem 1rem}.agenda-loading-spinner{border-width:3px;width:32px;height:32px}.agenda-empty-text,.agenda-error-text,.agenda-loading-text{margin-bottom:1.25rem;font-size:.9rem}.agenda-empty-button,.agenda-error-button{padding:.75rem 1.25rem;font-size:.9rem}.cardImageContainer{height:180px}}.event-page{background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh}.event-hero{background:linear-gradient(135deg,var(--color-fomix-blue)0,var(--color-fomix-green)100%);height:60vh;min-height:500px;padding-top:var(--navbar-height);align-items:center;display:flex;position:relative;overflow:hidden}.event-hero:before{opacity:.4;z-index:1;background-image:url(/img/banner/promo/podium-nacht.jpg);background-position:100%;background-size:cover;width:60vw;height:100%;top:0;right:0;-webkit-mask:linear-gradient(90deg,#0000,#0000004d 40%,#000);mask:linear-gradient(90deg,#0000,#0000004d 40%,#000)}.event-hero:after,.event-hero:before{content:"";pointer-events:none;background-repeat:no-repeat;position:absolute}.event-hero:after{opacity:.08;z-index:2;background-image:url(/img/logo/x.png);background-position:0 100%;background-size:contain;width:800px;height:800px;bottom:0;left:0}.event-hero-content{z-index:10;align-items:center;width:100%;max-width:1600px;height:100%;margin:0 auto;padding:0;display:flex;position:relative}.event-hero-text{color:#fff;max-width:1600px}.event-back-link{color:#fff;opacity:.9;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 0;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.event-back-link:hover{color:#fff;opacity:1;transform:translate(-4px)}.event-category-badge{color:#fff;text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-block}.event-title{color:#fff;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.1}.event-meta{flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;display:flex}.event-meta-item{color:#fff;opacity:.9;align-items:center;gap:.5rem;font-size:.95rem;display:flex}.event-meta-item svg{color:#fffc}.event-meta-item.price{opacity:1;font-weight:600}.event-meta-item.price,.event-meta-item.price svg{color:var(--color-fomix-green)}.event-status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;margin-bottom:2rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700;display:inline-block}.status-soldout{color:#fff;background:#dc2626e6}.status-cancelled{color:#fff;background:#6b7280e6}.event-actions{flex-wrap:wrap;gap:1rem;margin-top:.5rem;display:flex}.event-share-button{color:var(--color-fomix-blue);cursor:pointer;background:#fff;border:2px solid #0000;border-radius:50px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;transition:all .3s;display:inline-flex}.event-share-button:hover{color:#fff;background:0 0;border-color:#fff;transform:translateY(-2px);box-shadow:0 10px 30px #0003}.event-ticket-button{background:var(--color-fomix-green);color:#fff;border:2px solid var(--color-fomix-green);cursor:pointer;border-radius:50px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;transition:all .3s;display:inline-flex}.event-ticket-button:hover{border-color:var(--color-fomix-green);background:0 0;transform:translateY(-2px);box-shadow:0 10px 30px #05be784d}.event-content-section{padding:3rem 0}.event-content-section .container{max-width:1600px;margin:0 auto;padding:0}.event-layout{max-width:1600px;margin:0 auto}.event-featured-image{border-radius:16px;width:100%;margin-bottom:3rem;overflow:hidden;box-shadow:0 10px 40px #52555a26}.event-featured-image img{object-fit:cover;width:100%;height:400px;transition:transform .3s}.event-featured-image:hover img{transform:scale(1.05)}.event-info-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.event-info-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:2rem;transition:all .3s;box-shadow:0 4px 20px #52555a1a}.event-info-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #52555a26}.event-info-card h3{color:#1f2937;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.125rem;font-weight:700;display:flex}.event-info-card h3 svg{color:var(--color-fomix-blue)}.event-info-card p{color:#6b7280;margin-bottom:.5rem;font-size:.95rem;line-height:1.5}.event-info-card p:last-child{margin-bottom:0}.event-info-card p strong{color:#1f2937;font-weight:600}.event-info-card .address{color:#9ca3af;font-size:.875rem}.event-info-card p:has(>svg){align-items:center;gap:.5rem;display:flex}.event-info-card p svg{color:var(--color-fomix-blue)}.price-card{background:linear-gradient(135deg,var(--color-fomix-green)0,#10b981 100%);color:#fff}.price-card h3{color:#fff}.price-card h3 svg{color:#fffc}.price-card p{color:#ffffffe6}.price-card p strong{color:#fff}.price-text{margin-bottom:1rem;font-size:1.5rem;font-weight:700}.buy-tickets-button{color:var(--color-fomix-green);cursor:pointer;background:#fff;border:none;border-radius:25px;width:100%;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.buy-tickets-button:hover{background:#ffffffe6;transform:translateY(-2px)}.event-description{background:#fff;border-radius:16px;margin-bottom:3rem;padding:2rem;box-shadow:0 4px 20px #52555a1a}.event-description h2{color:#1f2937;border-bottom:2px solid #322ce81a;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.875rem;font-weight:700}.event-description p{color:#374151;font-size:1.125rem;line-height:1.7}.event-body{color:#374151;margin-bottom:3rem;font-size:1.125rem;line-height:1.8}.event-body h2{color:#1f2937;border-bottom:2px solid #322ce81a;margin:2.5rem 0 1rem;padding-bottom:.5rem;font-size:1.875rem;font-weight:700}.event-body h3{color:#374151;margin:2rem 0 1rem;font-size:1.5rem;font-weight:600}.event-body p{margin-bottom:1.5rem}.event-body ol,.event-body ul{margin-bottom:1.5rem;padding-left:1.5rem}.event-body li{margin-bottom:.5rem}.event-body blockquote{background:linear-gradient(135deg,var(--color-fomix-green)0,#10b981 100%);color:#fff;border:none;border-radius:16px;margin:2rem 0;padding:2rem;font-size:1.1rem;font-style:italic;box-shadow:0 4px 20px #05be7833}.event-body strong{color:var(--color-fomix-blue);font-weight:600}.event-tags{background:#fff;border-radius:16px;margin-bottom:3rem;padding:2rem;box-shadow:0 4px 20px #52555a1a}.event-tags-title{color:#1f2937;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.25rem;font-weight:700;display:flex}.event-tags-title svg{color:var(--color-fomix-blue)}.event-tags-list{flex-wrap:wrap;gap:.75rem;display:flex}.event-tag{color:var(--color-fomix-blue);background:#322ce81a;border-radius:20px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .3s}.event-tag:hover{background:var(--color-fomix-blue);color:#fff}.event-navigation{text-align:center;padding:2rem 0}.event-nav-button{background:linear-gradient(135deg,var(--color-fomix-blue)0,var(--color-fomix-green)100%);color:#fff;border-radius:25px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #322ce84d}.event-nav-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #322ce866}.event-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;display:flex}.event-loading-spinner{border:4px solid #f3f4f6;border-top:4px solid var(--color-fomix-blue);border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:spin 1s linear infinite}.event-loading p{color:#6b7280;font-size:1.125rem}.event-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:600px;min-height:50vh;margin:0 auto;padding:2rem;display:flex}.event-error h1{color:#dc2626;margin-bottom:1rem;font-size:2rem;font-weight:700}.event-error p{color:#6b7280;margin-bottom:2rem;font-size:1.125rem}.event-back-button{background:var(--color-fomix-blue);color:#fff;border-radius:25px;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.event-back-button:hover{background:var(--color-fomix-blue-dark);transform:translateY(-2px)}@media (max-width:768px){.event-hero{height:500px;min-height:500px}.event-hero:before{opacity:.3;width:100vw;-webkit-mask:linear-gradient(#0000,#0003 40%,#0009);mask:linear-gradient(#0000,#0003 40%,#0009)}.event-hero-content{text-align:center;padding:0}.event-hero-text{width:100%;max-width:none}.event-back-link{justify-content:center}.event-back-link,.event-category-badge{margin-bottom:1rem}.event-title{margin-bottom:1.25rem;font-size:2.5rem;line-height:1.2}.event-meta{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.event-meta-item{font-size:.9rem}.event-actions{justify-content:center;gap:1rem;width:100%;margin-top:1rem}.event-share-button,.event-ticket-button{flex:1;min-width:160px;max-width:200px;padding:.875rem 1.5rem;font-size:1rem}.event-content-section .container{padding:0 1rem}.event-featured-image img{height:250px}.event-info-cards{grid-template-columns:1fr;gap:1rem}.event-description,.event-info-card{padding:1.5rem}.event-body{font-size:1rem}.event-body h2{font-size:1.5rem}.event-tags{padding:1.5rem}}@media (max-width:480px){.event-hero{height:450px;min-height:450px}.event-hero-content{padding:0 1.5rem}.event-title{font-size:2rem;line-height:1.1}.event-meta{flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.25rem}.event-meta-item{justify-content:center;font-size:.85rem}.event-actions{flex-direction:column;align-items:center;gap:.75rem;width:100%;margin-top:1.25rem}.event-share-button,.event-ticket-button{justify-content:center;width:100%;max-width:280px;min-height:48px;padding:.875rem 1.5rem;font-size:1rem}.event-content-section{padding:2rem 0}.event-content-section .container{padding:0 1rem}.event-featured-image img{height:200px}.event-info-cards{gap:1rem}.event-description,.event-info-card{padding:1.25rem}.event-description h2{font-size:1.5rem}.event-tags{padding:1.25rem}.event-nav-button{justify-content:center;width:100%;max-width:280px}}.acties-page{background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh}.acties-hero-banner{background:linear-gradient(135deg,var(--color-fomix-green)0,var(--color-fomix-blue)100%);height:60vh;min-height:500px;padding-top:var(--navbar-height);align-items:center;display:flex;position:relative;overflow:hidden}.acties-hero-banner:before{opacity:.4;z-index:1;background-image:url(/img/banner/promo/whatdafock.jpeg);background-position:100%;background-size:cover;width:60vw;height:100%;top:0;right:0;-webkit-mask:linear-gradient(90deg,#0000,#0000004d 40%,#000);mask:linear-gradient(90deg,#0000,#0000004d 40%,#000)}.acties-hero-banner:after,.acties-hero-banner:before{content:"";pointer-events:none;background-repeat:no-repeat;position:absolute}.acties-hero-banner:after{opacity:.08;z-index:2;background-image:url(/img/logo/x.png);background-position:0 100%;background-size:contain;width:800px;height:800px;bottom:0;left:0}.acties-hero-content{z-index:10;align-items:center;width:100%;max-width:1600px;height:100%;margin:0 auto;padding:0;display:flex;position:relative}.acties-hero-text{color:#fff;max-width:1600px}.acties-hero-subtitle{opacity:.9;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:1.125rem;font-weight:600}.acties-hero-title{margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.1}.acties-hero-description{opacity:.9;margin-bottom:2rem;font-size:1.25rem;line-height:1.6}.acties-hero-button{color:var(--color-fomix-green);cursor:pointer;background:#fff;border:2px solid #0000;border-radius:50px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.acties-hero-button:hover{color:#fff;background:0 0;border-color:#fff;transform:translateY(-2px);box-shadow:0 10px 30px #0003}.acties-search-section{background:#fff;border-bottom:1px solid #e5e7eb;padding:2rem 0;box-shadow:0 10px 40px #52555a1a}.acties-search-container{max-width:1600px;margin:0 auto;padding:0}.acties-search-input-container{max-width:500px;margin:0 auto;position:relative}.acties-search-input{background:#fff;border:2px solid #e5e7eb;border-radius:25px;width:100%;padding:.875rem 1rem .875rem 2.5rem;font-size:1rem;transition:all .3s}.acties-search-input:focus{border-color:var(--color-fomix-green);outline:none;box-shadow:0 0 0 3px #05be781a}.acties-search-icon{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.acties-content-section{padding:4rem 0}.acties-content-section .container{z-index:1;max-width:1600px;margin:0 auto;position:relative}.acties-results-info{text-align:center;margin-bottom:3rem}.acties-results-title{color:#1f2937;margin-bottom:.5rem;font-size:2rem;font-weight:700}.acties-results-subtitle{color:#6b7280;font-size:1.125rem}.actiesGrid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.actieCard{background:#fff;border:1px solid #f1f5f9;border-radius:16px;transition:all .3s;overflow:hidden;box-shadow:0 10px 40px #52555a1a}.actieCard:hover{border-color:var(--color-fomix-green);transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.actieCard.clickable-card{cursor:pointer;display:block}.actieCard.clickable-card,.actieCard.clickable-card:hover{color:inherit;text-decoration:none}.actieCardImageContainer{height:200px;position:relative;overflow:hidden}.actieCardImage{object-fit:cover;width:100%;height:100%;transition:transform .3s}.actieCard:hover .actieCardImage{transform:scale(1.05)}.actieCardOverlay{background:linear-gradient(#0000,#000000b3);flex-direction:column;justify-content:space-between;padding:1rem;display:flex;position:absolute;inset:0}.actieStatusBadge{text-transform:uppercase;letter-spacing:.05em;border-radius:12px;align-self:flex-start;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.status-active{color:#fff;background:#22c55ee6}.status-ended{color:#fff;background:#6b7280e6}.status-upcoming{color:#fff;background:#3b82f6e6}.actieCategoryBadge{text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;align-self:flex-end;margin-top:auto;padding:.5rem 1rem;font-size:.75rem;font-weight:700}.category-winactie{color:#fff;background:#f59e0be6}.category-merchandise{color:#fff;background:#a855f7e6}.category-elektronica{color:#fff;background:#ef4444e6}.category-workshop{color:#fff;background:#22c55ee6}.category-experience{color:#fff;background:#3b82f6e6}.category-muziek{color:#fff;background:#8b5cf6e6}.actieCardContent{padding:1.5rem}.actieCardTitle{color:#1f2937;margin-bottom:.75rem;font-size:1.25rem;font-weight:700;line-height:1.3}.actieCardExcerpt{color:#6b7280;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:1.25rem;font-size:.95rem;line-height:1.5;display:-webkit-box;overflow:hidden}.actieCardMeta{flex-direction:column;gap:.5rem;display:flex}.actieCardMetaItem{color:#6b7280;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.actieCardMetaItem svg{color:var(--color-fomix-green);flex-shrink:0}.actieCardMetaItem.prize{font-weight:600}.actieCardMetaItem.prize,.actieCardMetaItem.prize svg{color:var(--color-fomix-green)}.acties-pagination{gap:.5rem;margin-top:4rem}.acties-pagination,.acties-pagination-button{justify-content:center;align-items:center;display:flex}.acties-pagination-button{color:#6b7280;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;width:40px;height:40px;transition:all .3s}.acties-pagination-button:hover:not(:disabled){border-color:var(--color-fomix-green);color:var(--color-fomix-green);transform:translateY(-2px)}.acties-pagination-button:disabled{opacity:.4;cursor:not-allowed}.acties-pagination-number{color:#374151;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;min-width:40px;height:40px;padding:0 .75rem;font-weight:600;transition:all .3s;display:flex}.acties-pagination-number:hover{border-color:var(--color-fomix-green);color:var(--color-fomix-green)}.acties-pagination-number.active{background:var(--color-fomix-green);border-color:var(--color-fomix-green);color:#fff}.acties-pagination-dots{color:#9ca3af;padding:0 .5rem}.acties-empty,.acties-error,.acties-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;display:flex}.acties-loading-spinner{border:4px solid #f3f4f6;border-top:4px solid var(--color-fomix-green);border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:spin 1s linear infinite}.acties-empty-text,.acties-error-text,.acties-loading-text{color:#6b7280;margin-bottom:1.5rem;font-size:1.125rem}.acties-error-text{color:#dc2626}.acties-empty-button,.acties-error-button{background:var(--color-fomix-green);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.acties-empty-button:hover,.acties-error-button:hover{background:#059669;transform:translateY(-2px)}@media (max-width:768px){.acties-hero-banner{height:400px;min-height:400px}.acties-hero-banner:before{opacity:.3;width:100vw;-webkit-mask:linear-gradient(#0000,#0003 40%,#0009);mask:linear-gradient(#0000,#0003 40%,#0009)}.acties-hero-content{text-align:center;padding:0}.acties-hero-text{max-width:none}.acties-hero-title{font-size:2.25rem;line-height:1.2}.acties-hero-description{margin-bottom:1.5rem;font-size:1rem}.acties-hero-button{padding:.875rem 1.75rem;font-size:1rem}.acties-search-section{padding:1.5rem 0}.acties-search-container{padding:0 1rem}.acties-search-input-container{max-width:none}.acties-search-input{font-size:16px}.acties-content-section{padding:2rem 0}.acties-results-info{margin-bottom:2rem;padding:0 1rem}.acties-results-title{font-size:1.5rem}.acties-results-subtitle{font-size:1rem}.actiesGrid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem;padding:0 1rem}.actieCard{border-radius:12px}.actieCardContent{padding:1.25rem}.actieCardTitle{margin-bottom:.75rem;font-size:1.125rem;line-height:1.3}.actieCardExcerpt{font-size:.9rem;line-height:1.5}.acties-pagination{flex-wrap:wrap;gap:.375rem;margin-top:2rem;padding:0 1rem}.acties-pagination-button,.acties-pagination-number{width:36px;min-width:36px;height:36px}.acties-empty,.acties-error,.acties-loading{padding:2rem 1rem}.acties-empty-text,.acties-error-text,.acties-loading-text{font-size:1rem}.actieCardImageContainer{height:200px}}@media (max-width:480px){.acties-hero-banner{height:350px;min-height:350px}.acties-hero-content{padding:0 1.5rem}.acties-hero-title{font-size:1.875rem;line-height:1.1}.acties-hero-subtitle{margin-bottom:.75rem;font-size:1rem}.acties-hero-description{margin-bottom:1.25rem;font-size:.9rem}.acties-hero-button{padding:.75rem 1.5rem;font-size:.9rem}.acties-search-section{padding:1rem 0}.acties-search-container{padding:0 1rem}.acties-content-section{padding:1.5rem 0}.acties-results-info{margin-bottom:1.5rem;padding:0 1rem}.acties-results-title{font-size:1.25rem}.acties-results-subtitle{font-size:.9rem}.actiesGrid{gap:1.25rem;padding:0 1rem}.actieCardContent{padding:1rem}.actieCardTitle{font-size:1.1rem;line-height:1.25}.actieCardExcerpt{font-size:.875rem}.acties-pagination{gap:.25rem;margin-top:1.5rem}.acties-pagination-button,.acties-pagination-number{width:32px;min-width:32px;height:32px;font-size:.875rem}.acties-pagination-dots{padding:0 .25rem;font-size:.875rem}.acties-empty,.acties-error,.acties-loading{padding:1.5rem 1rem}.acties-loading-spinner{border-width:3px;width:32px;height:32px}.acties-empty-text,.acties-error-text,.acties-loading-text{margin-bottom:1.25rem;font-size:.9rem}.acties-empty-button,.acties-error-button{padding:.75rem 1.25rem;font-size:.9rem}.actieCardImageContainer{height:180px}}.actie-page{background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh}.actie-hero-section{padding-top:calc(var(--navbar-height) + 2rem);background:linear-gradient(135deg,var(--color-fomix-green)0,var(--color-fomix-blue)100%);padding-bottom:4rem;position:relative;overflow:hidden}.actie-hero-section:before{content:"";opacity:.2;z-index:1;pointer-events:none;background:url(/img/banner/promo/whatdafock.jpeg) 100%/cover no-repeat;width:40vw;height:100%;position:absolute;top:0;right:0;-webkit-mask:linear-gradient(270deg,#000,#0000);mask:linear-gradient(270deg,#000,#0000)}.actie-hero-container{z-index:10;grid-template-columns:2fr 1fr;align-items:center;gap:4rem;max-width:1600px;margin:0 auto;padding:0;display:grid;position:relative}.actie-hero-content{color:#fff}.actie-back-link{color:#ffffffe6;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.actie-back-link:hover{color:#fff;transform:translate(-4px)}.actie-hero-title{margin-bottom:1.5rem;font-size:3rem;font-weight:800;line-height:1.1}.actie-hero-meta{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.actie-meta-item{opacity:.9;align-items:center;gap:.5rem;font-size:.95rem;display:flex}.actie-meta-item svg{opacity:.8;flex-shrink:0}.actie-meta-item.prize{color:#fbbf24;font-weight:600}.actie-meta-item.prize svg{color:#fbbf24}.actie-status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;align-self:flex-start;margin-top:.5rem;padding:.375rem .875rem;font-size:.75rem;font-weight:700}.actie-hero-description{opacity:.9;margin-bottom:2rem;font-size:1.125rem;line-height:1.6}.actie-actions{gap:1rem;margin-top:.5rem;display:flex}.actie-participate-button{color:var(--color-fomix-green);background:#fff;border:2px solid #0000;border-radius:50px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.actie-participate-button:hover{color:#fff;background:0 0;border-color:#fff;transform:translateY(-2px);box-shadow:0 10px 30px #0003}.actie-share-button{color:#fff;cursor:pointer;background:0 0;border:2px solid #ffffff4d;border-radius:50px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;transition:all .3s;display:inline-flex}.actie-share-button:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-2px)}.actie-featured-image{border-radius:20px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000004d}.actie-featured-image img{object-fit:cover;width:100%;height:350px}.actie-category-badge{text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:.5rem 1rem;font-size:.75rem;font-weight:700;position:absolute;top:1.5rem;right:1.5rem}.actie-info-section{padding:4rem 0}.actie-info-section .container{max-width:1600px;margin:0 auto;padding:0}.actie-info-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.actie-info-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:2rem;transition:all .3s;box-shadow:0 10px 40px #52555a1a}.actie-info-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a}.actie-info-card-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.actie-info-card-icon{flex-shrink:0}.actie-info-card-icon.participate-icon{color:var(--color-fomix-green)}.actie-info-card-icon.requirements-icon{color:#f59e0b}.actie-info-card-icon.timeline-icon{color:#3b82f6}.actie-info-card-icon.stats-icon{color:#8b5cf6}.actie-info-card-icon.terms-icon{color:#6b7280}.actie-info-card-title{color:#1f2937;margin:0;font-size:1.25rem;font-weight:700}.actie-info-card-content{color:#6b7280;line-height:1.6}.actie-requirements-list{margin:0;padding:0;list-style:none}.actie-requirement-item{margin-bottom:.75rem;padding-left:1.5rem;line-height:1.5;position:relative}.actie-requirement-item:before{content:"✓";color:var(--color-fomix-green);font-weight:700;position:absolute;top:0;left:0}.actie-timeline{flex-direction:column;gap:1rem;display:flex}.actie-timeline-item{background:#f8fafc;border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.actie-timeline-label{color:#6b7280;font-size:.875rem;font-weight:500}.actie-timeline-value{color:#1f2937;font-size:.875rem;font-weight:600}.actie-stats{justify-content:center;display:flex}.actie-stat-item{text-align:center}.actie-stat-number{color:var(--color-fomix-green);font-size:2rem;font-weight:800;line-height:1}.actie-stat-label{color:#6b7280;margin-top:.25rem;font-size:.875rem}.actie-terms-link{color:var(--color-fomix-blue);font-weight:600;text-decoration:none;transition:color .3s}.actie-terms-link:hover{color:var(--color-fomix-green);text-decoration:underline}.actie-content-section{background:#fff;padding:4rem 0}.actie-content-section .container{max-width:1600px;margin:0 auto;padding:0}.actie-content-wrapper{max-width:1600px;margin:0 auto}.actie-content-title{color:#1f2937;text-align:center;margin-bottom:2rem;font-size:2rem;font-weight:700}.actie-content-body{color:#374151;font-size:1.0625rem;line-height:1.7}.actie-content-paragraph{margin-bottom:1.5rem}.actie-content-paragraph:last-child{margin-bottom:0}.actie-error,.actie-loading,.actie-not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:4rem 2rem;display:flex}.actie-loading-spinner{border:4px solid #f3f4f6;border-top:4px solid var(--color-fomix-green);border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:spin 1s linear infinite}.actie-error-text,.actie-loading-text,.actie-not-found-text{color:#6b7280;margin-bottom:1.5rem;font-size:1.125rem}.actie-error-text{color:#dc2626}.actie-not-found-title{color:#1f2937;margin-bottom:1rem;font-size:1.875rem;font-weight:700}.actie-error-actions{flex-direction:column;align-items:center;gap:1rem;display:flex}.actie-error-button,.actie-not-found-button{background:var(--color-fomix-green);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s}.actie-error-button:hover,.actie-not-found-button:hover{background:#059669;transform:translateY(-2px)}.actie-error-link{color:var(--color-fomix-blue);font-weight:600;text-decoration:none;transition:color .3s}.actie-error-link:hover{color:var(--color-fomix-green);text-decoration:underline}@media (max-width:1024px){.actie-hero-container{text-align:center;grid-template-columns:1fr;gap:3rem}.actie-hero-title{font-size:2.5rem}.actie-featured-image{max-width:400px;margin:0 auto}.actie-info-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.actie-info-card{padding:1.5rem}}@media (max-width:768px){.actie-hero-section{padding-bottom:3rem}.actie-hero-container{gap:2rem;padding:0 1rem}.actie-hero-title{font-size:2rem;line-height:1.2}.actie-hero-description{font-size:1rem}.actie-actions{flex-direction:column;align-items:center;gap:.75rem;margin-top:1rem}.actie-participate-button,.actie-share-button{justify-content:center;width:100%;max-width:280px;padding:.875rem 1.75rem;font-size:1rem}.actie-featured-image{max-width:none}.actie-featured-image img{height:250px}.actie-info-section{padding:2rem 0}.actie-info-section .container{padding:0 1rem}.actie-info-cards{grid-template-columns:1fr;gap:1.25rem}.actie-info-card{border-radius:12px;padding:1.25rem}.actie-info-card-title{font-size:1.125rem}.actie-timeline-item{flex-direction:column;align-items:flex-start;gap:.25rem}.actie-content-section{padding:2rem 0}.actie-content-section .container{padding:0 1rem}.actie-content-title{margin-bottom:1.5rem;font-size:1.5rem}.actie-content-body{font-size:1rem}}@media (max-width:480px){.actie-hero-section{padding-bottom:2rem}.actie-hero-container{gap:1.5rem;padding:0 1rem}.actie-hero-title{font-size:1.75rem;line-height:1.1}.actie-back-link{margin-bottom:1.5rem;font-size:.875rem}.actie-hero-description{margin-bottom:1.5rem;font-size:.95rem}.actie-participate-button,.actie-share-button{padding:.75rem 1.5rem;font-size:.95rem}.actie-featured-image img{height:200px}.actie-category-badge{padding:.375rem .75rem;font-size:.65rem;top:1rem;right:1rem}.actie-info-section{padding:1.5rem 0}.actie-info-card{padding:1rem}.actie-info-card-header{gap:.75rem;margin-bottom:1rem}.actie-info-card-icon{width:20px;height:20px}.actie-info-card-title{font-size:1rem}.actie-content-section{padding:1.5rem 0}.actie-content-title{margin-bottom:1.25rem;font-size:1.25rem}.actie-content-body{font-size:.9rem;line-height:1.6}.actie-content-paragraph{margin-bottom:1.25rem}.actie-error,.actie-loading,.actie-not-found{min-height:50vh;padding:2rem 1rem}.actie-loading-spinner{border-width:3px;width:32px;height:32px}.actie-error-text,.actie-loading-text,.actie-not-found-text{font-size:.95rem}.actie-not-found-title{font-size:1.5rem}.actie-error-button,.actie-not-found-button{padding:.75rem 1.25rem;font-size:.9rem}}.programmering-page{background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh}.programmering-hero-banner{background:linear-gradient(135deg,var(--color-fomix-green)0,var(--color-fomix-blue)100%);height:60vh;min-height:500px;padding-top:var(--navbar-height);align-items:center;display:flex;position:relative;overflow:hidden}.programmering-hero-banner:before{opacity:.3;z-index:1;background-image:url(/img/banner/promo/podium-avond.png);background-position:100%;background-size:cover;width:60vw;height:100%;top:0;right:0;-webkit-mask:linear-gradient(90deg,#0000,#0000004d 40%,#000);mask:linear-gradient(90deg,#0000,#0000004d 40%,#000)}.programmering-hero-banner:after,.programmering-hero-banner:before{content:"";pointer-events:none;background-repeat:no-repeat;position:absolute}.programmering-hero-banner:after{opacity:.08;z-index:2;background-image:url(/img/logo/x.png);background-position:0 100%;background-size:contain;width:800px;height:800px;bottom:0;left:0}.programmering-hero-content{z-index:10;align-items:center;width:100%;max-width:1600px;height:100%;margin:0 auto;padding:0;display:flex;position:relative}.programmering-hero-text{color:#fff;max-width:800px}.programmering-hero-subtitle{opacity:.9;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:1.125rem;font-weight:600}.programmering-hero-title{margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.1}.programmering-hero-description{opacity:.9;margin-bottom:2rem;font-size:1.25rem;line-height:1.6}.programmering-hero-stats{gap:2rem;margin-top:2rem;display:flex}.programmering-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.programmering-stat svg{opacity:.8}.programmering-stat-number{font-size:1.5rem;font-weight:800;line-height:1;display:block}.programmering-stat-label{opacity:.8;font-size:.875rem;display:block}.programmering-filter-section{background:#fff;border-bottom:1px solid #e5e7eb;padding:3rem 0;box-shadow:0 10px 40px #52555a1a}.programmering-filter-container{max-width:1600px;margin:0 auto;padding:0}.programmering-filter-toggle{max-width:500px;margin:0 auto}.programmering-filter-dropdown-button{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:16px;width:100%;padding:1rem 1.5rem;transition:all .3s;box-shadow:0 10px 40px #52555a1a}.programmering-filter-dropdown-button:hover{border-color:var(--color-fomix-green);transform:translateY(-2px)}.programmering-filter-dropdown-button.open{border-color:var(--color-fomix-green);border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0}.programmering-filter-dropdown-content{justify-content:space-between;align-items:center;width:100%;display:flex}.programmering-filter-dropdown-left{align-items:center;gap:.75rem;display:flex}.programmering-filter-dropdown-left svg{color:var(--color-fomix-green)}.programmering-filter-dropdown-left span{color:#1f2937;font-size:1.125rem;font-weight:600}.programmering-filter-active-count{background:var(--color-fomix-green);color:#fff;border-radius:50%;justify-content:center;align-items:center;min-width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}.programmering-filter-dropdown-right{align-items:center;gap:1rem;display:flex}.programmering-filter-clear-button{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;padding:.375rem .75rem;font-size:.875rem;font-weight:600;transition:all .3s}.programmering-filter-clear-button:hover{color:#374151;background:#e5e7eb}.programmering-filter-dropdown-right svg{color:#6b7280}.programmering-filter-options{background:#fff;border:2px solid var(--color-fomix-green);border-top:none;border-bottom-right-radius:16px;border-bottom-left-radius:16px;flex-direction:column;gap:2rem;max-width:500px;margin:0 auto;padding:2rem;display:none;box-shadow:0 10px 40px #52555a1a}.programmering-filter-options.open{display:flex}.programmering-filter-group{flex-direction:column;gap:1rem;display:flex}.programmering-filter-label{color:#374151;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;display:flex}.programmering-filter-label svg{color:var(--color-fomix-green)}.programmering-filter-buttons{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.programmering-filter-button{color:#374151;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.programmering-filter-button:hover{border-color:var(--color-fomix-green);color:var(--color-fomix-green);transform:translateY(-2px)}.programmering-filter-button.active{background:var(--color-fomix-green);border-color:var(--color-fomix-green);color:#fff}.programmering-filter-count{background:#0000001a;border-radius:12px;padding:.125rem .5rem;font-size:.75rem;font-weight:700}.programmering-filter-button.active .programmering-filter-count{background:#fff3}.week-schema-section{padding:4rem 0}.week-schema-container{max-width:1600px;margin:0 auto;padding:0}.week-schema-header{text-align:center;margin-bottom:3rem}.week-schema-title{justify-content:center;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.week-schema-title h2{color:#1f2937;margin:0;font-size:2rem;font-weight:700}.week-schema-title svg{color:var(--color-fomix-green)}.week-schema-subtitle{color:#6b7280;margin:0;font-size:1.125rem}.week-schema-days{grid-template-columns:repeat(7,1fr);gap:1rem;margin-bottom:3rem;display:grid}.week-day-button{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:16px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;transition:all .3s;display:flex;box-shadow:0 10px 40px #52555a1a}.week-day-button:hover{border-color:var(--color-fomix-green);transform:translateY(-4px)}.week-day-button.active{background:var(--color-fomix-green);border-color:var(--color-fomix-green);color:#fff}.week-day-short{font-size:1.25rem;font-weight:800;line-height:1}.week-day-label{opacity:.8;font-size:.875rem}.day-schedule{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:2rem;box-shadow:0 10px 40px #52555a1a}.day-schedule-title{color:#1f2937;text-align:center;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.day-schedule-grid{flex-direction:column;gap:1rem;display:flex}.schedule-item{color:inherit;background:#f8fafc;border-radius:12px;grid-template-columns:150px 1fr auto;align-items:center;gap:1.5rem;padding:1rem;text-decoration:none;transition:all .3s;display:grid}.schedule-item:hover{color:inherit;background:#f1f5f9;text-decoration:none;transform:translateY(-2px)}.schedule-item-time{color:#374151;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.schedule-item-time svg{color:var(--color-fomix-green)}.schedule-item-content{flex:1}.schedule-item-header{align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.schedule-item-title{color:#1f2937;margin:0;font-size:1.125rem;font-weight:700}.schedule-live-badge{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:#ef4444;border-radius:12px;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:flex}.schedule-live-dot{background:#fff;border-radius:50%;width:6px;height:6px;animation:pulse 2s infinite}.schedule-item-meta{align-items:center;gap:1rem;display:flex}.schedule-item-host{color:#6b7280;align-items:center;gap:.375rem;font-size:.875rem;display:flex}.schedule-item-host svg{color:var(--color-fomix-green)}.schedule-item-category{color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.schedule-item-play{background:var(--color-fomix-green);color:#fff;pointer-events:none;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.schedule-item:hover .schedule-item-play{background:#059669;transform:scale(1.05)}.pagination-container{text-align:center;margin-top:3rem}.pagination{justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.pagination-button{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.pagination-button:hover:not(:disabled){background:var(--color-fomix-green);border-color:var(--color-fomix-green);color:#fff}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-numbers{gap:.5rem;display:flex}.pagination-number{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:500;transition:all .2s;display:flex}.pagination-number.active,.pagination-number:hover{background:var(--color-fomix-green);border-color:var(--color-fomix-green);color:#fff}.pagination-info{color:#64748b;margin-top:1rem;font-size:.9rem}.pagination-dots{color:#64748b;align-items:center;padding:0 .5rem;font-weight:500;display:flex}.day-schedule-empty{text-align:center;color:#6b7280;padding:3rem}.programmering-content-section{padding:4rem 0}.programmering-content-section .container{z-index:1;max-width:1600px;margin:0 auto;position:relative}.programmering-results-info{text-align:center;margin-bottom:3rem}.programmering-results-title{color:#1f2937;margin-bottom:.5rem;font-size:2rem;font-weight:700}.programma-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:4rem;display:grid}@media (max-width:480px){.programma-grid{grid-template-columns:1fr;gap:1rem}}.programma-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;transition:all .3s;overflow:hidden;box-shadow:0 10px 40px #52555a1a}.programma-card:hover{border-color:var(--color-fomix-green);transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}@media (hover:none) and (pointer:coarse){.programma-card:hover{transform:none}.programma-card:active{transition:transform .1s;transform:scale(.98)}}.programma-card.clickable-card{cursor:pointer;display:block}.programma-card.clickable-card,.programma-card.clickable-card:hover{color:inherit;text-decoration:none}.programma-card-image-container{height:200px;position:relative;overflow:hidden}.programma-card-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.programma-card:hover .programma-card-image{transform:scale(1.05)}.programma-card-overlay{background:linear-gradient(#0000,#000000b3);flex-direction:column;justify-content:space-between;padding:1rem;display:flex;position:absolute;inset:0}.programma-live-badge{color:#fff;border-radius:12px;align-self:flex-start;gap:.375rem;padding:.25rem .75rem}.programma-category-badge,.programma-live-badge{letter-spacing:.05em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:700}.programma-category-badge{border-radius:20px;align-self:flex-end;margin-top:auto}.category-elektronisch{color:#fff;background:#10b981e6}.category-talk{color:#fff;background:#f59e0be6}.category-live{color:#fff;background:#ef4444e6}.category-nieuws{color:#fff;background:#3b82f6e6}.category-mix{color:#fff;background:#8b5cf6e6}.programma-card-content{padding:1.5rem}.programma-card-title{color:#1f2937;margin-bottom:.75rem;font-size:1.25rem;font-weight:700;line-height:1.3}.programma-card-description{color:#6b7280;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:1.25rem;font-size:.95rem;line-height:1.5;display:-webkit-box;overflow:hidden}.programma-card-meta{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.programma-card-meta-item{color:#6b7280;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.programma-card-meta-item svg{color:var(--color-fomix-green);flex-shrink:0}.programma-card-meta-item.next-episode{color:var(--color-fomix-green);font-weight:600}.programma-card-meta-item.next-episode svg{color:var(--color-fomix-green)}.programma-card-tags{flex-wrap:wrap;gap:.5rem;display:flex}.programma-card-tag{color:#6b7280;background:#f3f4f6;border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.programmering-empty,.programmering-error,.programmering-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;display:flex}.programmering-loading-spinner{border:4px solid #f3f4f6;border-top:4px solid var(--color-fomix-green);border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:spin 1s linear infinite}.programmering-empty-text,.programmering-error-text,.programmering-loading-text{color:#6b7280;margin-bottom:1.5rem;font-size:1.125rem}.programmering-error-text{color:#dc2626}.programmering-empty-button,.programmering-error-button{background:var(--color-fomix-green);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.programmering-empty-button:hover,.programmering-error-button:hover{background:#059669;transform:translateY(-2px)}@media (max-width:1024px){.programmering-hero-stats{flex-wrap:wrap;gap:1rem}.programmering-stat{flex:1;min-width:150px}.week-schema-days{scrollbar-width:none;-ms-overflow-style:none;gap:.75rem;padding:1rem 0;display:flex;overflow-x:auto}.week-schema-days::-webkit-scrollbar{display:none}.week-day-button{flex-shrink:0;min-width:120px}.schedule-item{text-align:left;grid-template-columns:1fr;gap:1rem}.schedule-item-play{justify-self:center}}@media (max-width:768px){.programmering-hero-banner{height:400px;min-height:400px}.programmering-hero-banner:before{opacity:.3;width:100vw;-webkit-mask:linear-gradient(#0000,#0003 40%,#0009);mask:linear-gradient(#0000,#0003 40%,#0009)}.programmering-hero-content{text-align:center}.programmering-hero-text{max-width:none}.programmering-hero-title{font-size:2.25rem;line-height:1.2}.programmering-hero-description{margin-bottom:1.5rem;font-size:1rem}.programmering-hero-stats{justify-content:center}.programmering-filter-section{padding:2rem 0}.programmering-filter-toggle{max-width:none;margin:0 1rem}.programmering-filter-dropdown-button{padding:.875rem 1.25rem}.programmering-filter-dropdown-left span{font-size:1rem}.programmering-filter-options{max-width:none;margin:0 1rem;padding:1.5rem}.programmering-filter-buttons{justify-content:flex-start;gap:.5rem}.programmering-filter-button{padding:.75rem 1.25rem;font-size:.9rem}.week-schema-section{padding:2rem 0}.week-schema-days{scrollbar-width:none;-ms-overflow-style:none;gap:.5rem;padding:1rem 0;display:flex;overflow-x:auto}.week-schema-days::-webkit-scrollbar{display:none}.week-day-button{flex-shrink:0;min-width:100px;padding:.75rem .5rem}.week-day-short{font-size:1rem}.week-day-label{font-size:.75rem}.day-schedule{margin:0 1rem;padding:1.5rem}.schedule-item{padding:1rem}.programmering-content-section{padding:2rem 0}.programmering-results-info{margin-bottom:2rem;padding:0 1rem}.programmering-results-title{font-size:1.5rem}.programma-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem;padding:0 1rem}.pagination{flex-wrap:wrap;justify-content:center;gap:.5rem}.pagination-button{min-width:80px;padding:.6rem 1rem;font-size:.9rem}.pagination-number{width:36px;height:36px;font-size:.9rem}.programma-card{border-radius:12px}.programma-card-content{padding:1.25rem}.programma-card-title{margin-bottom:.75rem;font-size:1.125rem;line-height:1.3}.programma-card-description{font-size:.9rem;line-height:1.5}.programmering-empty,.programmering-error,.programmering-loading{padding:2rem 1rem}.programmering-empty-text,.programmering-error-text,.programmering-loading-text{font-size:1rem}.programma-card-image-container{height:200px}}@media (max-width:480px){.programmering-hero-banner{height:350px;min-height:350px}.programmering-hero-title{font-size:1.875rem;line-height:1.1}.programmering-hero-subtitle{margin-bottom:.75rem;font-size:1rem}.programmering-hero-description{margin-bottom:1.25rem;font-size:.9rem}.programmering-hero-stats{flex-direction:column;gap:.75rem}.programmering-stat{padding:.75rem 1rem}.programmering-filter-section{padding:1.5rem 0}.programmering-filter-toggle{margin:0 1rem}.programmering-filter-dropdown-button{border-radius:12px;padding:.75rem 1rem}.programmering-filter-dropdown-button.open{border-bottom-right-radius:0;border-bottom-left-radius:0}.programmering-filter-dropdown-left span{font-size:.95rem}.programmering-filter-active-count{min-width:20px;height:20px;font-size:.65rem}.programmering-filter-clear-button{padding:.25rem .5rem;font-size:.75rem}.programmering-filter-options{border-bottom-right-radius:12px;border-bottom-left-radius:12px;gap:1.25rem;margin:0 1rem;padding:1rem}.programmering-filter-buttons{gap:.5rem}.programmering-filter-button{border-radius:25px;padding:.625rem 1rem;font-size:.875rem}.week-schema-section{padding:1.5rem 0}.week-schema-title h2{font-size:1.5rem}.week-schema-subtitle{font-size:1rem}.week-schema-days{scrollbar-width:none;-ms-overflow-style:none;gap:.375rem;margin:0 1rem;padding:.5rem 0;display:flex;overflow-x:auto}.week-schema-days::-webkit-scrollbar{display:none}.week-day-button{border-radius:8px;flex-shrink:0;min-width:80px;padding:.5rem .25rem}.week-day-short{font-size:.875rem}.week-day-label{font-size:.625rem}.day-schedule{border-radius:12px;margin:0 1rem;padding:1rem}.day-schedule-title{margin-bottom:1rem;font-size:1.25rem}.schedule-item{border-radius:8px;padding:.75rem}.schedule-item-title{font-size:1rem}.schedule-item-play{width:36px;height:36px}.programmering-content-section{padding:1.5rem 0}.programmering-results-info{margin-bottom:1.5rem;padding:0 1rem}.programmering-results-title{font-size:1.25rem;line-height:1.3}.programma-grid{gap:1.25rem;padding:0 1rem}.programma-card{margin-bottom:.5rem}.programma-card:active{transition:transform .1s;transform:scale(.98)}.pagination{gap:.375rem;margin:0 1rem}.pagination-button{min-width:70px;padding:.5rem .75rem;font-size:.85rem}.pagination-number{width:32px;height:32px;font-size:.85rem}.pagination-info{padding:0 1rem;font-size:.8rem}.programma-card-content{padding:1rem}.programma-card-title{font-size:1.1rem;line-height:1.25}.programma-card-description{font-size:.875rem}.programmering-empty,.programmering-error,.programmering-loading{padding:1.5rem 1rem}.programmering-loading-spinner{border-width:3px;width:32px;height:32px}.programmering-empty-text,.programmering-error-text,.programmering-loading-text{margin-bottom:1.25rem;font-size:.9rem}.programmering-empty-button,.programmering-error-button{padding:.75rem 1.25rem;font-size:.9rem}.programma-card-image-container{height:180px}}.profiel-page{background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh}.profiel-navigation{z-index:3;background:#fff;border-bottom:1px solid #e5e7eb;position:relative;box-shadow:0 2px 10px #0000000d}.profiel-nav-container{align-items:center;gap:2rem;max-width:1600px;margin:0 auto;padding:1rem 0;display:flex}.profiel-back-link{color:var(--color-fomix-blue);border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.profiel-back-link:hover{background:#322ce81a;transform:translate(-2px)}.profiel-nav-title{color:#1f2937;margin:0;font-size:1.5rem;font-weight:700}.profiel-hero-banner{padding:calc(var(--navbar-height) + 6rem)0 4rem 0;background:linear-gradient(135deg,var(--color-fomix-green)0,var(--color-fomix-blue)100%);margin-top:calc(-1*var(--navbar-height));position:relative;overflow:hidden}.profiel-hero-banner:after{content:"";opacity:.08;z-index:2;pointer-events:none;background-image:url(/img/logo/x.png);background-position:0 100%;background-repeat:no-repeat;background-size:contain;width:800px;height:800px;position:absolute;bottom:0;left:0}.profiel-hero-content{z-index:10;max-width:1600px;margin:0 auto;padding:0;position:relative}.profiel-hero-user{align-items:center;gap:3rem;display:flex}.profiel-avatar-container{flex-shrink:0;position:relative}.profiel-avatar-image{object-fit:cover}.profiel-avatar-image,.profiel-avatar-placeholder{border:4px solid #ffffff4d;border-radius:50%;width:120px;height:120px;box-shadow:0 10px 30px #0003}.profiel-avatar-placeholder{background:#fff3}.profiel-avatar-placeholder,.profiel-role-badge{color:#fff;justify-content:center;align-items:center;display:flex}.profiel-role-badge{border:3px solid #fff;border-radius:50%;width:40px;height:40px;position:absolute;bottom:-5px;right:-5px;box-shadow:0 2px 10px #0003}.profiel-hero-info{color:#fff;flex:1}.profiel-hero-name{margin-bottom:.5rem;font-size:2.5rem;font-weight:800;line-height:1.2}.profiel-hero-role{opacity:.9;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.125rem;font-weight:600;display:flex}.profiel-hero-description{opacity:.9;max-width:500px;margin-bottom:2rem;font-size:1.125rem;line-height:1.6}.profiel-hero-stats{flex-wrap:wrap;gap:2rem;display:flex}.profiel-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;align-items:center;gap:.75rem;min-width:200px;padding:1rem 1.5rem;display:flex}.profiel-stat svg{opacity:.8;flex-shrink:0}.profiel-stat-label{opacity:.8;margin-bottom:.25rem;font-size:.875rem;display:block}.profiel-main-section{z-index:4;margin:-2rem auto 0;padding:4rem 0;position:relative}.profiel-main-container{grid-template-columns:2fr 1fr;align-items:start;gap:3rem;max-width:1600px;margin:0 auto;padding:0;display:grid}.profiel-left-column{gap:2rem}.profiel-left-column,.profiel-right-column{flex-direction:column;display:flex}.profiel-info-card,.profiel-settings-card,.profiel-stats-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:2rem;box-shadow:0 10px 40px #52555a1a}.profiel-info-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.profiel-info-title{color:#1f2937;margin:0;font-size:1.5rem;font-weight:700}.profiel-cancel-button,.profiel-edit-button{background:var(--color-fomix-blue);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s;display:flex}.profiel-edit-button:hover{background:var(--color-fomix-blue-dark);transform:translateY(-1px)}.profiel-cancel-button{background:#6b7280}.profiel-cancel-button:hover{background:#4b5563}.profiel-edit-form{flex-direction:column;gap:1.5rem;display:flex}.profiel-form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.profiel-form-field{flex-direction:column;gap:.5rem;display:flex}.profiel-form-label{color:#374151;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.profiel-form-label svg{color:var(--color-fomix-green)}.profiel-form-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:.875rem 1rem;font-size:1rem;transition:all .2s}.profiel-form-input:focus{border-color:var(--color-fomix-green);outline:none;box-shadow:0 0 0 3px #05be781a}.profiel-save-button{background:var(--color-fomix-green);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-self:flex-start;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.profiel-save-button:hover{background:var(--color-fomix-green-dark);transform:translateY(-1px)}.profiel-save-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.profiel-info-display{flex-direction:column;gap:1.5rem;display:flex}.profiel-info-row{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.profiel-info-row:first-child{grid-template-columns:1fr}.profiel-info-item{flex-direction:column;gap:.5rem;display:flex}.profiel-info-label{color:#6b7280;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.profiel-info-label svg{color:var(--color-fomix-green)}.profiel-info-value{color:#1f2937;font-size:1rem;font-weight:500}.profiel-settings-header{border-bottom:1px solid #f1f5f9;margin-bottom:2rem;padding-bottom:1rem}.profiel-settings-title{color:#1f2937;align-items:center;gap:.5rem;margin:0;font-size:1.5rem;font-weight:700;display:flex}.profiel-settings-content{flex-direction:column;gap:2rem;display:flex}.profiel-settings-section{flex-direction:column;gap:1rem;display:flex}.profiel-settings-section-title{color:#374151;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.125rem;font-weight:600;display:flex}.profiel-settings-item{border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem;transition:all .2s;display:flex}.profiel-settings-item:hover{background:#f9fafb;border-color:#d1d5db}.profiel-settings-item.danger{background:#fef2f2;border-color:#fecaca}.profiel-settings-item.danger:hover{background:#fee2e2;border-color:#fca5a5}.profiel-settings-item-info{flex:1}.profiel-settings-item-label{color:#1f2937;margin-bottom:.25rem;font-size:1rem;font-weight:600;display:block}.profiel-settings-item-description{color:#6b7280;font-size:.875rem;line-height:1.5}.profiel-settings-button{cursor:pointer;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s;display:flex}.profiel-settings-button.primary{background:var(--color-fomix-green);color:#fff}.profiel-settings-button.primary:hover{background:var(--color-fomix-green-dark);transform:translateY(-1px)}.profiel-settings-button.secondary{color:#374151;background:#f3f4f6;border:1px solid #d1d5db}.profiel-settings-button.secondary:hover{background:#e5e7eb;border-color:#9ca3af}.profiel-settings-button.danger{color:#fff;background:#ef4444}.profiel-settings-button.danger:hover{background:#dc2626;transform:translateY(-1px)}.profiel-settings-button.small{padding:.5rem 1rem;font-size:.875rem}.profiel-settings-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.profiel-password-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-top:1rem;padding:1.5rem}.profiel-password-field{margin-bottom:1rem}.profiel-password-input-container{position:relative}.profiel-password-toggle{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem;transition:all .2s;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.profiel-password-toggle:hover{color:#374151;background:#f3f4f6}.profiel-password-actions{gap:1rem;margin-top:1.5rem;display:flex}.profiel-delete-warning{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:1rem;display:flex}.profiel-warning-content{color:#dc2626;align-items:center;gap:.75rem;display:flex}.profiel-warning-content svg{flex-shrink:0}.profiel-stats-header{border-bottom:1px solid #f1f5f9;margin-bottom:2rem;padding-bottom:1rem}.profiel-stats-title{color:#1f2937;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:1.5rem;font-weight:700;display:flex}.profiel-stats-subtitle{color:#6b7280;font-size:.875rem}.profiel-stats-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.profiel-stat-item{border:1px solid #f1f5f9;border-radius:12px;align-items:flex-start;gap:1rem;padding:1.5rem;transition:all .2s;display:flex}.profiel-stat-item:hover{border-color:#e5e7eb;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.profiel-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.profiel-stat-info{flex-direction:column;gap:.25rem;display:flex}.profiel-stat-label,.profiel-stat-value{color:#fff;font-size:.875rem;font-weight:600}.profiel-stat-description{color:#6b7280;font-size:.75rem}.profiel-admin-summary,.profiel-performance-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.profiel-admin-title,.profiel-performance-title{color:#1f2937;margin-bottom:1rem;font-size:1.125rem;font-weight:600}.profiel-performance-metrics{flex-direction:column;gap:.75rem;display:flex}.profiel-metric{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.profiel-metric:last-child{border-bottom:none}.profiel-metric-label{color:#6b7280;font-size:.875rem}.profiel-metric-value{color:#1f2937;font-size:1rem;font-weight:600}.profiel-admin-actions{flex-direction:column;gap:.75rem;display:flex}.profiel-admin-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:.75rem;padding:.875rem 1rem;font-weight:500;transition:all .2s;display:flex}.profiel-admin-button:hover{border-color:var(--color-fomix-blue);color:var(--color-fomix-blue);background:#f9fafb}.profiel-auth-required,.profiel-loading-page{background:linear-gradient(135deg,#f8fafc,#f1f5f9);justify-content:center;align-items:center;min-height:100vh;display:flex}.profiel-auth-container,.profiel-loading-container{text-align:center;padding:2rem}.profiel-loading-spinner{border:4px solid #f3f4f6;border-top:4px solid var(--color-fomix-green);border-radius:50%;width:40px;height:40px;margin:0 auto 1rem;animation:spin 1s linear infinite}.profiel-stats-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.profiel-stats-loading p{color:#6b7280;margin-top:1rem}.profiel-auth-container svg{color:#6b7280;margin-bottom:1rem}.profiel-auth-container h1{color:#1f2937;margin-bottom:.5rem;font-size:1.875rem;font-weight:700}.profiel-auth-container p{color:#6b7280;margin-bottom:2rem}.profiel-login-button{background:var(--color-fomix-green);color:#fff;border-radius:8px;align-items:center;gap:.5rem;padding:.875rem 2rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.profiel-login-button:hover{background:var(--color-fomix-green-dark);transform:translateY(-1px)}@media (max-width:1024px){.profiel-main-container{grid-template-columns:1fr;gap:2rem}.profiel-hero-user{text-align:center;flex-direction:column;gap:2rem}.profiel-hero-stats{justify-content:center}.profiel-stats-grid{grid-template-columns:1fr}.profiel-nav-container{flex-direction:column;align-items:flex-start;gap:1rem}}@media (max-width:768px){.profiel-nav-container{padding:1rem}.profiel-hero-banner{margin-top:-5rem;padding:9rem 0 2rem}.profiel-hero-content,.profiel-main-container{padding:0 1rem}.profiel-hero-name{font-size:2rem}.profiel-hero-stats{flex-direction:column;gap:1rem}.profiel-stat{min-width:auto}.profiel-info-card,.profiel-settings-card,.profiel-stats-card{padding:1.5rem}.profiel-form-row,.profiel-info-row{grid-template-columns:1fr;gap:1rem}.profiel-settings-item{flex-direction:column;align-items:stretch;gap:1rem}.profiel-password-actions{flex-direction:column}.profiel-admin-actions{gap:.5rem}}@media (max-width:480px){.profiel-hero-name{font-size:1.75rem}.profiel-avatar-image,.profiel-avatar-placeholder{width:100px;height:100px}.profiel-role-badge{width:32px;height:32px}.profiel-info-card,.profiel-settings-card,.profiel-stats-card{border-radius:12px;padding:1rem}.profiel-nav-title{font-size:1.25rem}.profiel-back-link{padding:.5rem 0}}.tv-page{background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh}.tv-hero-banner{background:linear-gradient(135deg,var(--color-fomix-green)0,var(--color-fomix-blue)100%);height:50vh;min-height:400px;padding-top:var(--navbar-height);align-items:center;display:flex;position:relative;overflow:hidden}.tv-hero-banner:before{opacity:.3;z-index:1;background-image:url(/img/banner/promo/podium-avond.png);background-position:100%;background-size:cover;width:60vw;height:100%;top:0;right:0;-webkit-mask:linear-gradient(90deg,#0000,#0000004d 40%,#000);mask:linear-gradient(90deg,#0000,#0000004d 40%,#000)}.tv-hero-banner:after,.tv-hero-banner:before{content:"";pointer-events:none;background-repeat:no-repeat;position:absolute}.tv-hero-banner:after{opacity:.08;z-index:2;background-image:url(/img/logo/x.png);background-position:0 100%;background-size:contain;width:800px;height:800px;bottom:0;left:0}.tv-hero-content{z-index:10;align-items:center;width:100%;max-width:1600px;height:100%;margin:0 auto;padding:0;display:flex;position:relative}.tv-hero-text{color:#fff;max-width:800px}.tv-hero-subtitle{opacity:.9;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:1.125rem;font-weight:600}.tv-hero-title{margin-bottom:1.5rem;font-size:3rem;font-weight:800;line-height:1.1}.tv-hero-description{opacity:.9;margin-bottom:2rem;font-size:1.125rem;line-height:1.6}.tv-hero-stats{gap:2rem;margin-top:2rem;display:flex}.tv-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.tv-stat svg{opacity:.8;flex-shrink:0}.tv-stat-label{opacity:.8;font-size:.875rem;display:block}.tv-stat-value{font-size:1.25rem;font-weight:800;line-height:1;display:block}.tv-stat-value.live{color:#10b981;text-shadow:0 0 10px #10b98180;animation:pulse 2s infinite}.tv-main-section{z-index:4;margin:-9rem auto 0;padding:4rem 0;position:relative}.tv-main-container{flex-direction:column;gap:4rem;max-width:1600px;margin:0 auto;padding:0;display:flex}.tv-player-container,.tv-player-section{width:100%;position:relative}.tv-player-container{background:#000;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.tv-player-wrapper{width:100%;height:0;padding-bottom:56.25%;position:relative}.tv-player-error,.tv-player-loading,.tv-player-video{width:100%;height:100%;position:absolute;top:0;left:0}.tv-player-error,.tv-player-loading{color:#fff;z-index:10;background:#000000e6;flex-direction:column;justify-content:center;align-items:center;display:flex}.tv-player-loading-spinner{border:4px solid #fff3;border-top:4px solid var(--color-fomix-green);border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:spin 1s linear infinite}.tv-player-error-message{text-align:center;margin-bottom:1.5rem;font-size:1.125rem}.tv-player-retry-button{background:var(--color-fomix-green);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.tv-player-retry-button:hover{background:#059669;transform:translateY(-2px)}.tv-player-video{border-radius:16px}.tv-player-video::-webkit-media-controls-panel{background:linear-gradient(#0000,#000c)}.tv-player-video::-webkit-media-controls-fullscreen-button,.tv-player-video::-webkit-media-controls-play-button{border-radius:4px}.tv-player-play-overlay{cursor:pointer;z-index:5;background:#0000004d;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex;position:absolute;top:0;left:0}.tv-player-play-overlay:hover{background:#00000080}.tv-player-play-button{background:var(--color-fomix-green);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .3s;display:flex;box-shadow:0 10px 30px #0000004d}.tv-player-play-button:hover{background:#059669;transform:scale(1.1)}.tv-player-play-button svg{margin-left:4px}.tv-info-section{background:#f8fafc;width:100vw;margin-left:calc(50% - 50vw);padding:1rem}.tv-info-container{grid-template-columns:1fr 1fr;gap:2rem;width:100%;max-width:1600px;margin:0 auto;display:grid}.tv-current-program{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:2rem;box-shadow:0 10px 40px #52555a1a}.tv-current-program-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.tv-current-program-live{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:#ef4444;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700;display:flex}.tv-live-dot{background:#fff;border-radius:50%;width:8px;height:8px;animation:pulse 2s infinite}.tv-current-time{color:#6b7280;font-size:1.125rem;font-weight:600}.tv-current-program-content{flex-direction:column;gap:1.5rem;display:flex}.tv-current-program-title{color:#1f2937;margin-bottom:1rem;font-size:1.75rem;font-weight:800;line-height:1.2}.tv-current-program-description{color:#6b7280;margin-bottom:1.5rem;font-size:1.0625rem;line-height:1.6}.tv-current-program-meta{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.tv-program-meta-item{color:#374151;align-items:center;gap:.75rem;font-size:1rem;display:flex}.tv-program-meta-item svg{color:var(--color-fomix-green);flex-shrink:0}.tv-current-program-actions{flex-wrap:wrap;gap:1rem;display:flex}.tv-program-action-button{cursor:pointer;border:2px solid #0000;border-radius:50px;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.tv-program-action-button.primary{background:var(--color-fomix-green);color:#fff}.tv-program-action-button.primary:hover{background:#059669;transform:translateY(-2px)}.tv-program-action-button.secondary{color:var(--color-fomix-blue);background:#fff;border-color:#e5e7eb}.tv-program-action-button.secondary:hover{border-color:var(--color-fomix-blue);transform:translateY(-2px)}.tv-upcoming-programs{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:2rem;box-shadow:0 10px 40px #52555a1a}.tv-upcoming-title{color:#1f2937;margin-bottom:1.5rem;font-size:1.25rem;font-weight:700}.tv-upcoming-list{flex-direction:column;gap:1rem;display:flex}.tv-upcoming-item{background:#f8fafc;border-radius:12px;gap:1rem;padding:1rem;transition:all .3s;display:flex}.tv-upcoming-item:hover{background:#f1f5f9;transform:translateY(-2px)}.tv-upcoming-time{color:var(--color-fomix-green);white-space:nowrap;min-width:100px;font-size:.875rem;font-weight:600}.tv-upcoming-content{flex:1}.tv-upcoming-program-title{color:#1f2937;margin-bottom:.25rem;font-size:1rem;font-weight:700}.tv-upcoming-program-host{color:#6b7280;margin-bottom:.25rem;font-size:.875rem}.tv-upcoming-program-category{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.tv-error,.tv-loading,.tv-offline{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;padding:2rem;display:flex}.tv-loading-spinner{border:4px solid #f3f4f6;border-top:4px solid var(--color-fomix-green);border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:spin 1s linear infinite}.tv-error-text,.tv-loading-text,.tv-offline-text{color:#6b7280;margin-bottom:1.5rem;font-size:1.125rem}.tv-error-text{color:#dc2626}.tv-offline-title{color:#1f2937;margin-bottom:1rem;font-size:1.875rem;font-weight:700}.tv-error-button,.tv-offline-button{background:var(--color-fomix-green);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.tv-error-button:hover,.tv-offline-button:hover{background:#059669;transform:translateY(-2px)}@media (max-width:1024px){.tv-main-container{gap:3rem}.tv-info-container,.tv-info-section{grid-template-columns:1fr}.tv-hero-stats{flex-wrap:wrap;gap:1rem}.tv-stat{flex:1;min-width:200px}}@media (max-width:768px){.tv-hero-banner{height:350px;min-height:350px}.tv-hero-banner:before{opacity:.3;width:100vw;-webkit-mask:linear-gradient(#0000,#0003 40%,#0009);mask:linear-gradient(#0000,#0003 40%,#0009)}.tv-hero-content{text-align:center}.tv-hero-title{font-size:2rem;line-height:1.2}.tv-hero-description{margin-bottom:1.5rem;font-size:1rem}.tv-hero-stats{justify-content:center}.tv-main-section{margin:-6rem auto 0;padding:2rem 0}.tv-main-container{gap:2rem;padding:0 1rem}.tv-info-container,.tv-info-section{grid-template-columns:1fr}.tv-current-program{padding:1.5rem}.tv-current-program-header{flex-direction:column;align-items:flex-start;gap:1rem}.tv-current-program-title{font-size:1.5rem}.tv-current-program-actions{flex-direction:column}.tv-program-action-button{justify-content:center;width:100%}.tv-upcoming-programs{padding:1.5rem}.tv-upcoming-item{flex-direction:column;gap:.75rem}.tv-upcoming-time{min-width:auto}}@media (max-width:480px){.tv-hero-banner{height:300px;min-height:300px}.tv-hero-title{font-size:1.75rem}.tv-hero-subtitle{margin-bottom:.75rem;font-size:1rem}.tv-hero-description{margin-bottom:1.25rem;font-size:.9rem}.tv-hero-stats{flex-direction:column;gap:.75rem}.tv-stat{padding:.75rem 1rem}.tv-main-section{margin:-4rem auto 0;padding:1.5rem 0}.tv-current-program,.tv-upcoming-programs{border-radius:12px;padding:1rem}.tv-current-program-title{font-size:1.25rem}.tv-current-program-description{font-size:.95rem}.tv-program-action-button{padding:.75rem 1.25rem;font-size:.9rem}.tv-upcoming-title{font-size:1.125rem}.tv-player-container{border-radius:12px}}@media (max-width:767px){.radio-player{z-index:1000;border-top:1px solid #fff3;max-height:calc(100vh - 80px);position:fixed;bottom:0;box-shadow:0 -2px 10px #0000004d}.main-content,main{padding-bottom:100px}.player-container{flex-direction:column;grid-template-columns:none;gap:.75rem;max-width:none;padding:.75rem;display:flex}.mobile-player-top{align-items:center;gap:.75rem;width:100%;display:flex}.player-info{flex:1;gap:.75rem;min-width:0}.album-art{flex-shrink:0;width:48px;height:48px}.track-info{flex:1;min-width:0}.program-name{margin-bottom:1px;font-size:.7rem}.track-title{margin-bottom:1px;font-size:.85rem;line-height:1.2}.artist-name{font-size:.75rem;line-height:1.2}.player-controls{flex-shrink:0;gap:.5rem}.history-button{background:#ffffff1a;border-radius:50%;width:36px;height:36px;padding:0}.play-button{flex-shrink:0;width:44px;height:44px}.mobile-volume-button{color:#fffc;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s;display:flex}.mobile-volume-button:hover{color:#fff;background:#fff3}.desktop-volume-control{display:none}.volume-control{gap:.5rem}.volume-button{background:#ffffff1a;border-radius:50%;width:36px;height:36px;padding:0}.volume-slider{width:60px}.player-actions{border-top:1px solid #ffffff1a;justify-content:center;gap:.5rem;padding-top:.5rem}.popup-button,.tv-button{display:none}.station-selector{flex:1;max-width:200px}.station-button{width:100%;padding:.5rem .75rem;font-size:.8rem}.history-dropdown{border:none;border-top:1px solid #ffffff26;border-radius:0;width:100vw;min-width:auto;max-width:none;margin:0;position:fixed;bottom:120px;left:0;right:0;box-shadow:0 8px 32px #00000080}.history-header{text-align:center;font-size:1rem}.history-header,.history-item{padding:16px 20px}.history-track-title{font-size:.9rem}.history-track-artist{font-size:.8rem}.history-track-time{margin-left:16px;font-size:.8rem}.mobile-volume-modal{z-index:2000;animation:slideUpModal .3s ease-out;position:fixed;bottom:133px;left:0;right:0}.mobile-volume-backdrop{z-index:-1;background:#00000080;position:fixed;inset:0}.mobile-volume-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141414f2;border-top:1px solid #ffffff26;box-shadow:0 -8px 32px #00000080}.mobile-volume-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.mobile-volume-header span{color:#fff;font-size:1rem;font-weight:600}.mobile-volume-close{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;font-size:24px;line-height:1;transition:all .2s;display:flex}.mobile-volume-close:hover{color:#fff;background:#ffffff1a}.mobile-volume-controls{align-items:center;gap:16px;padding:20px;display:flex}.mobile-volume-mute-button{color:#fffc;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.mobile-volume-mute-button:hover{color:#fff;background:#fff3}.mobile-volume-slider{cursor:pointer;-webkit-appearance:none;background:#fff3;border-radius:3px;outline:none;flex:1;height:6px}.mobile-volume-slider::-webkit-slider-thumb{appearance:none;background:var(--color-fomix-blue);cursor:pointer;border-radius:50%;width:20px;height:20px;transition:all .2s;box-shadow:0 2px 8px #0000004d}.mobile-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #322ce866}.mobile-volume-slider::-moz-range-thumb{background:var(--color-fomix-blue);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #0000004d}.mobile-volume-percentage{color:#fff;text-align:right;flex-shrink:0;min-width:40px;font-size:.9rem;font-weight:600}@keyframes slideUpModal{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.station-dropdown{width:100%;min-width:auto;left:0;right:0}}@media (min-width:768px) and (max-width:1023px){.radio-player .player-container{flex-direction:row;grid-template-columns:1fr auto 1fr;align-items:center;padding:1rem 1.5rem;display:grid}.player-info{gap:1rem}.album-art{width:52px;height:52px}.player-actions{border-top:none;padding-top:0}.history-dropdown{border:1px solid #ffffff1f;border-radius:12px;min-width:340px;max-width:400px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0006}.history-header{font-size:.95rem}.history-header,.history-item{padding:14px 18px}.main-content,main{padding-bottom:80px}}@media (min-width:1024px){body{padding-bottom:0!important}.main-content,main{padding-bottom:0}.mobile-player-top{display:contents}.player-container{flex-direction:row!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;display:grid!important}.player-actions{border-top:none!important;padding-top:0!important}.mobile-volume-button{display:none}.mobile-volume-modal{display:none!important}.desktop-volume-control{display:flex}}.instellingen-auth-required,.instellingen-loading-page{background:#f8fafc;justify-content:center;align-items:center;min-height:100vh;display:flex}.instellingen-auth-container,.instellingen-loading-container{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:400px;padding:3rem;box-shadow:0 10px 40px #52555a1a}.instellingen-loading-spinner{border:3px solid #e5e7eb;border-top:3px solid var(--color-fomix-green);border-radius:50%;width:40px;height:40px;margin:0 auto 1rem;animation:spin 1s linear infinite}.instellingen-auth-container svg{color:var(--color-fomix-blue);margin-bottom:1rem}.instellingen-login-button{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;border-radius:50px;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.instellingen-login-button:hover{transform:translateY(-2px);box-shadow:0 5px 20px #322ce84d}.instellingen-hero-banner{padding:calc(var(--navbar-height) + 6rem)0 4rem 0;background:linear-gradient(135deg,var(--color-fomix-green)0,var(--color-fomix-blue)100%);margin-top:calc(-1*var(--navbar-height));position:relative;overflow:hidden}.instellingen-hero-banner:after{content:"";opacity:.08;z-index:2;pointer-events:none;background-image:url(/img/logo/x.png);background-position:0 100%;background-repeat:no-repeat;background-size:contain;width:800px;height:800px;position:absolute;bottom:0;left:0}.instellingen-hero-content{z-index:10;max-width:1600px;margin:0 auto;padding:0;position:relative}.instellingen-hero-main{align-items:center;gap:3rem;margin-bottom:3rem;display:flex}.instellingen-hero-icon{flex-shrink:0}.instellingen-icon-container{color:#fff;background:#fff3;border:3px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;display:flex;box-shadow:0 10px 30px #0003}.instellingen-hero-text{color:#fff;flex:1}.instellingen-hero-title{margin-bottom:1rem;font-size:3rem;font-weight:800;line-height:1.2}.instellingen-hero-description{opacity:.9;max-width:600px;font-size:1.25rem;line-height:1.6}.instellingen-hero-stats{flex-wrap:wrap;gap:2rem;display:flex}.instellingen-hero-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border-radius:16px;align-items:center;gap:.75rem;min-width:180px;padding:1rem 1.5rem;display:flex}.instellingen-hero-stat svg{opacity:.8;flex-shrink:0}.instellingen-stat-label{opacity:.8;margin-bottom:.25rem;font-size:.875rem;display:block}.instellingen-stat-value{font-size:1rem;font-weight:700;line-height:1;display:block}.instellingen-navigation{z-index:3;background:#fff;border-bottom:1px solid #e5e7eb;position:relative;box-shadow:0 2px 10px #0000000d}.instellingen-nav-container{align-items:center;gap:2rem;max-width:1600px;margin:0 auto;padding:1rem 2rem;display:flex}.instellingen-back-link{color:var(--color-fomix-blue);border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.instellingen-back-link:hover{background:#322ce81a;transform:translate(-2px)}.instellingen-nav-title{color:#1f2937;margin:0;font-size:1.5rem;font-weight:700}.instellingen-main-section{background:#f8fafc;min-height:calc(100vh - 300px);padding:3rem 0}.instellingen-main-container{grid-template-columns:300px 1fr;align-items:start;gap:3rem;max-width:1600px;margin:0 auto;padding:0;display:grid}.instellingen-sidebar{top:calc(var(--navbar-height) + 2rem);position:sticky}.instellingen-tabs{background:#fff;border:1px solid #f1f5f9;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px #52555a1a}.instellingen-tab{text-align:left;color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #f1f5f9;align-items:center;gap:.75rem;width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.instellingen-tab:last-child{border-bottom:none}.instellingen-tab:hover{color:#1e293b;background:#f8fafc}.instellingen-tab.active{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;font-weight:600}.instellingen-tab svg{flex-shrink:0}.instellingen-content{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:2rem;box-shadow:0 10px 40px #52555a1a}.instellingen-section{max-width:100%}.instellingen-section-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.instellingen-section-header svg{color:var(--color-fomix-blue)}.instellingen-section-title{color:#1e293b;margin:0;font-size:1.75rem;font-weight:700}.instellingen-section-description{color:#64748b;margin:.25rem 0 0;font-size:1rem;line-height:1.5}.instellingen-message{border-radius:12px;align-items:center;gap:.75rem;margin-bottom:2rem;padding:1rem 1.5rem;font-weight:500;display:flex}.instellingen-message.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.instellingen-message.error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.instellingen-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.instellingen-card.danger{background:#fef2f2;border-color:#fecaca}.instellingen-card-disabled{opacity:.7;background:#f1f5f9!important;border-color:#cbd5e1!important}.instellingen-card-disabled .instellingen-card-title{color:#64748b!important}.instellingen-card-disabled .instellingen-card-description{color:#94a3b8!important}.instellingen-card-title{color:#1e293b;margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.instellingen-card-description{color:#64748b;margin:0 0 1.5rem;font-size:.875rem;line-height:1.5}.instellingen-form-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.instellingen-form-group{margin-bottom:1rem}.instellingen-form-label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.instellingen-form-input,.instellingen-form-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.instellingen-form-input:focus,.instellingen-form-select:focus{border-color:var(--color-fomix-blue);outline:none;box-shadow:0 0 0 3px #322ce81a}.instellingen-input-icon{align-items:center;display:flex;position:relative}.instellingen-input-icon svg:first-child{color:#9ca3af;z-index:2;position:absolute;left:.75rem}.instellingen-input-icon input{padding-left:2.5rem}.instellingen-password-toggle{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:.25rem;transition:color .2s;position:absolute;right:.75rem}.instellingen-password-toggle:hover{color:#6b7280}.instellingen-button{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;min-height:48px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.instellingen-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.instellingen-button.primary{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff}.instellingen-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #322ce84d}.instellingen-button.secondary{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0}.instellingen-button.secondary:hover:not(:disabled){background:#f1f5f9;transform:translateY(-1px)}.instellingen-button.danger{color:#fff;background:#dc2626}.instellingen-button.danger:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.instellingen-toggle-group{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.instellingen-toggle-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.instellingen-toggle-info{flex:1;align-items:center;gap:.75rem;display:flex}.instellingen-toggle-info svg{color:#64748b;flex-shrink:0}.instellingen-toggle-label{color:#1e293b;margin-bottom:.25rem;font-weight:500;display:block}.instellingen-toggle-description{color:#64748b;font-size:.875rem;line-height:1.4;display:block}.instellingen-toggle{cursor:pointer;background:#cbd5e1;border:none;border-radius:14px;flex-shrink:0;width:50px;height:28px;transition:background-color .2s;position:relative}.instellingen-toggle.active{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue))}.instellingen-toggle-slider{background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 2px 6px #00000026}.instellingen-toggle.active .instellingen-toggle-slider{transform:translate(22px)}.instellingen-info-card{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.instellingen-info-title{color:#0c4a6e;margin:0 0 .75rem;font-size:1rem;font-weight:600}.instellingen-info-text{color:#0369a1;margin:0;font-size:.875rem;line-height:1.5}.instellingen-info-list{margin:0;padding:0;list-style:none}.instellingen-info-list li{color:#0369a1;margin-bottom:.5rem;padding-left:1.5rem;font-size:.875rem;line-height:1.5;position:relative}.instellingen-info-list li:before{content:"•";color:var(--color-fomix-blue);font-weight:700;position:absolute;left:0}.instellingen-2fa-setup{flex-direction:column;gap:1.5rem;display:flex}.instellingen-2fa-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;align-items:center;gap:1rem;padding:1rem;display:flex}.instellingen-2fa-info svg{color:var(--color-fomix-blue);flex-shrink:0}.instellingen-2fa-info h4{color:#0c4a6e;margin:0 0 .5rem;font-size:1rem;font-weight:600}.instellingen-2fa-info p{color:#0369a1;margin:0;font-size:.875rem;line-height:1.5}.instellingen-2fa-enabled{flex-direction:column;gap:1rem;display:flex}.instellingen-status-indicator{border-radius:8px;align-items:center;gap:.75rem;padding:1rem;font-weight:500;display:flex}.instellingen-disco-toggle{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;transition:all .3s;display:flex}.instellingen-disco-toggle:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.instellingen-disco-info{flex:1;align-items:center;gap:1rem;display:flex}.instellingen-disco-icon{background:linear-gradient(135deg,#ff6b00,#f80);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;box-shadow:0 4px 15px #ff6b004d}.instellingen-disco-info:hover .instellingen-disco-icon{transform:scale(1.1)rotate(5deg);box-shadow:0 6px 20px #ff6b0066}.instellingen-disco-label{color:#1e293b;margin-bottom:.25rem;font-size:1.1rem;font-weight:600}.instellingen-disco-sublabel{color:#64748b;font-size:.875rem;line-height:1.4}.instellingen-disco-button{cursor:pointer;background:#cbd5e1;border:none;border-radius:18px;flex-shrink:0;width:64px;height:36px;transition:all .3s;position:relative}.instellingen-disco-button:hover{transform:scale(1.05);box-shadow:0 4px 15px #00000026}.instellingen-disco-button.active{background:linear-gradient(135deg,#ff6b00,#f80);box-shadow:0 4px 15px #ff6b0066}.instellingen-disco-slider{background:#fff;border-radius:50%;width:32px;height:32px;transition:all .3s;position:absolute;top:2px;left:2px;box-shadow:0 2px 8px #0003}.instellingen-disco-button.active .instellingen-disco-slider{background:linear-gradient(135deg,#fff,#f8fafc);transform:translate(28px)}.instellingen-disco-knob{background:radial-gradient(circle at 30% 30%,#fffc,#0000);border-radius:50%;width:100%;height:100%}.instellingen-disco-unavailable{opacity:.7;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;display:flex}.instellingen-disco-unavailable .instellingen-disco-icon{box-shadow:none;background:#94a3b8}.instellingen-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;animation:modalFadeIn .3s ease-out;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.instellingen-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;animation:modalSlideIn .3s ease-out;overflow-y:auto;box-shadow:0 20px 50px #0000004d}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.instellingen-modal-header{text-align:center;border-bottom:1px solid #e2e8f0;flex-direction:column;align-items:center;gap:1rem;padding:2rem 2rem 1rem;display:flex}.instellingen-modal-header h3{color:#dc2626;margin:0;font-size:1.5rem;font-weight:700}.instellingen-modal-content{color:#374151;padding:2rem;line-height:1.6}.instellingen-modal-content p{margin-bottom:1rem}.instellingen-modal-content strong{color:#dc2626;font-weight:600}.instellingen-modal-content ul{margin:1rem 0;padding-left:1.5rem}.instellingen-modal-content li{color:#4b5563;margin-bottom:.5rem}.instellingen-modal-actions{justify-content:flex-end;gap:1rem;padding:1rem 2rem 2rem;display:flex}.instellingen-modal-actions .instellingen-button{justify-content:center;min-width:120px}@media (max-width:768px){.instellingen-disco-toggle{text-align:center;flex-direction:column;align-items:center;gap:1.5rem}.instellingen-modal{max-width:calc(100% - 2rem);margin:1rem}.instellingen-modal-actions{flex-direction:column}}.instellingen-status-indicator.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.instellingen-2fa-actions{gap:1rem;display:flex}.instellingen-login-history{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.instellingen-login-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.instellingen-login-item.current{background:#f0fdf4;border-color:#bbf7d0}.instellingen-login-info{flex:1;align-items:center;gap:.75rem;display:flex}.instellingen-login-info svg{color:#64748b;flex-shrink:0}.instellingen-login-device{color:#1e293b;margin-bottom:.25rem;font-weight:500;display:block}.instellingen-login-meta{color:#64748b;align-items:center;gap:1rem;font-size:.75rem;display:flex}.instellingen-login-meta span{align-items:center;gap:.25rem;display:flex}.instellingen-current-badge{color:#166534;background:#bbf7d0;border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.instellingen-login-actions{gap:1rem;margin-top:1rem;display:flex}.instellingen-login-actions .instellingen-button{flex:1}.instellingen-empty-state{color:#64748b;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;display:flex}.instellingen-empty-state svg{opacity:.6;margin-bottom:1rem}.instellingen-empty-state p{margin:0;font-size:.875rem}.instellingen-danger-actions{margin-top:1rem}.instellingen-delete-confirm{background:#fff;border:1px solid #fecaca;border-radius:8px;padding:1rem}.instellingen-delete-warning{color:#dc2626;align-items:center;gap:.75rem;margin:0 0 1rem;font-weight:500;display:flex}.instellingen-delete-warning svg{flex-shrink:0}.instellingen-delete-actions{gap:1rem;display:flex}@media (max-width:768px){.instellingen-hero-banner{margin-top:-5rem;padding:11rem 0 2rem}.instellingen-hero-main{text-align:center;flex-direction:column;gap:2rem}.instellingen-hero-title{font-size:2rem}.instellingen-hero-stats{flex-direction:column;justify-content:center;gap:1rem}.instellingen-hero-stat{min-width:auto}.instellingen-main-container{grid-template-columns:1fr;gap:2rem;padding:0 1rem}.instellingen-sidebar{position:static}.instellingen-tabs{grid-template-columns:repeat(2,1fr);gap:0;display:grid}.instellingen-tab{text-align:center;justify-content:center;padding:.75rem 1rem;font-size:.875rem}.instellingen-tab span{display:none}.instellingen-content{padding:1.5rem}.instellingen-form-grid{grid-template-columns:1fr}.instellingen-hero-content{padding:0 1rem}.instellingen-nav-container{padding:1rem}.instellingen-main-section{padding:2rem 0}.instellingen-section{overflow-x:hidden}}@media (max-width:480px){.instellingen-hero-title{font-size:1.75rem}.instellingen-tabs{grid-template-columns:repeat(4,1fr)}.instellingen-tab{gap:.25rem;padding:.75rem .5rem}.instellingen-delete-actions,.instellingen-tab{flex-direction:column}.instellingen-toggle-item{flex-direction:column;align-items:stretch;gap:.75rem}.instellingen-2fa-info h4{font-size:1rem}.instellingen-2fa-info p{font-size:.8125rem}.instellingen-login-meta{font-size:.6875rem}.instellingen-current-badge{padding:.125rem .5rem;font-size:.6875rem}.instellingen-card,.instellingen-content{padding:1rem}.instellingen-section-header{margin-bottom:1.5rem;padding-bottom:.75rem}.instellingen-login-actions{display:flex}.instellingen-login-actions .instellingen-button{justify-content:center;width:100%}.instellingen-empty-state{color:#64748b;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.instellingen-empty-state svg{opacity:.6;margin-bottom:1rem}.instellingen-empty-state p{margin:0;font-size:.875rem}.instellingen-2fa-setup{padding:1rem}.instellingen-2fa-info{text-align:center;flex-direction:column;align-items:center;gap:1rem}.instellingen-2fa-info svg{margin-bottom:.5rem}.instellingen-2fa-verify{width:100%}.instellingen-button-group{flex-direction:column;gap:.75rem}.instellingen-button-group .instellingen-button{justify-content:center;width:100%}.instellingen-login-history{gap:1rem}.instellingen-login-item{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}.instellingen-login-info{text-align:left}.instellingen-login-info,.instellingen-login-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.instellingen-login-meta{font-size:.75rem}.instellingen-current-badge{align-self:flex-start;margin-top:.5rem}.instellingen-2fa-actions{flex-direction:column;gap:.75rem}.instellingen-2fa-actions .instellingen-button{justify-content:center;width:100%}.instellingen-login-actions{flex-direction:column;gap:.75rem}.instellingen-status-indicator{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:1rem}.instellingen-delete-confirm{padding:1rem}.instellingen-delete-warning{gap:.75rem}.instellingen-delete-warning,.instellingen-section-header{text-align:center;flex-direction:column;align-items:center}.instellingen-section-header{gap:1rem}.instellingen-card{padding:1.5rem}.instellingen-card,.instellingen-form-group{margin-bottom:1.5rem}.instellingen-form-input,.instellingen-form-select{width:100%;font-size:16px}.instellingen-input-group{width:100%}.instellingen-input-group label{margin-bottom:.5rem;font-weight:600;display:block}.instellingen-input-group input{box-sizing:border-box;width:100%;font-size:16px}.instellingen-button{box-sizing:border-box;width:100%;min-width:auto}.instellingen-card-title{font-size:1.25rem}.instellingen-card-description,.instellingen-toggle-label{font-size:.875rem}.instellingen-toggle-description{font-size:.75rem}.instellingen-login-device,.instellingen-login-meta span{word-break:break-word;overflow-wrap:break-word}}.archief-hero{background:linear-gradient(135deg,var(--color-fomix-blue),var(--color-fomix-green));color:#fff;margin-top:calc(var(--navbar-height)*-1);padding:8rem 0 4rem;position:relative;overflow:hidden}.archief-hero:before{content:"";background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="80" r="3" fill="rgba(255,255,255,0.05)"/><circle cx="60" cy="30" r="1" fill="rgba(255,255,255,0.1)"/></svg>');animation:float 25s ease-in-out infinite;position:absolute;inset:0}.archief-hero-container{z-index:2;max-width:1600px;margin:75px auto 0;padding:0;position:relative}.archief-hero-content{text-align:center;max-width:800px;margin:0 auto}.archief-hero-icon{opacity:.9;margin-bottom:2rem}.archief-hero-title{text-shadow:0 2px 10px #0000004d;margin-bottom:1.5rem;font-size:3.5rem;font-weight:700}.archief-hero-description{opacity:.95;margin-bottom:3rem;font-size:1.25rem;line-height:1.6}.archief-hero-stats{flex-wrap:wrap;justify-content:center;gap:3rem;display:flex}.archief-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:1.1rem;font-weight:500;display:flex}.archief-controls{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:2rem 0}.archief-controls-container{flex-wrap:wrap;align-items:center;gap:2rem;max-width:1600px;margin:0 auto;padding:0;display:flex}.archief-search{flex:1;min-width:300px;position:relative}.archief-search svg{color:#64748b;pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.archief-search-input{background:#fff;border:1px solid #d1d5db;border-radius:12px;width:100%;padding:.875rem 1rem .875rem 3rem;font-size:1rem;transition:all .2s}.archief-search-input:focus{border-color:var(--color-fomix-green);outline:none;box-shadow:0 0 0 3px #22c55e1a}.archief-filters{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.archief-filter-select{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:12px;min-width:140px;padding:.875rem 1rem;font-size:1rem;transition:all .2s}.archief-filter-select:focus{border-color:var(--color-fomix-green);outline:none;box-shadow:0 0 0 3px #22c55e1a}.archief-section-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;overflow:hidden}.archief-section-tab{cursor:pointer;color:#1f2937;background:0 0;border:none;border-right:1px solid #e5e7eb;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.archief-section-tab:last-child{border-right:none}.archief-section-tab:hover{color:#111827;background:#f1f5f9;box-shadow:0 2px 8px #0000001a}.archief-section-tab.active{background:var(--color-fomix-green);color:#fff}.archief-error,.archief-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:4rem 2rem;display:flex}.archief-loading-spinner{border:4px solid #f3f4f6;border-top:4px solid var(--color-fomix-green);border-radius:50%;width:48px;height:48px;margin-bottom:1rem;animation:spin 1s linear infinite}.archief-error svg{color:#ef4444;margin-bottom:1rem}.archief-retry-button{background:var(--color-fomix-green);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:1rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s}.archief-retry-button:hover{background:var(--color-fomix-green-dark)}.archief-featured{background:#fff;padding:4rem 0}.archief-featured-container{max-width:1600px;margin:0 auto;padding:0}.archief-featured-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem;display:grid}.archief-featured-card{color:inherit;background:#fff;border-radius:16px;text-decoration:none;transition:all .3s;overflow:hidden;box-shadow:0 4px 20px #00000014}.archief-featured-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.archief-featured-image{aspect-ratio:16/9;position:relative;overflow:hidden}.archief-featured-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.archief-featured-card:hover .archief-featured-image img{transform:scale(1.05)}.archief-featured-overlay{opacity:0;background:#0006;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.archief-featured-card:hover .archief-featured-overlay{opacity:1}.archief-featured-overlay svg{color:#fff}.archief-featured-content{padding:1.5rem}.archief-featured-content h3{margin:.5rem 0;font-size:1.25rem;font-weight:700;line-height:1.3}.archief-featured-content p{color:#374151;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1rem;font-weight:500;line-height:1.5;display:-webkit-box;overflow:hidden}.archief-content-type,.archief-featured-category{text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000001a;border-radius:12px;padding:.375rem 1rem;font-size:.75rem;font-weight:600;display:inline-block}.archief-sections{background:#f8fafc;padding:4rem 0}.archief-sections-container{max-width:1600px;margin:0 auto;padding:0}.archief-section{background:#fff;border-radius:16px;margin-bottom:3rem;padding:2rem;box-shadow:0 4px 20px #00000014}.archief-section-header{align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.archief-section-header>div{flex:1}.archief-section-header h2{color:#1f2937;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.archief-section-header p{color:#64748b;line-height:1.5}.archief-section-link{color:var(--color-fomix-green);white-space:nowrap;align-items:center;gap:.5rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.archief-section-link:hover{color:var(--color-fomix-green-dark);transform:translate(4px)}.archief-yearly-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.archief-year-card{color:inherit;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;text-decoration:none;transition:all .3s}.archief-year-card:hover{border-color:var(--color-fomix-green);transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.archief-year-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.archief-year-header h3{color:#1f2937;font-size:1.5rem;font-weight:700}.archief-year-stats{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.archief-year-stat{color:#64748b;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.archief-year-categories{flex-wrap:wrap;gap:.5rem;display:flex}.archief-year-category{color:#059669;background:#22c55e1a;border-radius:6px;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.archief-content-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.archief-content-card{color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:12px;text-decoration:none;transition:all .3s;overflow:hidden}.archief-content-card:hover{border-color:var(--color-fomix-green);transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.archief-content-image{aspect-ratio:16/9;position:relative;overflow:hidden}.archief-content-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.archief-content-card:hover .archief-content-image img{transform:scale(1.05)}.archief-content-card-wrapper{position:relative}.archief-play-button{color:#fff;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(10px);background:#000000d9;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 4px 15px #0000004d}.archief-play-button:hover{background:#000000f2;border-color:#ffffff80;transform:scale(1.1);box-shadow:0 6px 20px #0006}.archief-play-button.playing{background:var(--color-fomix-green);box-shadow:0 0 20px #00b89466}.archief-play-button.playing:hover{background:#059669}.archief-content-overlay{opacity:0;background:#0006;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.archief-content-card:hover .archief-content-overlay{opacity:1}.archief-content-overlay svg{color:#fff}.archief-content-info{padding:1.25rem}.archief-content-info h4{color:#1f2937;margin-bottom:.5rem;font-size:1.125rem;font-weight:600;line-height:1.3}.archief-content-meta{color:#374151;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.875rem;font-weight:500;display:flex}.archief-content-stats{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.archief-content-stat{color:#374151;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;display:flex}.archief-content-category{border:1px solid #0000001a;border-radius:8px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.archief-section-footer{text-align:center;border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:2rem}.archief-view-all-button{background:var(--color-fomix-green);color:#fff;border-radius:12px;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.archief-view-all-button:hover{background:var(--color-fomix-green-dark);transform:translateY(-2px)}.archief-quick-access{background:#fff;border-top:1px solid #e5e7eb;padding:4rem 0}.archief-quick-access-container{text-align:center;max-width:1600px;margin:0 auto;padding:0}.archief-quick-access h2{color:#1f2937;margin-bottom:2rem;font-size:1.75rem;font-weight:700}.archief-quick-links{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.archief-quick-link{color:#111827;background:#fff;border:2px solid #e5e7eb;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000d}.archief-quick-link:hover{background:var(--color-fomix-green);color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #22c55e4d}@media (max-width:768px){.archief-hero{padding:6rem 0 3rem}.archief-hero-title{font-size:2.5rem}.archief-hero-stats{flex-direction:column;align-items:center;gap:1.5rem}.archief-controls-container{flex-direction:column;align-items:stretch}.archief-search{min-width:auto}.archief-section-tabs{flex-direction:column}.archief-section-tab{border-bottom:1px solid #e5e7eb;border-right:none}.archief-section-tab:last-child{border-bottom:none}.archief-section-header{flex-direction:column;gap:1rem}.archief-section-link{align-self:flex-start}.archief-quick-links{flex-direction:column;align-items:center}.archief-quick-link{justify-content:center;width:100%;max-width:300px}}@media (max-width:480px){.archief-controls-container,.archief-featured-container,.archief-hero-container,.archief-quick-access-container,.archief-sections-container{padding:0 1rem}.archief-hero-title{font-size:2rem}.archief-content-grid,.archief-featured-grid,.archief-yearly-grid{grid-template-columns:1fr}.archief-section{margin-bottom:2rem;padding:1.5rem}.archief-section-hero{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;margin-top:calc(var(--navbar-height)*-1);padding:4rem 0 2rem;padding-top:calc(8rem + var(--navbar-height))}.archief-section-hero-title{font-size:2rem}.archief-year-hero{padding:4rem 0 2rem}.archief-year-hero-title{font-size:2rem}.archief-section-hero-stats,.archief-year-hero-stats{flex-direction:column;align-items:center;gap:1rem}.archief-year-months-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.archief-section-controls-container{flex-direction:column;align-items:stretch}.archief-pagination-container{gap:1rem}.archief-pagination-button{padding:.5rem 1rem;font-size:.875rem}}.programma-action-button.success{color:#fff;background:linear-gradient(135deg,#059669,#34d399);border:none}.programma-action-button.success:hover{background:linear-gradient(135deg,#047857,#10b981);transform:translateY(-2px)}.programma-action-button.success:active{transform:translateY(0)}.themastations-hero{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;margin-top:calc(var(--navbar-height)*-1);padding:8rem 0 4rem;position:relative;overflow:hidden}.themastations-hero:before{content:"";background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="25" cy="25" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="3" fill="rgba(255,255,255,0.05)"/><circle cx="90" cy="20" r="1" fill="rgba(255,255,255,0.1)"/></svg>');animation:float 20s ease-in-out infinite;position:absolute;inset:0}.themastations-hero-container{z-index:2;max-width:1600px;margin:0 auto;padding:0;position:relative}.themastations-hero-content{text-align:center;max-width:800px;margin:75px auto 0}.themastations-hero-icon{opacity:.9;margin-bottom:2rem}.themastations-hero-title{text-shadow:0 2px 10px #0000004d;margin-bottom:1.5rem;font-size:3.5rem;font-weight:700}.themastations-hero-description{opacity:.95;margin-bottom:3rem;font-size:1.25rem;line-height:1.6}.themastations-hero-stats{flex-wrap:wrap;justify-content:center;gap:3rem;display:flex}.themastations-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:1.1rem;font-weight:500;display:flex}.themastations-controls{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:2rem 0}.themastations-controls-container{flex-wrap:wrap;align-items:center;gap:2rem;max-width:1600px;margin:0 auto;padding:0;display:flex}.themastations-search{flex:1;min-width:300px;position:relative}.themastations-search svg{color:#64748b;pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.themastations-search-input{background:#fff;border:1px solid #d1d5db;border-radius:12px;width:100%;padding:.875rem 1rem .875rem 3rem;font-size:1rem;transition:all .2s}.themastations-search-input:focus{border-color:var(--color-fomix-green);outline:none;box-shadow:0 0 0 3px #22c55e1a}.themastations-filter{align-items:center;gap:.75rem;display:flex;position:relative}.themastations-filter svg{color:#64748b}.themastations-filter-select{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:12px;min-width:180px;padding:.875rem 1rem;font-size:1rem;transition:all .2s}.themastations-filter-select:focus{border-color:var(--color-fomix-green);outline:none;box-shadow:0 0 0 3px #22c55e1a}.themastations-content{min-height:60vh;padding:4rem 0}.themastations-content-container{max-width:1600px;margin:0 auto;padding:0}.themastations-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.themastations-loading-spinner{border:4px solid #f3f4f6;border-top:4px solid var(--color-fomix-green);border-radius:50%;width:48px;height:48px;margin-bottom:1rem;animation:spin 1s linear infinite}.themastations-loading p{color:#64748b;font-size:1.1rem}.themastations-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.themastations-error svg{color:#ef4444;margin-bottom:1rem}.themastations-error h3{color:#1f2937;margin-bottom:.5rem;font-size:1.5rem}.themastations-error p{color:#64748b;margin-bottom:2rem}.themastations-retry-button{background:var(--color-fomix-green);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.875rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s}.themastations-retry-button:hover{background:var(--color-fomix-green-dark);transform:translateY(-2px)}.themastations-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.themastations-empty svg{color:#9ca3af;margin-bottom:1rem}.themastations-empty h3{color:#1f2937;margin-bottom:.5rem;font-size:1.5rem}.themastations-empty p{color:#64748b}.themastations-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-top:2rem;display:grid}.themastations-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014}.themastations-card:hover{border-color:var(--color-fomix-green);transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.themastations-card-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.themastations-card-logo{object-fit:cover;border:2px solid #e5e7eb;border-radius:12px;width:64px;height:64px}.themastations-card-logo-placeholder{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.themastations-card-status{gap:.75rem}.themastations-card-quality,.themastations-card-status{align-items:center;display:flex}.themastations-quality-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.themastations-card-content{padding:1.5rem}.themastations-card-title{color:#1f2937;margin-bottom:.75rem;font-size:1.25rem;font-weight:700;line-height:1.3}.themastations-card-description{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1rem;line-height:1.5;display:-webkit-box;overflow:hidden}.themastations-card-meta{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;display:flex}.themastations-card-audience,.themastations-card-bitrate,.themastations-card-genre{color:#64748b;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.themastations-card-audience{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1rem;padding:.5rem .75rem}.themastations-card-listeners{color:#059669;background:#ecfdf5;border:1px solid #d1fae5;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;display:flex}.themastations-card-actions{gap:.75rem;padding:0 1.5rem 1.5rem;display:flex}.themastations-play-button{background:var(--color-fomix-green);color:#fff;cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.themastations-play-button:hover{background:var(--color-fomix-green-dark);transform:translateY(-2px)}.themastations-play-button.playing{background:#ef4444}.themastations-play-button.playing:hover{background:#dc2626}.themastations-website-button{color:#374151;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:.5rem;padding:.875rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.themastations-website-button:hover{background:#f1f5f9;border-color:#d1d5db;transform:translateY(-2px)}@media (max-width:768px){.themastations-hero{padding:6rem 0 3rem}.themastations-hero-title{font-size:2.5rem}.themastations-hero-stats{flex-direction:column;align-items:center;gap:1.5rem}.themastations-controls-container{flex-direction:column;align-items:stretch}.themastations-search{min-width:auto}.themastations-filter-select{width:100%;min-width:auto}.themastations-grid{grid-template-columns:1fr;gap:1.5rem}.themastations-card-actions{flex-direction:column}.themastations-card-meta{flex-direction:column;gap:.75rem}}@media (max-width:480px){.themastations-content-container,.themastations-controls-container,.themastations-hero-container{padding:0 1rem}.themastations-hero-title{font-size:2rem}.themastations-card{margin:0 -.5rem}}.zoeken-hero-banner{padding:calc(var(--navbar-height) + 8rem)0 6rem 0;background:linear-gradient(135deg,var(--color-fomix-green)0,var(--color-fomix-blue)100%);margin-top:calc(-1*var(--navbar-height));position:relative;overflow:hidden}.zoeken-hero-banner:after{content:"";opacity:.08;z-index:2;pointer-events:none;background-image:url(/img/logo/x.png);background-position:0 100%;background-repeat:no-repeat;background-size:contain;width:800px;height:800px;position:absolute;bottom:0;left:0}.zoeken-hero-content{z-index:10;max-width:1600px;margin:0 auto;padding:0;position:relative}.zoeken-hero-main{text-align:center;margin-bottom:3rem}.zoeken-hero-text{color:#fff;margin-bottom:3rem}.zoeken-hero-title{margin-bottom:1rem;font-size:3.5rem;font-weight:800;line-height:1.1}.zoeken-hero-description{opacity:.9;max-width:600px;margin:0 auto;font-size:1.25rem;line-height:1.6}.zoeken-search-form{max-width:800px;margin:0 auto}.zoeken-search-container{align-items:stretch;gap:1rem;display:flex}.zoeken-search-input-wrapper{flex:1;align-items:center;display:flex;position:relative}.zoeken-search-icon{color:#9ca3af;z-index:2;position:absolute;left:1.5rem}.zoeken-search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:none;border-radius:50px;width:100%;min-height:60px;padding:1rem 1.5rem 1rem 3.5rem;font-size:1.125rem;transition:all .2s;box-shadow:0 10px 40px #0000001a}.zoeken-search-input:focus{background:#fff;outline:none;box-shadow:0 10px 40px #00000026,0 0 0 3px #ffffff4d}.zoeken-clear-button{color:#9ca3af;cursor:pointer;z-index:3;background:0 0;border:none;border-radius:50%;padding:.5rem;transition:all .2s;position:absolute;right:1rem}.zoeken-clear-button:hover{color:#6b7280;background:#f3f4f6}.zoeken-search-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:50px;align-items:center;gap:.5rem;min-width:140px;min-height:60px;padding:0;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.zoeken-search-button:hover:not(:disabled){background:#ffffff40;border-color:#fff6;transform:translateY(-2px)}.zoeken-search-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.zoeken-search-button-text{display:block}.zoeken-popular-searches{color:#fff;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.zoeken-popular-label{opacity:.8;font-weight:500}.zoeken-popular-tags{flex-wrap:wrap;gap:.75rem;display:flex}.zoeken-popular-tag{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:20px;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.zoeken-popular-tag:hover:not(:disabled){background:#ffffff40;transform:translateY(-1px)}.zoeken-main-section{background:#f8fafc;min-height:calc(100vh - 400px);padding:4rem 0}.zoeken-main-container{max-width:1600px;margin:0 auto;padding:0}.zoeken-results-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.zoeken-results-info h2{margin:0}.zoeken-results-title{color:#1e293b;margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.zoeken-results-description{color:#64748b;margin:0}.zoeken-filters-toggle{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s;display:flex}.zoeken-filters-toggle:hover{background:#f8fafc;border-color:#d1d5db}.zoeken-filters-toggle.active{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;border-color:#0000}.zoeken-filters-container{background:#fff;border:1px solid #f1f5f9;border-radius:16px;margin-bottom:2rem;padding:2rem;box-shadow:0 10px 40px #52555a1a}.zoeken-filters-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;gap:1.5rem;display:grid}.zoeken-filter-group{flex-direction:column;gap:.5rem;display:flex}.zoeken-filter-label{color:#374151;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.zoeken-filter-select{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.zoeken-filter-select:focus{border-color:var(--color-fomix-blue);outline:none;box-shadow:0 0 0 3px #322ce81a}.zoeken-clear-filters-button{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.zoeken-clear-filters-button:hover{color:#475569;background:#f1f5f9}.zoeken-results-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;display:grid}.zoeken-result-card{color:inherit;background:#fff;border:1px solid #f1f5f9;border-radius:16px;text-decoration:none;transition:all .2s;display:block;overflow:hidden;box-shadow:0 10px 40px #52555a1a}.zoeken-result-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #52555a26}.zoeken-result-image{height:200px;position:relative;overflow:hidden}.zoeken-result-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.zoeken-result-card:hover .zoeken-result-img{transform:scale(1.05)}.zoeken-result-placeholder{color:#9ca3af;background:#f1f5f9;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.zoeken-result-type-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#000c;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;display:flex;position:absolute;top:1rem;left:1rem}.zoeken-result-content{padding:1.5rem}.zoeken-result-title{color:#1e293b;margin-bottom:.5rem;font-size:1.125rem;font-weight:600;line-height:1.4}.zoeken-result-excerpt{color:#64748b;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:1rem;line-height:1.5;display:-webkit-box;overflow:hidden}.zoeken-result-meta{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.zoeken-result-meta-item{color:#64748b;align-items:center;gap:.375rem;font-size:.875rem;display:flex}.zoeken-result-status{color:#fff;background:#10b981;border-radius:12px;padding:.125rem .5rem;font-size:.75rem;font-weight:600}.zoeken-loading-results{margin-bottom:3rem}.zoeken-loading-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;display:grid}.zoeken-loading-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px #52555a1a}.zoeken-loading-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;animation:loading-shimmer 2s infinite}.zoeken-loading-image{height:200px}.zoeken-loading-content{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.zoeken-loading-title{border-radius:4px;height:24px}.zoeken-loading-text,.zoeken-loading-text-short{border-radius:4px;height:16px}.zoeken-loading-text-short{width:60%}@keyframes loading-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.zoeken-no-results{text-align:center;padding:4rem 2rem}.zoeken-no-results-content{max-width:500px;margin:0 auto}.zoeken-no-results-icon{color:#9ca3af;margin-bottom:1.5rem}.zoeken-no-results-title{color:#374151;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.zoeken-no-results-description{color:#64748b;margin-bottom:2rem;line-height:1.6}.zoeken-suggestions-title{color:#374151;margin-bottom:1rem;font-weight:500}.zoeken-suggestions-tags{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.zoeken-suggestion-tag{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.zoeken-suggestion-tag:hover{background:var(--color-fomix-blue);color:#fff;border-color:var(--color-fomix-blue)}.zoeken-suggestions{max-width:1200px;margin:0 auto}.zoeken-suggestions-section{margin-bottom:3rem}.zoeken-suggestions-header{color:var(--color-fomix-blue);align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.zoeken-suggestions-title{color:#1e293b;margin:0;font-size:1.5rem;font-weight:700}.zoeken-popular-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;display:grid}.zoeken-popular-item{cursor:pointer;text-align:left;background:#fff;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:1rem;padding:1.5rem;transition:all .2s;display:flex;box-shadow:0 4px 20px #52555a0d}.zoeken-popular-item:hover{border-color:var(--color-fomix-blue);transform:translateY(-2px);box-shadow:0 8px 30px #52555a1a}.zoeken-popular-icon{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.zoeken-popular-content{flex:1}.zoeken-popular-term{color:#1e293b;margin-bottom:.25rem;font-weight:600;display:block}.zoeken-popular-count{color:#64748b;font-size:.875rem}.zoeken-popular-rank{color:var(--color-fomix-blue);opacity:.7;font-size:1.25rem;font-weight:700}.zoeken-categories-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.zoeken-category-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:1rem;padding:2rem;transition:all .2s;display:flex;box-shadow:0 4px 20px #52555a0d}.zoeken-category-card:hover{transform:translateY(-4px);box-shadow:0 10px 40px #52555a26}.zoeken-category-icon{flex-shrink:0;font-size:2rem}.zoeken-category-content{flex:1}.zoeken-category-name{color:#1e293b;margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.zoeken-category-description{color:#64748b;margin:0;line-height:1.4}.zoeken-recent-searches{flex-wrap:wrap;gap:1rem;display:flex}.zoeken-recent-item{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;transition:all .2s;display:flex}.zoeken-recent-item:hover{border-color:var(--color-fomix-blue);color:var(--color-fomix-blue);background:#f8fafc}.zoeken-tips-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:16px;padding:2rem}.zoeken-tips-title{color:#0c4a6e;margin:0 0 1rem;font-size:1.125rem;font-weight:600}.zoeken-tips-list{margin:0;padding:0;list-style:none}.zoeken-tips-list li{color:#0369a1;margin-bottom:.75rem;padding-left:1.5rem;line-height:1.6;position:relative}.zoeken-tips-list li:before{content:"💡";position:absolute;left:0}@media (max-width:768px){.zoeken-hero-banner{margin-top:-5rem;padding:11rem 0 4rem}.zoeken-hero-title{font-size:2.5rem}.zoeken-hero-content{padding:0 1rem}.zoeken-search-container{flex-direction:column;gap:1rem}.zoeken-search-button{justify-content:center;width:100%}.zoeken-popular-searches,.zoeken-results-header{flex-direction:column;gap:1rem}.zoeken-results-header{align-items:stretch}.zoeken-categories-grid,.zoeken-filters-grid,.zoeken-popular-grid,.zoeken-results-grid{grid-template-columns:1fr}.zoeken-main-container{padding:0 1rem}}@media (max-width:480px){.zoeken-hero-title{font-size:2rem}.zoeken-search-input{min-height:50px;padding:.875rem 1rem .875rem 3rem;font-size:1rem}.zoeken-search-button{min-height:50px;padding:0 1.5rem}.zoeken-category-card,.zoeken-popular-item,.zoeken-result-card{border-left:none;border-right:none;border-radius:0;margin:0 -1rem}}.adverteren-hero-banner{padding:calc(var(--navbar-height) + 8rem)0 6rem 0;background:linear-gradient(135deg,var(--color-fomix-green)0,var(--color-fomix-blue)100%);margin-top:calc(-1*var(--navbar-height));position:relative;overflow:hidden}.adverteren-hero-banner:after{content:"";opacity:.08;z-index:2;pointer-events:none;background-image:url(/img/logo/x.png);background-position:0 100%;background-repeat:no-repeat;background-size:contain;width:800px;height:800px;position:absolute;bottom:0;left:0}.adverteren-hero-content{z-index:10;max-width:1600px;margin:0 auto;padding:0;position:relative}.adverteren-hero-main{grid-template-columns:2fr 1fr;align-items:center;gap:4rem;margin-bottom:4rem;display:grid}.adverteren-hero-text{color:#fff}.adverteren-hero-title{margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.1}.adverteren-hero-description{opacity:.95;margin-bottom:2.5rem;font-size:1.25rem;line-height:1.7}.adverteren-hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.adverteren-hero-button{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:.5rem;min-height:56px;padding:1rem 2rem;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.adverteren-hero-button.primary{color:var(--color-fomix-blue);background:#fffffff2}.adverteren-hero-button.primary:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.adverteren-hero-button.secondary{color:#fff;background:0 0;border:2px solid #fff6}.adverteren-hero-button.secondary:hover{background:#ffffff1a;border-color:#fff9;transform:translateY(-2px)}.adverteren-hero-stats{flex-direction:column;gap:2rem;display:flex}.adverteren-hero-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border-radius:16px;align-items:center;gap:1rem;padding:1.5rem;display:flex}.adverteren-hero-stat-icon{background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.adverteren-hero-stat-content strong{margin-bottom:.25rem;font-size:1.5rem;font-weight:700;display:block}.adverteren-hero-stat-content span{opacity:.8;font-size:.9rem}.adverteren-value-props{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.adverteren-value-prop{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border-radius:16px;padding:2rem}.adverteren-value-icon{color:#ffffffe6;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.adverteren-value-prop h3{margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.adverteren-value-prop p{opacity:.9;font-size:.9rem;line-height:1.5}.adverteren-stats-section{background:#f8fafc;padding:6rem 0}.adverteren-stats-container{max-width:1600px;margin:0 auto;padding:0}.adverteren-stats-header{text-align:center;margin-bottom:4rem}.adverteren-stats-title{color:#1e293b;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.adverteren-stats-description{color:#64748b;max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.6}.adverteren-main-stats{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.adverteren-stat-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;align-items:center;gap:1.5rem;padding:2rem;transition:transform .2s;display:flex;box-shadow:0 10px 40px #52555a1a}.adverteren-stat-card:hover{transform:translateY(-4px)}.adverteren-stat-icon{color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.adverteren-stat-value{color:#1e293b;margin-bottom:.25rem;font-size:2rem;font-weight:800}.adverteren-stat-label{color:#64748b;font-weight:500}.adverteren-analytics-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.adverteren-analytics-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:2rem;box-shadow:0 10px 40px #52555a1a}.adverteren-analytics-title{color:#1e293b;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.125rem;font-weight:600;display:flex}.adverteren-demographics,.adverteren-geographic,.adverteren-peak-hours{flex-direction:column;gap:1rem;display:flex}.adverteren-demo-item,.adverteren-geo-item{flex-direction:column;gap:.5rem;display:flex}.adverteren-demo-info,.adverteren-geo-region{justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.adverteren-demo-category,.adverteren-geo-name{color:#374151;font-weight:500}.adverteren-demo-percentage,.adverteren-geo-percentage{color:#1e293b;font-weight:600}.adverteren-demo-bar,.adverteren-geo-bar{background:#f1f5f9;border-radius:4px;height:8px;overflow:hidden}.adverteren-demo-fill,.adverteren-geo-fill{border-radius:4px;height:100%;transition:width .3s}.adverteren-peak-item{background:#f8fafc;border-radius:8px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.adverteren-peak-time strong{color:#1e293b;margin-bottom:.25rem;font-weight:600;display:block}.adverteren-peak-time span{color:#64748b;font-size:.875rem}.adverteren-peak-data{align-items:center;gap:1rem;display:flex}.adverteren-peak-listeners{color:var(--color-fomix-blue);min-width:40px;font-weight:600}.adverteren-peak-bar{background:#e2e8f0;border-radius:3px;width:100px;height:6px;overflow:hidden}.adverteren-peak-fill{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));border-radius:3px;height:100%;transition:width .3s}.adverteren-success-metrics{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:3rem;box-shadow:0 10px 40px #52555a1a}.adverteren-success-title{color:#1e293b;text-align:center;margin-bottom:2rem;font-size:1.5rem;font-weight:700}.adverteren-success-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.adverteren-success-item{background:#f8fafc;border-radius:12px;align-items:center;gap:1rem;padding:1.5rem;display:flex}.adverteren-success-item svg{color:var(--color-fomix-blue);flex-shrink:0}.adverteren-success-item strong{color:#1e293b;margin-bottom:.25rem;font-weight:600;display:block}.adverteren-success-item span{color:#64748b;font-size:.875rem;line-height:1.4}.adverteren-packages-section{background:#fff;padding:6rem 0}.adverteren-packages-container{max-width:1600px;margin:0 auto;padding:0}.adverteren-packages-header{text-align:center;margin-bottom:4rem}.adverteren-packages-title{color:#1e293b;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.adverteren-packages-description{color:#64748b;max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.6}.adverteren-packages-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.adverteren-package-card{cursor:pointer;background:#fff;border:2px solid #f1f5f9;border-radius:20px;padding:2rem;transition:all .3s;position:relative;box-shadow:0 4px 20px #52555a14}.adverteren-package-card:hover{border-color:#e2e8f0;transform:translateY(-8px);box-shadow:0 20px 60px #52555a26}.adverteren-package-card.popular{border-color:var(--color-fomix-blue);box-shadow:0 10px 40px #322ce81a}.adverteren-package-card.selected{border-color:var(--color-fomix-green);background:#f0fdf4}.adverteren-package-badge{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;border-radius:20px;align-items:center;gap:.375rem;padding:.5rem 1.5rem;font-size:.875rem;font-weight:600;display:flex;position:absolute;top:-10px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #322ce84d}.adverteren-package-header{text-align:center;margin-bottom:2rem}.adverteren-package-icon{color:#fff;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex}.adverteren-package-name{color:#1e293b;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.adverteren-package-description{color:#64748b;line-height:1.5}.adverteren-package-pricing{text-align:center;border-bottom:1px solid #f1f5f9;margin-bottom:2rem;padding-bottom:2rem}.adverteren-package-price{justify-content:center;align-items:baseline;gap:.25rem;margin-bottom:.5rem;display:flex}.adverteren-price-amount{color:#1e293b;font-size:3rem;font-weight:800}.adverteren-price-period{color:#64748b;font-size:1.125rem;font-weight:500}.adverteren-price-note{color:#64748b;margin:0;font-size:.875rem}.adverteren-package-features,.adverteren-package-included{margin-bottom:2rem}.adverteren-features-title,.adverteren-included-title{color:#374151;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.875rem;font-weight:600}.adverteren-features-list,.adverteren-included-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.adverteren-feature-item,.adverteren-included-item{color:#374151;align-items:center;gap:.75rem;font-size:.875rem;line-height:1.4;display:flex}.adverteren-feature-item svg{color:#10b981;flex-shrink:0}.adverteren-included-item svg{color:var(--color-fomix-blue);flex-shrink:0}.adverteren-package-button{cursor:pointer;border:none;border-radius:50px;width:100%;min-height:48px;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .2s}.adverteren-package-button.primary{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff}.adverteren-package-button.primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px #322ce84d}.adverteren-package-button.secondary{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0}.adverteren-package-button.secondary:hover{background:#f1f5f9;transform:translateY(-2px)}.adverteren-additional-options{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.adverteren-option-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.adverteren-option-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.adverteren-option-header svg{color:var(--color-fomix-blue)}.adverteren-option-header h3{color:#1e293b;margin:0;font-size:1.25rem;font-weight:600}.adverteren-option-card p{color:#64748b;margin-bottom:1.5rem;line-height:1.6}.adverteren-option-button{color:var(--color-fomix-blue);cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.adverteren-option-button:hover{border-color:var(--color-fomix-blue);background:#f8fafc}.adverteren-comparison-note{text-align:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:16px;padding:2rem}.adverteren-comparison-note p{color:#0369a1;margin:0;line-height:1.6}.adverteren-voordelen-section{background:#f8fafc;padding:6rem 0}.adverteren-voordelen-container{max-width:1600px;margin:0 auto;padding:0}.adverteren-benefits-header{text-align:center;margin-bottom:4rem}.adverteren-benefits-title{color:#1e293b;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.adverteren-benefits-description{color:#64748b;max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.6}.adverteren-benefits-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.adverteren-benefit-card{text-align:center;background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:3rem 2rem;transition:transform .2s;box-shadow:0 10px 40px #52555a1a}.adverteren-benefit-card:hover{transform:translateY(-6px)}.adverteren-benefit-icon{color:#fff;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 2rem;display:flex}.adverteren-benefit-title{color:#1e293b;margin-bottom:1rem;font-size:1.25rem;font-weight:600}.adverteren-benefit-description{color:#64748b;line-height:1.6}.adverteren-additional-benefits{margin-bottom:4rem}.adverteren-additional-title{color:#1e293b;text-align:center;margin-bottom:3rem;font-size:1.75rem;font-weight:700}.adverteren-additional-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.adverteren-additional-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #52555a14}.adverteren-additional-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.adverteren-additional-header svg{color:var(--color-fomix-blue)}.adverteren-additional-stat{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.adverteren-additional-card-title{color:#1e293b;margin-bottom:.75rem;font-size:1rem;font-weight:600}.adverteren-additional-card-description{color:#64748b;font-size:.875rem;line-height:1.5}.adverteren-process-section{margin-bottom:4rem}.adverteren-process-title{color:#1e293b;text-align:center;margin-bottom:1rem;font-size:1.75rem;font-weight:700}.adverteren-process-description{color:#64748b;text-align:center;margin-bottom:3rem;font-size:1.125rem}.adverteren-process-steps{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid;position:relative}.adverteren-process-step{text-align:center;background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:2rem;position:relative;box-shadow:0 4px 20px #52555a14}.adverteren-step-number{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;border-radius:50%;width:40px;height:40px;font-size:.875rem;font-weight:700;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.adverteren-step-icon,.adverteren-step-number{justify-content:center;align-items:center;display:flex}.adverteren-step-icon{width:60px;height:60px;color:var(--color-fomix-blue);background:#f0f9ff;border-radius:16px;margin:1rem auto 1.5rem}.adverteren-step-title{color:#1e293b;margin-bottom:.75rem;font-size:1.125rem;font-weight:600}.adverteren-step-description{color:#64748b;font-size:.875rem;line-height:1.5}.adverteren-success-preview{text-align:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:20px;margin-bottom:4rem;padding:3rem}.adverteren-success-content svg{color:var(--color-fomix-blue);margin-bottom:1.5rem}.adverteren-success-content h3{color:#0c4a6e;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.adverteren-success-content p{color:#0369a1;max-width:600px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;font-size:1.125rem;font-style:italic;line-height:1.6}.adverteren-success-author strong{color:#0c4a6e;margin-bottom:.25rem;display:block}.adverteren-success-author span{color:#0369a1;font-size:.875rem}.adverteren-why-radio{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:3rem;box-shadow:0 10px 40px #52555a1a}.adverteren-why-title{color:#1e293b}.adverteren-why-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;display:grid}.adverteren-why-item{text-align:center;background:#f8fafc;border-radius:12px;padding:2rem 1rem}.adverteren-why-stat{color:var(--color-fomix-blue);margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.adverteren-why-item p{color:#64748b;margin:0;font-size:.875rem;line-height:1.5}.adverteren-testimonials-section{background:#fff;padding:6rem 0}.adverteren-testimonials-container{max-width:1600px;margin:0 auto;padding:0}.adverteren-testimonials-header{text-align:center;margin-bottom:3rem}.adverteren-testimonials-title{color:#1e293b;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.adverteren-testimonials-description{color:#64748b;max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.6}.adverteren-testimonials-stats{background:#f8fafc;border-radius:20px;justify-content:center;gap:4rem;margin-bottom:4rem;padding:2rem;display:flex}.adverteren-testimonials-stat{text-align:center;align-items:center;gap:1rem;display:flex}.adverteren-testimonials-stat svg{color:var(--color-fomix-blue)}.adverteren-testimonials-stat-value{color:#1e293b;margin-bottom:.25rem;font-size:1.5rem;font-weight:800;display:block}.adverteren-testimonials-stat-label{color:#64748b;font-size:.875rem}.adverteren-testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.adverteren-testimonial-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:2rem;position:relative;box-shadow:0 10px 40px #52555a1a}.adverteren-testimonial-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.adverteren-testimonial-avatar{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.adverteren-testimonial-info{flex:1}.adverteren-testimonial-name{color:#1e293b;margin:0 0 .25rem;font-size:1rem;font-weight:600}.adverteren-testimonial-company{color:#64748b;margin:0;font-size:.875rem}.adverteren-testimonial-rating{color:#f59e0b;gap:.125rem;display:flex}.adverteren-testimonial-content{margin-bottom:1.5rem;position:relative}.adverteren-testimonial-quote-icon{color:#e5e7eb;z-index:1;position:absolute;top:-10px;left:-10px}.adverteren-testimonial-quote{color:#374151;z-index:2;margin:0;font-size:1rem;font-style:italic;line-height:1.6;position:relative}.adverteren-testimonial-results{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.adverteren-testimonial-result{color:#10b981;align-items:center;gap:.5rem;font-weight:600;display:flex}.adverteren-testimonial-timeframe{color:#64748b;font-size:.875rem}.adverteren-case-studies{margin-bottom:4rem}.adverteren-case-studies-title{color:#1e293b;text-align:center;margin-bottom:3rem;font-size:1.75rem;font-weight:700}.adverteren-case-studies-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;display:grid}.adverteren-case-study-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.adverteren-case-study-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.adverteren-case-study-icon{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.adverteren-case-study-company{color:#1e293b;margin:0;font-size:1.125rem;font-weight:600}.adverteren-case-study-industry{color:#64748b;margin:0;font-size:.875rem}.adverteren-case-study-section{margin-bottom:1.5rem}.adverteren-case-study-section h5{color:#374151;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem;font-size:.875rem;font-weight:600}.adverteren-case-study-section p{color:#64748b;margin:0;line-height:1.5}.adverteren-case-study-results ul{margin:0;padding:0;list-style:none}.adverteren-case-study-results li{color:#10b981;padding:.5rem 0 .5rem 1.5rem;font-weight:500;position:relative}.adverteren-case-study-results li:before{content:"✓";color:#10b981;font-weight:700;position:absolute;left:0}.adverteren-social-proof{text-align:center;background:#fff;border:1px solid #f1f5f9;border-radius:20px;margin-bottom:3rem;padding:3rem;box-shadow:0 10px 40px #52555a1a}.adverteren-social-proof h3{color:#1e293b;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.adverteren-social-proof p{color:#64748b;margin-bottom:2rem;line-height:1.6}.adverteren-social-proof-logos{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.adverteren-proof-item{color:#64748b;background:#f8fafc;border-radius:20px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;display:flex}.adverteren-review-cta{text-align:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:20px;padding:4rem 2rem}.adverteren-review-cta svg{color:var(--color-fomix-blue);margin-bottom:1.5rem}.adverteren-review-cta h3{color:#0c4a6e;margin-bottom:1rem;font-size:1.75rem;font-weight:700}.adverteren-review-cta p{color:#0369a1;max-width:500px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.125rem;line-height:1.6}.adverteren-review-button{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;cursor:pointer;border:none;border-radius:50px;padding:1rem 2rem;font-size:1.125rem;font-weight:600;transition:all .2s}.adverteren-review-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #322ce84d}.adverteren-contact-section{background:#f8fafc;padding:6rem 0}.adverteren-contact-container{max-width:1600px;margin:0 auto;padding:0}.adverteren-contact-header{text-align:center;margin-bottom:4rem}.adverteren-contact-title{color:#1e293b;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.adverteren-contact-description{color:#64748b;max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.6}.adverteren-contact-content{grid-template-columns:2fr 1fr;align-items:start;gap:4rem;display:grid}.adverteren-contact-form-container{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:3rem;box-shadow:0 10px 40px #52555a1a}.adverteren-form-title{color:#1e293b;margin-bottom:2rem;font-size:1.5rem;font-weight:700}.adverteren-form-message{border-radius:12px;align-items:center;gap:.75rem;margin-bottom:2rem;padding:1rem 1.5rem;font-weight:500;display:flex}.adverteren-form-message.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.adverteren-form-message.error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.adverteren-contact-form{flex-direction:column;gap:1.5rem;display:flex}.adverteren-form-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.adverteren-form-group{flex-direction:column;gap:.5rem;display:flex}.adverteren-form-label{color:#374151;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.adverteren-form-input,.adverteren-form-select,.adverteren-form-textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.adverteren-form-input:focus,.adverteren-form-select:focus,.adverteren-form-textarea:focus{border-color:var(--color-fomix-blue);outline:none;box-shadow:0 0 0 3px #322ce81a}.adverteren-form-textarea{resize:vertical;min-height:100px}.adverteren-form-submit{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;min-height:56px;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.adverteren-form-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #322ce84d}.adverteren-form-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.adverteren-spinner{border:2px solid #0000;border-top-color:currentcolor;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}.adverteren-contact-info{background:#fff;border:1px solid #f1f5f9;border-radius:20px;height:fit-content;padding:2rem;box-shadow:0 4px 20px #52555a14}.adverteren-info-title{color:#1e293b;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.adverteren-info-description{color:#64748b;margin-bottom:2rem;line-height:1.5}.adverteren-contact-methods{flex-direction:column;gap:2rem;margin-bottom:2rem;display:flex}.adverteren-contact-method{align-items:flex-start;gap:1rem;display:flex}.adverteren-contact-method-icon{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.adverteren-contact-method-label{color:#374151;margin:0 0 .25rem;font-size:.875rem;font-weight:600}.adverteren-contact-method-value{color:#1e293b;margin-bottom:.25rem;font-size:1rem;font-weight:500;text-decoration:none}.adverteren-contact-method-value:hover{color:var(--color-fomix-blue)}.adverteren-contact-method-description{color:#64748b;margin:0;font-size:.875rem;line-height:1.4}.adverteren-response-promise{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;align-items:center;gap:1rem;padding:1.5rem;display:flex}.adverteren-response-promise svg{color:#10b981;flex-shrink:0}.adverteren-response-promise h4{color:#166534;margin:0 0 .25rem;font-size:1rem;font-weight:600}.adverteren-response-promise p{color:#166534;margin:0;font-size:.875rem;line-height:1.4}.adverteren-cta-banner{background:linear-gradient(135deg,var(--color-fomix-green)0,var(--color-fomix-blue)100%);color:#fff;text-align:center;padding:4rem 0}.adverteren-cta-content{max-width:1200px;margin:0 auto;padding:0}.adverteren-cta-title{margin-bottom:1rem;font-size:2.5rem;font-weight:800}.adverteren-cta-description{opacity:.95;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.125rem}.adverteren-cta-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.adverteren-cta-button{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:.5rem;min-height:56px;padding:1rem 2rem;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.adverteren-cta-button.primary{color:var(--color-fomix-blue);background:#fff}.adverteren-cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.adverteren-cta-button.secondary{color:#fff;background:0 0;border:2px solid #fff6}.adverteren-cta-button.secondary:hover{background:#ffffff1a;border-color:#fff9;transform:translateY(-2px)}.adverteren-trust-section{background:#fff;padding:4rem 0}.adverteren-trust-container{text-align:center;max-width:1200px;margin:0 auto;padding:0}.adverteren-trust-title{color:#1e293b;margin-bottom:3rem;font-size:1.5rem;font-weight:700}.adverteren-trust-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.adverteren-trust-item{background:#f8fafc;border-radius:12px;align-items:center;gap:1rem;padding:1.5rem;display:flex}.adverteren-trust-item svg{color:var(--color-fomix-blue);flex-shrink:0}.adverteren-trust-item strong{color:#1e293b;margin-bottom:.25rem;font-size:1.25rem;font-weight:700;display:block}.adverteren-trust-item span{color:#64748b;font-size:.875rem}@media (max-width:768px){.adverteren-hero-banner{margin-top:-5rem;padding:13rem 0 4rem}.adverteren-hero-main{text-align:center;grid-template-columns:1fr;gap:3rem}.adverteren-hero-title{font-size:2.5rem}.adverteren-hero-actions{justify-content:center}.adverteren-value-props{gap:1.5rem}.adverteren-additional-grid,.adverteren-benefits-grid,.adverteren-main-stats,.adverteren-packages-grid,.adverteren-testimonials-grid,.adverteren-value-props{grid-template-columns:1fr}.adverteren-contact-content{grid-template-columns:1fr;gap:2rem}.adverteren-form-grid{grid-template-columns:1fr}.adverteren-testimonials-stats{text-align:center;flex-direction:column;gap:2rem}.adverteren-cta-title{font-size:2rem}.adverteren-cta-actions{flex-direction:column;align-items:center}.adverteren-process-steps{grid-template-columns:1fr}}@media (max-width:480px){.adverteren-hero-title{font-size:2rem}.adverteren-contact-container,.adverteren-packages-container,.adverteren-stats-container,.adverteren-voordelen-container{padding:0 1rem}.adverteren-contact-form-container,.adverteren-contact-info{border-radius:0;margin:0 -1rem}}.licenties-hero-banner{padding:calc(var(--navbar-height) + 6rem)0 6rem 0;background:linear-gradient(135deg,var(--color-fomix-green)0,var(--color-fomix-blue)100%);color:#fff;margin-top:calc(-1*var(--navbar-height));position:relative;overflow:hidden}.licenties-hero-banner:after{content:"";opacity:.05;z-index:1;background-image:url(/img/logo/x.png);background-position:0;background-repeat:no-repeat;background-size:auto 80%;width:120%;height:120%;position:absolute;top:0;left:-10%}.licenties-hero-content{z-index:2;grid-template-columns:2fr 1fr;align-items:start;gap:4rem;max-width:1600px;margin:0 auto;padding:0;display:grid;position:relative}.licenties-hero-main{flex-direction:column;gap:3rem;display:flex}.licenties-hero-text{flex-direction:column;gap:1.5rem;display:flex}.licenties-hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.5px;background:#fff3;border-radius:50px;align-items:center;gap:.5rem;width:fit-content;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;display:inline-flex}.licenties-hero-title{margin:0;font-size:3.5rem;font-weight:800;line-height:1.1}.licenties-hero-description{opacity:.9;max-width:600px;font-size:1.25rem;line-height:1.6}.licenties-hero-status{width:100%}.licenties-status-grid{grid-template-columns:1fr;gap:1rem;display:grid}.licenties-status-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:16px;align-items:center;gap:1rem;padding:1.5rem;display:flex}.licenties-status-icon{background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.licenties-status-icon.active{color:#fff;background:#10b981}.licenties-status-content h3{margin:0 0 .25rem;font-size:1.125rem;font-weight:700}.licenties-status-content p{opacity:.8;margin:0 0 .5rem;font-size:.875rem}.licenties-status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.licenties-status-badge.active{color:#fff;background:#10b981}.licenties-hero-documents{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:2rem}.licenties-documents-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.licenties-documents-header h3{margin:0;font-size:1.5rem;font-weight:700}.licenties-documents-list{flex-direction:column;gap:1rem;display:flex}.licenties-document-item{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:1rem;padding:1rem;display:flex}.licenties-document-icon{background:#fff3;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.licenties-document-info h4{margin:0 0 .25rem;font-size:.875rem;font-weight:600}.licenties-document-info p{opacity:.8;margin:0 0 .25rem;font-size:.75rem}.licenties-document-date{opacity:.6;font-size:.75rem}.cvdm-toestemming-section{background:#f8fafc;padding:6rem 0}.cvdm-toestemming-container{max-width:1600px;margin:0 auto;padding:0}.cvdm-toestemming-header{justify-content:space-between;align-items:flex-start;margin-bottom:3rem;display:flex}.cvdm-header-content{align-items:flex-start;gap:1.5rem;display:flex}.cvdm-header-icon{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.cvdm-toestemming-title{color:#1e293b;margin:0 0 .5rem;font-size:2.5rem;font-weight:800}.cvdm-toestemming-subtitle{color:#64748b;margin:0;font-size:1.25rem}.cvdm-status-indicator{color:#fff;background:#10b981;border-radius:50px;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-weight:600;display:flex}.cvdm-permission-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:3rem;padding:3rem;box-shadow:0 10px 40px #52555a1a}.cvdm-permission-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:2rem;display:flex}.cvdm-permission-header h3{color:#1e293b;margin:0;font-size:1.875rem;font-weight:700}.cvdm-status-badge{border-radius:50px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600}.cvdm-status-badge.active{color:#fff;background:#10b981}.cvdm-details-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.cvdm-detail-item{gap:1rem;display:flex}.cvdm-detail-icon{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.cvdm-detail-content h4{color:#1e293b;margin:0 0 .5rem;font-size:1rem;font-weight:700}.cvdm-detail-content p{color:#334155;margin:0 0 .25rem;font-size:1rem;font-weight:600}.cvdm-detail-content small{color:#64748b;font-size:.875rem}.cvdm-permission-description{border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:2rem}.cvdm-permission-description h4{color:#1e293b;margin:0 0 1rem;font-size:1.25rem;font-weight:700}.cvdm-permission-description p{color:#475569;margin-bottom:1rem;font-size:1rem;line-height:1.7}.cvdm-documents-section{margin-bottom:3rem}.cvdm-documents-title{color:#1e293b;margin:0 0 2rem;font-size:1.875rem;font-weight:700}.cvdm-documents-grid{gap:1.5rem;display:grid}.cvdm-document-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;transition:all .3s;box-shadow:0 4px 20px #52555a14}.cvdm-document-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #52555a1f}.cvdm-document-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.cvdm-document-header h4{color:#1e293b;margin:0;font-size:1.125rem;font-weight:700}.cvdm-document-header p{color:#64748b;margin:0;font-size:.875rem}.cvdm-document-meta{gap:1rem;margin-bottom:1.5rem;display:flex}.cvdm-document-date,.cvdm-document-type{color:#475569;background:#f1f5f9;border-radius:20px;padding:.5rem 1rem;font-size:.75rem;font-weight:600}.cvdm-document-actions{gap:1rem;display:flex}.cvdm-document-link{border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.cvdm-document-link:not(.download){background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff}.cvdm-document-link.download{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.cvdm-document-link:hover{transform:translateY(-1px)}.cvdm-compliance-info{background:#fff;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:3rem;padding:3rem;box-shadow:0 10px 40px #52555a1a}.cvdm-compliance-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.cvdm-compliance-header h3{color:#1e293b;margin:0;font-size:1.5rem;font-weight:700}.cvdm-compliance-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.cvdm-compliance-item{gap:1rem;display:flex}.cvdm-compliance-item h4{color:#1e293b;margin:0 0 .5rem;font-size:1rem;font-weight:700}.cvdm-compliance-item p{color:#64748b;margin:0;font-size:.875rem;line-height:1.6}.cvdm-contact-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.cvdm-contact-info h3{color:#1e293b;margin:0 0 1.5rem;font-size:1.25rem;font-weight:700}.cvdm-contact-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.cvdm-contact-item{flex-direction:column;gap:.25rem;display:flex}.cvdm-contact-item strong{color:#374151;font-size:.875rem;font-weight:600}.cvdm-contact-item a,.cvdm-contact-item span{color:#6366f1;font-size:.875rem;text-decoration:none}.cvdm-contact-item a:hover{text-decoration:underline}.muziek-licenties-section{background:#fff;padding:6rem 0}.muziek-licenties-container{max-width:1600px;margin:0 auto;padding:0}.muziek-licenties-header{align-items:flex-start;gap:1.5rem;margin-bottom:4rem;display:flex}.muziek-header-icon{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.muziek-licenties-title{color:#1e293b;margin:0 0 .5rem;font-size:2.5rem;font-weight:800}.muziek-licenties-description{color:#64748b;margin:0;font-size:1.25rem}.muziek-licenties-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.muziek-licentie-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2.5rem;transition:all .3s;box-shadow:0 10px 40px #52555a1a}.muziek-licentie-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #52555a26}.muziek-licentie-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.muziek-licentie-icon{color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.muziek-licentie-info{flex:1;margin:0 1.5rem}.muziek-licentie-name{color:#1e293b;margin:0 0 .25rem;font-size:1.5rem;font-weight:800}.muziek-licentie-fullname{color:#64748b;margin:0 0 .5rem;font-size:.875rem}.muziek-licentie-type{color:#475569;text-transform:uppercase;letter-spacing:.5px;background:#f1f5f9;border-radius:20px;padding:.375rem .875rem;font-size:.75rem;font-weight:600;display:inline-block}.muziek-licentie-status{color:#10b981;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.muziek-licentie-description{margin-bottom:2rem}.muziek-licentie-description p{color:#475569;margin:0;line-height:1.6}.muziek-licentie-details h4{color:#1e293b;margin:0 0 1rem;font-size:1rem;font-weight:700}.muziek-licentie-details ul{margin:0 0 2rem;padding:0;list-style:none}.muziek-licentie-details li{color:#10b981;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.muziek-licentie-details li span{color:#475569;line-height:1.5}.muziek-licentie-coverage{background:#f8fafc;border-radius:12px;flex-direction:column;gap:.75rem;margin-bottom:2rem;padding:1.5rem;display:flex}.muziek-coverage-item{color:#475569;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.muziek-licentie-footer{border-top:1px solid #e2e8f0;padding-top:1.5rem}.muziek-licentie-link{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.muziek-licentie-link:hover{transform:translateY(-2px);box-shadow:0 8px 20px #52555a26}.muziek-waarom-section{background:#f8fafc;border-radius:24px;margin-bottom:4rem;padding:3rem 0}.muziek-waarom-title{text-align:center;color:#1e293b;margin:0 0 3rem;font-size:2rem;font-weight:800}.muziek-waarom-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:0 3rem;display:grid}.muziek-waarom-item{gap:1.5rem;display:flex}.muziek-waarom-icon{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.muziek-waarom-item h4{color:#1e293b;margin:0 0 .75rem;font-size:1.25rem;font-weight:700}.muziek-waarom-item p{color:#475569;margin:0;line-height:1.6}.muziek-rechten-info{margin-bottom:4rem}.muziek-rechten-info h3{color:#1e293b;text-align:center;margin:0 0 3rem;font-size:2rem;font-weight:800}.muziek-rechten-process{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid}.muziek-process-step{align-items:flex-start;gap:1.5rem;display:flex}.muziek-step-number{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;font-weight:800;display:flex}.muziek-step-content h4{color:#1e293b;margin:0 0 .5rem;font-size:1.125rem;font-weight:700}.muziek-step-content p{color:#475569;margin:0;line-height:1.6}.muziek-contact-organisaties{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:3rem;box-shadow:0 10px 40px #52555a1a}.muziek-contact-organisaties h3{color:#1e293b;text-align:center;margin:0 0 2rem;font-size:1.875rem;font-weight:700}.muziek-organisaties-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.muziek-organisatie-contact{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.muziek-organisatie-contact h4{color:#1e293b;margin:0 0 1rem;font-size:1.25rem;font-weight:700}.muziek-organisatie-contact p{color:#64748b;margin:0 0 1rem;font-size:.875rem}.muziek-organisatie-contact a{color:#6366f1;margin:.5rem 0;font-weight:500;text-decoration:none;display:block}.muziek-organisatie-contact a:hover{text-decoration:underline}.licentie-waarom-section{background:#f8fafc;padding:6rem 0}.licentie-waarom-container{max-width:1600px;margin:0 auto;padding:0}.licentie-waarom-header{text-align:center;margin-bottom:4rem}.licentie-waarom-title{color:#1e293b;margin:0 0 1rem;font-size:2.5rem;font-weight:800}.licentie-waarom-description{color:#64748b;max-width:800px;margin:0 auto;font-size:1.25rem;line-height:1.6}.licentie-redenen-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.licentie-reden-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2.5rem;transition:all .3s;box-shadow:0 10px 40px #52555a1a}.licentie-reden-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #52555a26}.licentie-reden-header{gap:1.5rem;margin-bottom:2rem;display:flex}.licentie-reden-icon{color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.licentie-reden-title{color:#1e293b;margin:0 0 .75rem;font-size:1.5rem;font-weight:800}.licentie-reden-description{color:#475569;margin:0;line-height:1.6}.licentie-reden-details ul{margin:0;padding:0;list-style:none}.licentie-reden-details li{color:#10b981;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.licentie-reden-details li span{color:#475569;line-height:1.5}.licentie-impact-section{background:#fff;border:1px solid #e2e8f0;border-radius:24px;margin-bottom:4rem;padding:3rem;box-shadow:0 10px 40px #52555a1a}.licentie-impact-title{color:#1e293b;justify-content:center;align-items:center;gap:1rem;margin:0 0 2rem;font-size:2rem;font-weight:800;display:flex}.licentie-impact-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.licentie-stat{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.licentie-stat-number{color:var(--color-fomix-green);margin-bottom:.5rem;font-size:2.5rem;font-weight:800;display:block}.licentie-stat-label{color:#475569;font-weight:500;line-height:1.4}.licentie-impact-description{color:#475569;line-height:1.7}.licentie-impact-description p{margin-bottom:1.5rem}.licentie-gevolgen-section{margin-bottom:4rem}.licentie-gevolgen-title{color:#1e293b;text-align:center;margin:0 0 1rem;font-size:2rem;font-weight:800}.licentie-gevolgen-intro{color:#64748b;text-align:center;max-width:600px;margin:0 auto 3rem;font-size:1.125rem}.licentie-gevolgen-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;display:grid}.licentie-gevolg-card{background:#fff;border:1px solid #fee2e2;border-left:4px solid #dc2626;border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #52555a1a}.licentie-gevolg-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.licentie-gevolg-icon.danger{color:#dc2626;background:#fee2e2;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.licentie-gevolg-title{color:#1e293b;margin:0 0 .25rem;font-size:1.25rem;font-weight:700}.licentie-gevolg-severity{color:#fff;text-transform:uppercase;background:#dc2626;border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.licentie-gevolg-list ul{margin:0;padding:0;list-style:none}.licentie-gevolg-list li{color:#dc2626;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.licentie-gevolg-list li span{color:#475569;line-height:1.5}.licentie-commitment-section{background:linear-gradient(135deg,var(--color-fomix-green)0,var(--color-fomix-blue)100%);color:#fff;text-align:center;border-radius:24px;padding:4rem 3rem}.licentie-commitment-content{flex-direction:column;align-items:center;gap:2rem;display:flex}.licentie-commitment-icon{opacity:.9}.licentie-commitment-title{margin:0 0 1rem;font-size:2rem;font-weight:800}.licentie-commitment-description{opacity:.9;max-width:600px;margin:0 0 2rem;font-size:1.125rem;line-height:1.6}.licentie-commitment-badges{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.licentie-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;display:flex}.licentie-compliance-section{background:#fff;padding:6rem 0}.licentie-compliance-container{max-width:1600px;margin:0 auto;padding:0}.compliance-monitoring-section{margin-bottom:4rem}.compliance-monitoring-header{align-items:flex-start;gap:1.5rem;margin-bottom:3rem;display:flex}.compliance-monitoring-title{color:#1e293b;margin:0 0 .5rem;font-size:2.5rem;font-weight:800}.compliance-monitoring-description{color:#64748b;margin:0;font-size:1.25rem}.compliance-process-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.compliance-process-item{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2.5rem;transition:all .3s;box-shadow:0 10px 40px #52555a1a}.compliance-process-item:hover{transform:translateY(-4px);box-shadow:0 20px 60px #52555a26}.compliance-process-icon{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1.5rem;display:flex}.compliance-process-content h3{color:#1e293b;margin:0 0 1rem;font-size:1.25rem;font-weight:700}.compliance-process-content p{color:#475569;margin:0 0 1.5rem;line-height:1.6}.compliance-process-details{flex-direction:column;gap:.5rem;display:flex}.compliance-detail{color:#475569;background:#f1f5f9;border-radius:20px;padding:.5rem 1rem;font-size:.75rem;font-weight:600}.compliance-status-section{margin-bottom:4rem}.compliance-status-title{color:#1e293b;text-align:center;margin:0 0 2rem;font-size:1.875rem;font-weight:700}.compliance-status-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.compliance-status-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #52555a14}.compliance-status-card.active{background:#f0fdf4;border-color:#10b981}.compliance-status-header{color:#10b981;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1rem;font-weight:600;display:flex}.compliance-status-value{color:#1e293b;margin-bottom:.5rem;font-size:1.25rem;font-weight:700;display:block}.compliance-status-date{color:#64748b;font-size:.875rem}.compliance-contact-section{margin-bottom:4rem}.compliance-contact-title{color:#1e293b;text-align:center;margin:0 0 2rem;font-size:1.875rem;font-weight:700}.compliance-contact-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;display:grid}.compliance-contact-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #52555a1a}.compliance-contact-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.compliance-contact-header h4{color:#1e293b;margin:0;font-size:1.25rem;font-weight:700}.compliance-contact-details{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.compliance-contact-item{align-items:center;gap:.75rem;display:flex}.compliance-contact-item a{color:#6366f1;font-weight:500;text-decoration:none}.compliance-contact-item a:hover{text-decoration:underline}.compliance-contact-description{color:#64748b;margin:0;line-height:1.6}.compliance-reporting-section{background:#f8fafc;border-radius:24px;margin-bottom:4rem;padding:3rem}.compliance-reporting-title{color:#1e293b;text-align:center;margin:0 0 1rem;font-size:1.875rem;font-weight:700}.compliance-reporting-description{color:#64748b;text-align:center;max-width:600px;margin:0 auto 3rem;font-size:1.125rem}.compliance-reporting-actions{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.compliance-reporting-action{background:#fff;border:1px solid #e2e8f0;border-radius:16px;gap:1rem;padding:2rem;display:flex}.compliance-action-icon{color:#dc2626;background:#fee2e2;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.compliance-reporting-action h4{color:#1e293b;margin:0 0 .5rem;font-size:1.125rem;font-weight:700}.compliance-reporting-action p{color:#64748b;margin:0 0 1rem}.compliance-action-link{color:#6366f1;font-weight:600;text-decoration:none}.compliance-action-link:hover{text-decoration:underline}.compliance-reporting-guarantee{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;border-radius:16px;gap:1rem;padding:2rem;display:flex}.compliance-reporting-guarantee h4{margin:0 0 .5rem;font-size:1.125rem;font-weight:700}.compliance-reporting-guarantee p{opacity:.9;margin:0;line-height:1.6}.compliance-updates-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:3rem;box-shadow:0 10px 40px #52555a1a}.compliance-updates-title{color:#1e293b;text-align:center;margin:0 0 2rem;font-size:1.875rem;font-weight:700}.compliance-updates-info{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.compliance-update-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;gap:1rem;padding:1.5rem;display:flex}.compliance-update-item h4{color:#1e293b;margin:0 0 .5rem;font-size:1rem;font-weight:700}.compliance-update-item p{color:#64748b;margin:0}.compliance-notification{background:#fef3c7;border:1px solid #fbbf24;border-radius:16px;gap:1rem;padding:2rem;display:flex}.compliance-notification p{color:#92400e;margin:0;line-height:1.6}.licenties-legal-footer{color:#fff;background:#1e293b;padding:4rem 0}.licenties-legal-container{max-width:1600px;margin:0 auto;padding:0}.licenties-legal-content{text-align:center}.licenties-legal-title{margin:0 0 1rem;font-size:1.5rem;font-weight:700}.licenties-legal-description{opacity:.8;max-width:600px;margin:0 auto 2rem;font-size:1rem;line-height:1.6}.licenties-legal-links{flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:2rem;display:flex}.licenties-legal-link{color:#60a5fa;font-weight:500;text-decoration:none;transition:color .3s}.licenties-legal-link:hover{color:#93c5fd;text-decoration:underline}.licenties-legal-update{opacity:.6;font-size:.875rem}@media (max-width:768px){.licenties-hero-content{grid-template-columns:1fr;gap:3rem}.licenties-hero-title{font-size:2.5rem}.compliance-monitoring-title,.cvdm-toestemming-title,.licentie-waarom-title,.muziek-licenties-title{font-size:2rem}.cvdm-toestemming-section,.licentie-compliance-section,.licentie-waarom-section,.licenties-hero-banner,.muziek-licenties-section{padding:4rem 0}.licenties-hero-banner{padding-top:calc(var(--navbar-height) + 4rem)}.compliance-contact-grid,.compliance-reporting-actions,.licentie-gevolgen-grid,.licentie-redenen-grid,.muziek-licenties-grid{grid-template-columns:1fr}.licentie-commitment-badges{gap:.75rem}.licenties-legal-links{flex-direction:column;align-items:center;gap:1rem}}.vacatures-page{background:red!important}.vacatures-hero-banner{padding:calc(var(--navbar-height) + 6rem)0 6rem 0;background:linear-gradient(135deg,var(--color-fomix-green)0,var(--color-fomix-blue)100%);color:#fff;margin-top:calc(-1*var(--navbar-height));position:relative;overflow:hidden}.vacatures-hero-banner:after{content:"";opacity:.05;z-index:1;background-image:url(/img/logo/x.png);background-position:0;background-repeat:no-repeat;background-size:auto 80%;width:120%;height:120%;position:absolute;top:0;left:-10%}.vacatures-hero-content{z-index:2;grid-template-columns:2fr 1fr;align-items:start;gap:4rem;max-width:1600px;margin:0 auto;padding:0;display:grid;position:relative}.vacatures-hero-main{flex-direction:column;gap:3rem;display:flex}.vacatures-hero-text{flex-direction:column;gap:1.5rem;display:flex}.vacatures-hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.5px;background:#fff3;border-radius:50px;align-items:center;gap:.5rem;width:fit-content;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;display:inline-flex}.vacatures-hero-title{margin:0;font-size:3.5rem;font-weight:800;line-height:1.1}.vacatures-hero-description{opacity:.9;max-width:600px;font-size:1.25rem;line-height:1.6}.vacatures-hero-actions{gap:1rem;margin-top:1rem;display:flex}.vacatures-hero-button{border-radius:50px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.vacatures-hero-button.primary{color:var(--color-fomix-green);background:#fff}.vacatures-hero-button.secondary{color:#fff;background:#fff3;border:1px solid #ffffff4d}.vacatures-hero-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.vacatures-hero-values{flex-direction:column;gap:1.5rem;display:flex}.vacatures-value-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:16px;align-items:center;gap:1rem;padding:1.5rem;display:flex}.vacatures-value-icon{background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.vacatures-value-item h3{margin:0 0 .25rem;font-size:1.125rem;font-weight:700}.vacatures-value-item p{opacity:.9;margin:0;font-size:.875rem}.vacatures-hero-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:2rem}.vacatures-hero-stats-header{text-align:center;margin-bottom:2rem}.vacatures-hero-stats-header h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.vacatures-hero-stats-header p{opacity:.8;margin:0;font-size:.875rem}.vacatures-stat-item{text-align:center;background:#ffffff1a;border-radius:12px;padding:1rem}.vacatures-stat-number{margin-bottom:.25rem;font-size:1.5rem;font-weight:800;display:block}.vacatures-stat-label{opacity:.8;font-size:.75rem}.vacatures-hero-testimonial{text-align:center;border-top:1px solid #fff3;padding:1.5rem 0}.vacatures-hero-testimonial blockquote{opacity:.9;margin:0 0 1rem;font-size:.875rem;font-style:italic}.vacatures-testimonial-role{opacity:.7;font-size:.75rem}.vacatures-stats-section{background:#f8fafc;padding:6rem 0}.vacatures-stats-container{max-width:1600px;margin:0 auto;padding:0}.vacatures-stats-header{text-align:center;margin-bottom:4rem}.vacatures-stats-title{color:#1e293b;margin:0 0 1rem;font-size:2.5rem;font-weight:800}.vacatures-stats-description{color:#64748b;max-width:800px;margin:0 auto;font-size:1.25rem;line-height:1.6}.vacatures-stats-main{margin-bottom:4rem}.vacatures-stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.vacatures-stat-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2.5rem;transition:all .3s;box-shadow:0 10px 40px #52555a1a}.vacatures-stat-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #52555a26}.vacatures-stat-icon{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;display:flex}.vacatures-stat-content .vacatures-stat-number{color:var(--color-fomix-green);margin-bottom:.5rem;font-size:2.5rem;font-weight:800;display:block}.vacatures-stat-content .vacatures-stat-label{color:#1e293b;margin-bottom:.5rem;font-size:1.125rem;font-weight:700;display:block}.vacatures-stat-content .vacatures-stat-description{color:#64748b;font-size:.875rem}.vacatures-benefits-section{margin-bottom:4rem}.vacatures-benefits-title{color:#1e293b;text-align:center;margin:0 0 3rem;font-size:2rem;font-weight:800}.vacatures-benefits-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.vacatures-benefit-item{background:#fff;border:1px solid #e2e8f0;border-radius:16px;gap:1rem;padding:2rem;transition:all .3s;display:flex;box-shadow:0 4px 20px #52555a14}.vacatures-benefit-item:hover{transform:translateY(-2px);box-shadow:0 8px 30px #52555a1f}.vacatures-benefit-icon{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.vacatures-benefit-title{color:#1e293b;margin:0 0 .5rem;font-size:1.125rem;font-weight:700}.vacatures-benefit-description{color:#64748b;margin:0;line-height:1.6}.vacatures-testimonials-section{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:3rem;box-shadow:0 10px 40px #52555a1a}.vacatures-testimonials-title{color:#1e293b;text-align:center;margin:0 0 3rem;font-size:1.875rem;font-weight:700}.vacatures-testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;display:grid}.vacatures-testimonial-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.vacatures-testimonial-content{margin-bottom:1.5rem}.vacatures-testimonial-content p{color:#475569;margin:0;font-style:italic;line-height:1.6}.vacatures-testimonial-author{align-items:center;gap:1rem;display:flex}.vacatures-testimonial-avatar{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:.875rem;font-weight:700;display:flex}.vacatures-testimonial-name{color:#1e293b;font-weight:600;display:block}.vacatures-testimonial-role{color:#64748b;font-size:.875rem;display:block}.vacatures-stats-cta{text-align:center;background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;border-radius:24px;padding:3rem}.vacatures-stats-cta-content h3{margin:0 0 1rem;font-size:2rem;font-weight:800}.vacatures-stats-cta-content p{opacity:.9;margin:0 0 2rem;font-size:1.125rem}.vacatures-stats-cta-button{color:var(--color-fomix-green);background:#fff;border-radius:50px;align-items:center;gap:.5rem;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.vacatures-stats-cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.vacatures-main-section{background:#fff;padding:6rem 0}.vacatures-main-container{max-width:1600px;margin:0 auto;padding:0}.vacatures-section-header{text-align:center;margin-bottom:4rem}.vacatures-section-title{color:#1e293b;margin:0 0 1rem;font-size:2.5rem;font-weight:800}.vacatures-section-description{color:#64748b;max-width:600px;margin:0 auto;font-size:1.25rem}.vacatures-filter-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:3rem;padding:2rem}.vacatures-filter-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.vacatures-filter-title{color:#1e293b;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;display:flex}.vacatures-clear-filters{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .3s;display:flex}.vacatures-clear-filters:hover{background:#dc2626;transform:translateY(-1px)}.vacatures-filter-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.vacatures-filter-group{flex-direction:column;gap:.5rem;display:flex}.vacatures-filter-label{color:#374151;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.vacatures-filter-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:12px;padding:.75rem 1rem;font-size:.875rem;transition:all .3s}.vacatures-filter-select:focus{border-color:var(--color-fomix-green);outline:none;box-shadow:0 0 0 3px #3b82f61a}.vacatures-active-filters{margin-bottom:1.5rem}.vacatures-active-filters-label{color:#374151;margin-bottom:.75rem;font-size:.875rem;font-weight:600;display:block}.vacatures-active-filters-tags{flex-wrap:wrap;gap:.75rem;display:flex}.vacatures-filter-tag{background:var(--color-fomix-green);color:#fff;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:500;display:flex}.vacatures-filter-tag-remove{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:all .3s;display:flex}.vacatures-filter-tag-remove:hover{background:#ffffff4d}.vacatures-quick-filters{border-top:1px solid #e2e8f0;padding-top:1.5rem}.vacatures-quick-filters-label{color:#374151;margin-bottom:.75rem;font-size:.875rem;font-weight:600;display:block}.vacatures-quick-filters-buttons{flex-wrap:wrap;gap:.75rem;display:flex}.vacatures-quick-filter{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:20px;padding:.5rem 1rem;font-size:.75rem;font-weight:500;transition:all .3s}.vacatures-quick-filter.active,.vacatures-quick-filter:hover{background:var(--color-fomix-green);color:#fff;border-color:var(--color-fomix-green)}.vacatures-results-header{margin-bottom:2rem}.vacatures-results-header h3{color:#1e293b;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.vacatures-results-header p{color:#64748b;margin:0}.vacatures-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;display:grid}.vacature-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2rem;transition:all .3s;position:relative;box-shadow:0 10px 40px #52555a1a}.vacature-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #52555a26}.vacature-urgent-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#ef4444;border-radius:20px;padding:.25rem 1rem;font-size:.75rem;font-weight:600;position:absolute;top:-8px;right:2rem}.vacature-header{gap:1rem;margin-bottom:1.5rem;display:flex}.vacature-category-icon{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.vacature-meta{flex:1}.vacature-title{color:#1e293b;margin:0 0 .75rem;font-size:1.25rem;font-weight:700}.vacature-details{flex-wrap:wrap;gap:1rem;display:flex}.vacature-detail{color:#64748b;align-items:center;gap:.25rem;font-size:.875rem;display:flex}.vacature-content{margin-bottom:2rem}.vacature-description{color:#475569;margin-bottom:1.5rem;line-height:1.6}.vacature-benefits,.vacature-requirements{margin-bottom:1.5rem}.vacature-benefits h4,.vacature-requirements h4{color:#1e293b;margin:0 0 .75rem;font-size:1rem;font-weight:700}.vacature-benefits ul,.vacature-requirements ul{margin:0;padding:0;list-style:none}.vacature-benefits li,.vacature-requirements li{color:#475569;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;display:flex}.vacature-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-top:1.5rem;display:flex}.vacature-posted{color:#64748b;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.vacature-actions{gap:.75rem;display:flex}.vacature-apply-button,.vacature-details-button{cursor:pointer;border:none;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.vacature-details-button{color:#475569;background:#f1f5f9}.vacature-apply-button{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff}.vacature-apply-button:hover,.vacature-details-button:hover{transform:translateY(-1px)}.vacatures-no-results{text-align:center;padding:4rem 2rem}.vacatures-no-results-icon{opacity:.5;margin-bottom:1.5rem}.vacatures-no-results h3{color:#1e293b;margin:0 0 1rem;font-size:1.5rem;font-weight:700}.vacatures-no-results p{color:#64748b;max-width:400px;margin:0 auto 2rem;line-height:1.6}.vacatures-open-application-button{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;border-radius:50px;align-items:center;gap:.5rem;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.vacatures-open-application-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.bedrijfscultuur-section{background:#fff;padding:6rem 0}.bedrijfscultuur-container{max-width:1600px;margin:0 auto;padding:0}.bedrijfscultuur-header{text-align:center;margin-bottom:4rem}.bedrijfscultuur-title{color:#1e293b;margin:0 0 1rem;font-size:2.5rem;font-weight:800}.bedrijfscultuur-description{color:#64748b;max-width:600px;margin:0 auto;font-size:1.25rem;line-height:1.6}.bedrijfscultuur-values-section{margin-bottom:4rem}.bedrijfscultuur-values-title{color:#1e293b;text-align:center;margin:0 0 3rem;font-size:2rem;font-weight:800}.bedrijfscultuur-values-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.bedrijfscultuur-value-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2.5rem;transition:all .3s;box-shadow:0 10px 40px #52555a1a}.bedrijfscultuur-value-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #52555a26}.bedrijfscultuur-value-icon{color:#fff;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;display:flex}.bedrijfscultuur-value-title{color:#1e293b;margin:0 0 1rem;font-size:1.5rem;font-weight:700}.bedrijfscultuur-value-description{color:#475569;margin:0;line-height:1.6}.bedrijfscultuur-perks-section{background:#f8fafc;border-radius:24px;margin-bottom:4rem;padding:3rem}.bedrijfscultuur-perks-title{color:#1e293b;text-align:center;margin:0 0 3rem;font-size:2rem;font-weight:800}.bedrijfscultuur-perks-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.bedrijfscultuur-perk-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;gap:1rem;padding:2rem;transition:all .3s;display:flex}.bedrijfscultuur-perk-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #52555a1f}.bedrijfscultuur-perk-icon{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.bedrijfscultuur-perk-title{color:#1e293b;margin:0 0 .5rem;font-size:1.125rem;font-weight:700}.bedrijfscultuur-perk-description{color:#64748b;margin:0;line-height:1.6}.bedrijfscultuur-environment-section{margin-bottom:4rem}.bedrijfscultuur-environment-title{color:#1e293b;text-align:center;margin:0 0 3rem;font-size:2rem;font-weight:800}.bedrijfscultuur-environment-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.bedrijfscultuur-environment-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;transition:all .3s;box-shadow:0 4px 20px #52555a14}.bedrijfscultuur-environment-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #52555a1f}.bedrijfscultuur-environment-image{margin-bottom:1rem;font-size:3rem}.bedrijfscultuur-environment-title-card{color:#1e293b;margin:0 0 .75rem;font-size:1.125rem;font-weight:700}.bedrijfscultuur-environment-description{color:#64748b;margin:0;line-height:1.6}.bedrijfscultuur-story-section{grid-template-columns:2fr 1fr;gap:3rem;margin-bottom:4rem;display:grid}.bedrijfscultuur-story-title{color:#1e293b;margin:0 0 2rem;font-size:1.875rem;font-weight:700}.bedrijfscultuur-story-text p{color:#475569;margin-bottom:1rem;line-height:1.7}.bedrijfscultuur-story-text strong{color:var(--color-fomix-green);font-weight:700}.bedrijfscultuur-story-highlight{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;border-radius:20px;height:fit-content;padding:2rem}.bedrijfscultuur-highlight-content h4{margin:0 0 1rem;font-size:1.25rem;font-weight:700}.bedrijfscultuur-highlight-content p{opacity:.9;margin:0;line-height:1.6}.bedrijfscultuur-cta{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:24px;padding:3rem}.bedrijfscultuur-cta-content h3{color:#1e293b;margin:0 0 1rem;font-size:2rem;font-weight:800}.bedrijfscultuur-cta-content p{color:#64748b;max-width:600px;margin:0 auto 2rem}.bedrijfscultuur-cta-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.bedrijfscultuur-cta-button{border-radius:50px;align-items:center;gap:.5rem;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.bedrijfscultuur-cta-button.primary{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff}.bedrijfscultuur-cta-button.secondary{color:var(--color-fomix-green);background:#fff;border:1px solid #e2e8f0}.bedrijfscultuur-cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.sollicitatie-proces-section{background:#f8fafc;padding:6rem 0}.sollicitatie-proces-container{max-width:1600px;margin:0 auto;padding:0}.sollicitatie-proces-header{text-align:center;margin-bottom:4rem}.sollicitatie-proces-title{color:#1e293b;margin:0 0 1rem;font-size:2.5rem;font-weight:800}.sollicitatie-proces-description{color:#64748b;max-width:700px;margin:0 auto;font-size:1.25rem;line-height:1.6}.sollicitatie-proces-steps{margin-bottom:4rem}.sollicitatie-steps-title{color:#1e293b;text-align:center;margin:0 0 3rem;font-size:2rem;font-weight:800}.sollicitatie-steps-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid;position:relative}.sollicitatie-step-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2rem;transition:all .3s;position:relative;box-shadow:0 10px 40px #52555a1a}.sollicitatie-step-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #52555a26}.sollicitatie-step-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.sollicitatie-step-number{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;border-radius:50%;font-size:1.25rem;font-weight:800}.sollicitatie-step-icon,.sollicitatie-step-number{justify-content:center;align-items:center;width:48px;height:48px;display:flex}.sollicitatie-step-icon{color:#475569;background:#f1f5f9;border-radius:12px}.sollicitatie-step-title{color:#1e293b;margin:0 0 .75rem;font-size:1.25rem;font-weight:700}.sollicitatie-step-description{color:#475569;margin-bottom:1rem;line-height:1.6}.sollicitatie-step-duration{color:var(--color-fomix-green);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;font-weight:600;display:flex}.sollicitatie-step-tips h5{color:#1e293b;margin:0 0 .75rem;font-size:.875rem;font-weight:700}.sollicitatie-step-tips ul{margin:0;padding:0;list-style:none}.sollicitatie-step-tips li{color:#475569;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;display:flex}.sollicitatie-step-connector{align-items:center;gap:.5rem;display:flex;position:absolute;top:50%;right:-1rem;transform:translateY(-50%)}.sollicitatie-connector-line{background:#d1d5db;width:1rem;height:2px}.sollicitatie-connector-arrow{color:#d1d5db;font-weight:700}.sollicitatie-tips-section{margin-bottom:4rem}.sollicitatie-tips-title{color:#1e293b;text-align:center;margin:0 0 3rem;font-size:2rem;font-weight:800}.sollicitatie-tips-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;display:grid}.sollicitatie-tip-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;transition:all .3s;box-shadow:0 4px 20px #52555a14}.sollicitatie-tip-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #52555a1f}.sollicitatie-tip-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.sollicitatie-tip-icon{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.sollicitatie-tip-title{color:#1e293b;margin:0;font-size:1.125rem;font-weight:700}.sollicitatie-tip-list{margin:0;padding:0;list-style:none}.sollicitatie-tip-list li{color:#10b981;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.sollicitatie-tip-list li span{color:#475569;line-height:1.5}.sollicitatie-faq-section{margin-bottom:4rem}.sollicitatie-faq-title{color:#1e293b;text-align:center;margin:0 0 3rem;font-size:2rem;font-weight:800}.sollicitatie-faq-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.sollicitatie-faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #52555a14}.sollicitatie-faq-item h4{color:#1e293b;margin:0 0 1rem;font-size:1.125rem;font-weight:700}.sollicitatie-faq-item p{color:#475569;margin:0;line-height:1.6}.sollicitatie-contact-section{margin-bottom:4rem}.sollicitatie-contact-title{color:#1e293b;text-align:center;margin:0 0 3rem;font-size:2rem;font-weight:800}.sollicitatie-contact-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;display:grid}.sollicitatie-contact-card,.sollicitatie-tips-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #52555a1a}.sollicitatie-contact-card h4,.sollicitatie-tips-card h4{color:#1e293b;margin:0 0 1.5rem;font-size:1.25rem;font-weight:700}.sollicitatie-contact-person{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.sollicitatie-contact-avatar{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1rem;font-weight:700;display:flex}.sollicitatie-contact-name{color:#1e293b;font-weight:600;display:block}.sollicitatie-contact-role{color:#64748b;font-size:.875rem;display:block}.sollicitatie-contact-details{flex-direction:column;gap:.75rem;display:flex}.sollicitatie-contact-item{color:#475569;align-items:center;gap:.75rem;display:flex}.sollicitatie-contact-item a{color:#6366f1;font-weight:500;text-decoration:none}.sollicitatie-contact-item a:hover{text-decoration:underline}.sollicitatie-final-tips p{color:#475569;margin-bottom:1rem;line-height:1.6}.sollicitatie-final-tips strong{color:var(--color-fomix-green)}.sollicitatie-cta{text-align:center;background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;border-radius:24px;padding:3rem}.sollicitatie-cta h3{margin:0 0 1rem;font-size:2rem;font-weight:800}.sollicitatie-cta p{opacity:.9;max-width:600px;margin:0 auto 2rem;font-size:1.125rem}.sollicitatie-cta-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.sollicitatie-cta-button{border-radius:50px;align-items:center;gap:.5rem;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.sollicitatie-cta-button.primary{color:var(--color-fomix-green);background:#fff}.sollicitatie-cta-button.secondary{color:#fff;background:#fff3;border:1px solid #ffffff4d}.sollicitatie-cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.vacatures-cta-section{background:#f8fafc;padding:6rem 0}.vacatures-cta-container{grid-template-columns:2fr 1fr;align-items:start;gap:4rem;max-width:1600px;margin:0 auto;padding:0;display:grid}.vacatures-cta-title{color:#1e293b;margin:0 0 1rem;font-size:2.25rem;font-weight:800}.vacatures-cta-description{color:#64748b;margin:0 0 2rem;font-size:1.125rem;line-height:1.6}.vacatures-cta-actions{flex-wrap:wrap;gap:1rem;display:flex}.vacatures-cta-button{border-radius:50px;align-items:center;gap:.5rem;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.vacatures-cta-button.primary{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff}.vacatures-cta-button.secondary{color:var(--color-fomix-green);background:#fff;border:1px solid #e2e8f0}.vacatures-cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.vacatures-cta-contact{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #52555a1a}.vacatures-cta-contact h3{color:#1e293b;margin:0 0 1.5rem;font-size:1.5rem;font-weight:700}.vacatures-contact-info{flex-direction:column;gap:1rem;display:flex}.vacatures-contact-item{flex-direction:column;gap:.25rem;display:flex}.vacatures-contact-item strong{color:#374151;font-size:.875rem;font-weight:600}.vacatures-contact-item a{color:#6366f1;font-weight:500;text-decoration:none}.vacatures-contact-item a:hover{text-decoration:underline}.vacatures-contact-item span{color:#64748b;font-size:.875rem}.vacatures-newsletter-section{color:#fff;background:#1e293b;padding:4rem 0}.vacatures-newsletter-container{text-align:center;max-width:800px;margin:0 auto;padding:0}.vacatures-newsletter-title{margin:0 0 1rem;font-size:2rem;font-weight:800}.vacatures-newsletter-description{opacity:.9;margin:0 0 2rem;font-size:1.125rem;line-height:1.6}.vacatures-form-group{gap:1rem;max-width:500px;margin-bottom:1rem;margin-left:auto;margin-right:auto;display:flex}.vacatures-newsletter-input{color:#1e293b;background:#fff;border:none;border-radius:50px;flex:1;padding:1rem 1.5rem;font-size:1rem}.vacatures-newsletter-input:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d}.vacatures-newsletter-button{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:50px;padding:1rem 2rem;font-weight:600;transition:all .3s}.vacatures-newsletter-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.vacatures-newsletter-privacy{opacity:.7;max-width:400px;margin:0 auto;font-size:.875rem}@media (max-width:768px){.vacatures-hero-content{grid-template-columns:1fr;gap:3rem}.vacatures-hero-title{font-size:2.5rem}.vacatures-hero-actions{flex-direction:column;align-items:stretch}.bedrijfscultuur-perks-grid,.bedrijfscultuur-values-grid,.sollicitatie-contact-grid,.sollicitatie-faq-grid,.sollicitatie-steps-grid,.sollicitatie-tips-grid,.vacatures-benefits-grid,.vacatures-filter-grid,.vacatures-grid,.vacatures-stats-grid{grid-template-columns:1fr}.vacature-details,.vacatures-quick-filters-buttons{flex-direction:column}.vacature-details{gap:.5rem}.vacature-actions{flex-direction:column;align-items:stretch}.bedrijfscultuur-story-section{grid-template-columns:1fr;gap:2rem}.bedrijfscultuur-cta-actions{flex-direction:column;align-items:center}.vacatures-cta-container{grid-template-columns:1fr;gap:2rem}.vacatures-form-group{flex-direction:column}.sollicitatie-step-connector{display:none}.bedrijfscultuur-section,.sollicitatie-proces-section,.vacatures-cta-section,.vacatures-hero-banner,.vacatures-main-section,.vacatures-stats-section{padding:4rem 0}.vacatures-hero-banner{padding-top:calc(var(--navbar-height) + 4rem)}}.beleid-hero-banner{padding:calc(var(--navbar-height) + 6rem)0 6rem 0;background:linear-gradient(135deg,var(--color-fomix-green)0,var(--color-fomix-blue)100%);color:#fff;margin-top:calc(-1*var(--navbar-height));position:relative;overflow:hidden}.beleid-hero-banner:after{content:"";opacity:.05;z-index:1;background-image:url(/img/logo/x.png);background-position:0;background-repeat:no-repeat;background-size:auto 80%;width:120%;height:120%;position:absolute;top:0;left:-10%}.beleid-hero-content{z-index:2;grid-template-columns:2fr 1fr;align-items:start;gap:4rem;max-width:1600px;margin:0 auto;padding:0;display:grid;position:relative}.beleid-hero-main{flex-direction:column;gap:3rem;display:flex}.beleid-hero-text{flex-direction:column;gap:1.5rem;display:flex}.beleid-hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.5px;background:#fff3;border-radius:50px;align-items:center;gap:.5rem;width:fit-content;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;display:inline-flex}.beleid-hero-title{margin:0;font-size:3.5rem;font-weight:800;line-height:1.1}.beleid-hero-description{opacity:.9;max-width:600px;font-size:1.25rem;line-height:1.6}.beleid-hero-meta{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.beleid-meta-item{opacity:.8;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.beleid-hero-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:2rem}.beleid-nav-title{margin:0 0 1.5rem;font-size:1.5rem;font-weight:700}.beleid-nav-grid{grid-template-columns:1fr;gap:.75rem;display:grid}.beleid-nav-link{color:#fff;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:1rem;padding:1rem;text-decoration:none;transition:all .2s;display:flex}.beleid-nav-link:hover{background:#fff3;transform:translateY(-2px)}.beleid-nav-icon{background:#fff3;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.beleid-nav-content h4{margin:0 0 .25rem;font-size:.875rem;font-weight:600}.beleid-nav-content p{opacity:.8;margin:0;font-size:.75rem}.privacy-page{background:#f8fafc;min-height:100vh}.privacy-section{background:#fff;padding:6rem 0}.privacy-section:nth-child(2n){background:#f8fafc}.privacy-container{max-width:1600px;margin:0 auto;padding:0}.privacy-content{flex-direction:column;gap:3rem;display:flex}.privacy-section-header{align-items:flex-start;gap:1.5rem;margin-bottom:3rem;display:flex}.privacy-section-icon{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.privacy-section-title{color:#1e293b;margin:0 0 .5rem;font-size:2.5rem;font-weight:800}.privacy-section-description{color:#64748b;margin:0;font-size:1.25rem;line-height:1.6}.privacy-subsection-title{color:#1e293b;margin:0 0 1.5rem;padding-bottom:1rem;font-size:2rem;font-weight:700;position:relative}.privacy-subsection-title:after{content:"";background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));border-radius:2px;width:60px;height:4px;position:absolute;bottom:0;left:0}.privacy-text-content{align-items:start;gap:4rem;display:grid}.privacy-text-block{flex-direction:column;gap:1.5rem;display:flex}.privacy-lead-text{color:#1e293b;margin:0;font-size:1.25rem;font-weight:600;line-height:1.6}.privacy-text-block p{color:#475569;margin:0;font-size:1rem;line-height:1.7}.privacy-info-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;height:fit-content;padding:2rem;position:sticky;top:2rem;box-shadow:0 10px 40px #52555a1a}.privacy-info-header h3{color:#1e293b;margin:0 0 1.5rem;font-size:1.5rem;font-weight:700}.privacy-info-content{flex-direction:column;gap:1.5rem;display:flex}.privacy-info-item strong{color:var(--color-fomix-blue);margin-bottom:.5rem;font-weight:700;display:block}.privacy-info-item p{color:#475569;margin:0;font-size:.9rem;line-height:1.5}.privacy-highlights{margin-top:3rem}.privacy-principles-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.privacy-principle-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;align-items:flex-start;gap:1rem;padding:1.5rem;transition:all .2s;display:flex;box-shadow:0 10px 40px #52555a1a}.privacy-principle-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #52555a26}.privacy-principle-icon{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.privacy-principle-content h4{color:#1e293b;margin:0 0 .5rem;font-size:1.125rem;font-weight:700}.privacy-principle-content p{color:#64748b;margin:0;font-size:.9rem;line-height:1.6}.privacy-data-categories{flex-direction:column;gap:2rem;display:flex}.privacy-data-icon{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));border-radius:12px;width:48px;height:48px}.privacy-data-header h3{font-size:1.5rem;font-weight:700}.privacy-data-content p{color:#475569;margin:0 0 1rem;font-size:1rem}.privacy-data-list{flex-direction:column;gap:.75rem;display:flex}.privacy-data-list li{gap:.75rem;font-size:.9rem}.privacy-purpose{border-left:4px solid var(--color-fomix-green);background:#05be780d;border-radius:8px;padding:1rem;font-size:.9rem}.privacy-purpose strong{color:var(--color-fomix-green)}.privacy-usage-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;display:grid}.privacy-usage-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;flex-direction:column;gap:1.5rem;padding:2rem;transition:all .2s;display:flex;box-shadow:0 10px 40px #52555a1a}.privacy-usage-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #52555a26}.privacy-usage-header{align-items:center;gap:1rem;display:flex}.privacy-usage-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.privacy-usage-icon.primary{background:linear-gradient(135deg,var(--color-fomix-blue),var(--color-fomix-blue-light));color:#fff}.privacy-usage-icon.success{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-green-dark));color:#fff}.privacy-usage-icon.info{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.privacy-usage-icon.warning{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.privacy-usage-icon.secondary{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.privacy-usage-icon.accent{color:#fff;background:linear-gradient(135deg,#06b6d4,#0891b2)}.privacy-usage-header h3{color:#1e293b;margin:0;font-size:1.375rem;font-weight:700}.privacy-usage-description{color:#475569;margin:0 0 1rem;font-size:1rem;line-height:1.6}.privacy-usage-list{flex-direction:column;gap:.5rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.privacy-usage-list li{color:#475569;align-items:flex-start;gap:.75rem;font-size:.9rem;line-height:1.5;display:flex}.privacy-usage-list li:before{content:"✓";color:var(--color-fomix-green);flex-shrink:0;margin-top:.1rem;font-weight:700}.privacy-legal-basis{border-left:4px solid var(--color-fomix-blue);background:#322ce80d;border-radius:8px;margin-top:auto;padding:.75rem 1rem;font-size:.85rem}.privacy-legal-basis strong{color:var(--color-fomix-blue)}.privacy-right-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;flex-direction:column;gap:1.5rem;padding:2rem;transition:all .2s;display:flex;box-shadow:0 10px 40px #52555a1a}.privacy-right-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #52555a26}.privacy-right-header{align-items:center;gap:1rem;display:flex}.privacy-right-icon{border-radius:14px;width:56px;height:56px}.privacy-right-icon.primary{background:linear-gradient(135deg,var(--color-fomix-blue),var(--color-fomix-blue-light));color:#fff}.privacy-right-icon.success{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-green-dark));color:#fff}.privacy-right-icon.danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.privacy-right-icon.info{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.privacy-right-icon.warning{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.privacy-right-icon.accent{color:#fff;background:linear-gradient(135deg,#06b6d4,#0891b2)}.privacy-right-header h4{color:#1e293b;margin:0;font-size:1.375rem;font-weight:700}.privacy-right-content ul{flex-direction:column;gap:.5rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.privacy-right-content li{color:#475569;align-items:flex-start;gap:.75rem;font-size:.9rem;line-height:1.5;display:flex}.privacy-right-content li:before{content:"•";color:var(--color-fomix-blue);flex-shrink:0;margin-top:.1rem;font-weight:700}.privacy-right-action{background:#f1f5f9;border-radius:8px;margin-top:auto;padding:1rem;font-size:.9rem}.privacy-right-action strong{color:#1e293b}.privacy-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;padding:2rem;box-shadow:0 10px 40px #52555a1a}.privacy-card.warning-border{border-left:4px solid #f59e0b}.privacy-card-title{color:#1e293b;margin:0 0 1rem;font-size:1.5rem;font-weight:700}.privacy-card-description{color:#475569;margin:0 0 1.5rem;font-size:1rem;line-height:1.6}.privacy-minimization{margin-top:3rem}.privacy-retention-info{border-top:1px solid #e2e8f0;margin-top:1.5rem;padding-top:1.5rem}.privacy-retention-info strong{color:#1e293b;margin-bottom:1rem;display:block}.privacy-retention-info ul{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.privacy-retention-info li{color:#475569;align-items:flex-start;gap:.75rem;font-size:.9rem;display:flex}.privacy-retention-info li:before{content:"⏱";flex-shrink:0;margin-top:.1rem}.privacy-principles-section{margin-top:3rem}.privacy-principles-header h3{color:#1e293b;margin:0 0 1.5rem;font-size:1.75rem;font-weight:700}.privacy-principles-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.privacy-principle-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:1rem;padding:1.5rem;display:flex}.privacy-principle-text h4{color:#1e293b;margin:0 0 .5rem;font-size:1rem;font-weight:600}.privacy-principle-text p{color:#64748b;margin:0;font-size:.875rem;line-height:1.5}.privacy-sharing-section{margin-top:3rem}.privacy-sharing-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.privacy-sharing-list li{color:#475569;align-items:flex-start;gap:.75rem;font-size:.95rem;line-height:1.6;display:flex}.privacy-sharing-list li:before{content:"🔒";flex-shrink:0;margin-top:.1rem}.privacy-exercise-section{margin-top:3rem}.privacy-exercise-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;padding:2rem;box-shadow:0 10px 40px #52555a1a}.privacy-exercise-content{flex-direction:column;gap:2rem;display:flex}.privacy-exercise-methods{flex-direction:column;gap:1.5rem;display:flex}.privacy-exercise-method{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:1rem;padding:1.5rem;display:flex}.privacy-exercise-icon{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.privacy-exercise-info h4{color:#1e293b;margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.privacy-exercise-info p{color:#64748b;margin:0;font-size:.9rem;line-height:1.6}.privacy-exercise-timeline{border-left:4px solid var(--color-fomix-green);background:#05be780d;border-radius:12px;padding:1.5rem}.privacy-exercise-timeline h4{color:#1e293b;margin:0 0 1rem;font-size:1.125rem;font-weight:600}.privacy-exercise-timeline ul{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.privacy-exercise-timeline li{color:#475569;align-items:flex-start;gap:.75rem;font-size:.9rem;display:flex}.privacy-exercise-timeline li:before{content:"⏰";flex-shrink:0;margin-top:.1rem}.privacy-obligations-section{margin-top:3rem}.privacy-obligations-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem;display:grid}.privacy-obligation-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;flex-direction:column;gap:1.5rem;padding:2rem;display:flex;box-shadow:0 10px 40px #52555a1a}.privacy-obligation-icon{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.privacy-obligation-content h4{color:#1e293b;margin:0 0 1rem;font-size:1.25rem;font-weight:700}.privacy-obligation-content p{color:#475569;margin:0 0 1.5rem;font-size:.95rem;line-height:1.6}.privacy-obligation-content ul{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.privacy-obligation-content li{color:#64748b;align-items:flex-start;gap:.75rem;font-size:.875rem;line-height:1.5;display:flex}.privacy-obligation-content li:before{content:"✓";color:var(--color-fomix-green);flex-shrink:0;margin-top:.1rem;font-weight:700}.privacy-complaints-section{margin-top:3rem}.privacy-complaint-steps{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.privacy-complaint-step{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:1rem;padding:1.5rem;display:flex}.privacy-complaint-number{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.privacy-complaint-content h4{color:#1e293b;margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.privacy-complaint-content p{color:#64748b;margin:0;font-size:.9rem;line-height:1.6}.privacy-contact-section{background:#f8fafc;padding:6rem 0}.privacy-contact-content{flex-direction:column;gap:3rem;display:flex}.privacy-contact-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.privacy-contact-card{border:1px solid #e2e8f0cc;flex-direction:column;gap:1.5rem;transition:all .2s;display:flex;box-shadow:0 10px 40px #52555a1a}.privacy-contact-card.secondary{border-left:4px solid var(--color-fomix-green)}.privacy-contact-card.accent{border-left:4px solid #06b6d4}.privacy-contact-icon{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.privacy-contact-item{align-items:flex-start;gap:.75rem;display:flex}.privacy-contact-info strong{color:#1e293b;font-size:.9rem;font-weight:600;display:block}.privacy-contact-info p{margin:.25rem 0 0}.privacy-contact-address,.privacy-contact-info p{color:#64748b;font-size:.9rem;line-height:1.5}.privacy-contact-address strong{color:#1e293b;margin-bottom:.5rem;display:block}.privacy-contact-description{color:#64748b;margin-top:auto;font-size:.9rem;line-height:1.6}.privacy-faq-section{margin-top:3rem}.privacy-faq-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-top:2rem;display:grid}.privacy-faq-item{border:1px solid #e2e8f0cc;border-radius:16px;flex-direction:column;gap:1rem;padding:2rem;display:flex;box-shadow:0 10px 40px #52555a1a}.privacy-faq-question{color:#1e293b;margin:0;font-size:1.125rem;font-weight:600}.privacy-faq-answer{color:#475569;margin:0;font-size:.95rem;line-height:1.6}.privacy-contact-form-info{margin-top:3rem}.privacy-contact-methods{flex-direction:column;gap:.75rem;margin:0 0 2rem;padding:0;list-style:none;display:flex}.privacy-contact-methods li{color:#475569;align-items:flex-start;gap:.75rem;font-size:.9rem;line-height:1.5;display:flex}.privacy-contact-methods li:before{content:"📧";flex-shrink:0;margin-top:.1rem}.privacy-contact-requirements{border-top:1px solid #e2e8f0;padding-top:2rem}.privacy-contact-requirements h4{color:#1e293b;margin:0 0 1rem;font-size:1.125rem;font-weight:600}.privacy-contact-requirements p{color:#64748b;margin:0 0 1rem;font-size:.9rem;line-height:1.6}.privacy-contact-requirements ul{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.privacy-contact-requirements li{color:#64748b;align-items:flex-start;gap:.75rem;font-size:.875rem;line-height:1.5;display:flex}.privacy-contact-requirements li:before{content:"•";color:var(--color-fomix-blue);flex-shrink:0;margin-top:.1rem;font-weight:700}.privacy-legal-footer{color:#fff;background:#1e293b;padding:4rem 0}.privacy-legal-container{max-width:1600px;margin:0 auto;padding:0}.privacy-legal-content{text-align:center;max-width:800px;margin:0 auto}.privacy-legal-title{margin:0 0 1rem;font-size:2rem;font-weight:700}.privacy-legal-description{opacity:.9;margin:0 0 2rem;font-size:1.125rem;line-height:1.6}.privacy-legal-links{flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:2rem;display:flex}.privacy-legal-link{color:#fffc;font-weight:500;text-decoration:none;transition:all .2s;position:relative}.privacy-legal-link:hover{color:#fff}.privacy-legal-link:after{content:"";background:#fff;width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.privacy-legal-link:hover:after{width:100%}.privacy-legal-update{opacity:.6;font-size:.875rem}.privacy-legal-update p{margin:0}.voorwaarden-legal-footer{color:#fff;background:#1e293b;padding:4rem 0}.voorwaarden-legal-container{max-width:1600px;margin:0 auto;padding:0}.voorwaarden-legal-content{text-align:center;max-width:800px;margin:0 auto}.voorwaarden-legal-title{margin:0 0 1rem;font-size:2rem;font-weight:700}.voorwaarden-legal-description{opacity:.9;margin:0 0 2rem;font-size:1.125rem;line-height:1.6}.voorwaarden-legal-links{flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:2rem;display:flex}.voorwaarden-legal-link{color:#fffc;font-weight:500;text-decoration:none;transition:all .2s;position:relative}.voorwaarden-legal-link:hover{color:#fff}.voorwaarden-legal-link:after{content:"";background:#fff;width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.voorwaarden-legal-link:hover:after{width:100%}.voorwaarden-legal-update{opacity:.6;font-size:.875rem}.voorwaarden-legal-update p{margin:0}.contact-page,.voorwaarden-page{background:#f8fafc;min-height:100vh}.contact-hero-banner{padding:calc(var(--navbar-height) + 6rem)0 6rem 0;background:linear-gradient(135deg,var(--color-fomix-green)0,var(--color-fomix-blue)100%);color:#fff;margin-top:calc(-1*var(--navbar-height));position:relative;overflow:hidden}.contact-hero-banner:after{content:"";opacity:.05;z-index:1;background-image:url(/img/logo/x.png);background-position:0 100%;background-repeat:no-repeat;background-size:auto 60%;width:120%;height:120%;position:absolute;bottom:0;left:0}.contact-hero-content{z-index:2;max-width:1600px;margin:0 auto;padding:0;position:relative}.contact-hero-main{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.contact-hero-text{max-width:600px}.contact-hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.contact-hero-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;background-clip:text;margin:0 0 1.5rem;font-size:3rem;font-weight:800;line-height:1.1}.contact-hero-description{opacity:.9;margin:0 0 2rem;font-size:1.125rem;line-height:1.6}.contact-hero-buttons{flex-wrap:wrap;gap:1rem;display:flex}.contact-hero-button{border:2px solid #0000;border-radius:50px;align-items:center;gap:.5rem;min-height:48px;padding:.875rem 1.5rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.contact-hero-button.primary{color:var(--color-fomix-blue);background:#fff}.contact-hero-button.primary:hover{background:#ffffffe6;transform:translateY(-2px)}.contact-hero-button.secondary{color:#fff;background:#ffffff1a;border-color:#ffffff4d}.contact-hero-button.secondary:hover{background:#fff3;transform:translateY(-2px)}.contact-hero-cards{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.contact-quick-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:1.5rem;transition:all .2s}.contact-quick-card:hover{background:#ffffff26;transform:translateY(-4px)}.contact-quick-icon{background:#fff3;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1rem;display:flex}.contact-quick-content h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.contact-quick-info{margin:0 0 .5rem;font-weight:500}.contact-quick-status{opacity:.8;font-size:.875rem}.contact-quick-status.available{color:#10b981;font-weight:500}.contact-section{background:#fff;padding:4rem 0}.contact-section:nth-child(2n){background:#f8fafc}.contact-container{padding:0}.contact-container,.contact-content{max-width:1600px;margin:0 auto}.contact-section-header{text-align:center;margin-bottom:3rem}.contact-section-icon{color:var(--color-fomix-blue);margin-bottom:1rem}.contact-section-title{color:#1e293b;margin:0 0 1rem;font-size:2.5rem;font-weight:700}.contact-section-description{color:#64748b;max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.6}.contact-options-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.contact-option-card{background:#fff;border:1px solid #e2e8f080;border-radius:16px;padding:2rem;transition:all .3s;box-shadow:0 10px 40px #52555a1a}.contact-option-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #52555a26}.contact-option-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.contact-option-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.contact-option-icon.primary{background:var(--color-fomix-blue)}.contact-option-icon.success{background:#10b981}.contact-option-icon.warning{background:#f59e0b}.contact-option-icon.accent{background:var(--color-fomix-green)}.contact-option-icon.info{background:#3b82f6}.contact-option-icon.secondary{background:#6366f1}.contact-option-header h3{color:#1e293b;margin:0;font-size:1.25rem;font-weight:600}.contact-option-content p{color:#64748b;margin-bottom:1rem}.contact-option-list{margin:0 0 1.5rem;padding:0;list-style:none}.contact-option-list li{color:#475569;padding:.25rem 0 .25rem 1.5rem;position:relative}.contact-option-list li:before{content:"✓";color:var(--color-fomix-green);font-weight:600;position:absolute;left:0}.contact-option-methods{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.contact-option-method{color:var(--color-fomix-blue);align-items:center;gap:.5rem;padding:.5rem 0;font-size:.875rem;text-decoration:none;transition:color .2s;display:flex}.contact-option-method:hover{color:var(--color-fomix-green)}.contact-option-method.disabled{color:#9ca3af;cursor:not-allowed}.contact-option-response{color:#64748b;font-size:.875rem;font-weight:500}.contact-emergency{background:linear-gradient(135deg,#fee2e2,#fef3c7);border-left:4px solid #ef4444;border-radius:16px;padding:2rem}.contact-emergency h3{color:#dc2626;margin-top:0}.contact-emergency-methods{flex-wrap:wrap;gap:1rem;margin:1rem 0;display:flex}.contact-emergency-button{color:#fff;background:#dc2626;border-radius:50px;align-items:center;gap:.5rem;min-height:48px;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.contact-emergency-button:hover{background:#b91c1c;transform:translateY(-2px)}.contact-emergency-note{color:#92400e;font-size:.875rem;font-style:italic}.contact-form-container{grid-template-columns:2fr 1fr;align-items:start;gap:3rem;display:grid}.contact-form-wrapper{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 10px 40px #52555a1a}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.contact-form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.contact-form-field{flex-direction:column;display:flex}.contact-form-label{color:#374151;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:600;display:flex}.contact-form-input,.contact-form-select,.contact-form-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:.875rem 1rem;font-size:1rem;transition:border-color .2s}.contact-form-input:focus,.contact-form-select:focus,.contact-form-textarea:focus{border-color:var(--color-fomix-blue);outline:none;box-shadow:0 0 0 3px #3b82f61a}.contact-form-textarea{resize:vertical;min-height:120px}.contact-form-counter{color:#9ca3af;text-align:right;margin-top:.25rem;font-size:.75rem}.contact-form-submit{flex-direction:column;align-items:center;gap:1rem;display:flex}.contact-form-button{background:linear-gradient(135deg,var(--color-fomix-green)0,var(--color-fomix-blue)100%);color:#fff;cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;min-width:200px;min-height:48px;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.contact-form-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #52555a33}.contact-form-button:disabled{opacity:.6;cursor:not-allowed}.contact-form-spinner{border:2px solid #0000;border-top-color:currentcolor;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}.contact-form-notice{color:#64748b;text-align:center;max-width:400px;font-size:.875rem}.contact-form-notice a{color:var(--color-fomix-blue);text-decoration:none}.contact-form-notice a:hover{text-decoration:underline}.contact-form-info{background:#f8fafc;border-radius:16px;height:fit-content;padding:2rem;position:sticky;top:2rem}.contact-form-info h3{color:#1e293b;margin-top:0;margin-bottom:1.5rem}.contact-form-expectations{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.contact-form-expectation{align-items:flex-start;gap:1rem;display:flex}.contact-form-expectation-icon{flex-shrink:0;font-size:1.5rem}.contact-form-expectation-content h4{color:#374151;margin:0 0 .25rem;font-weight:600}.contact-form-expectation-content p{color:#64748b;margin:0;font-size:.875rem}.contact-form-tips h4{color:#374151;margin-top:0}.contact-form-tips ul{margin:0;padding-left:1.25rem}.contact-form-tips li{color:#64748b;margin-bottom:.5rem;font-size:.875rem}.contact-info-grid{grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:3rem;display:grid}.contact-info-card{background:#fff;border:1px solid #e2e8f080;border-radius:16px;padding:2rem;box-shadow:0 10px 40px #52555a1a}.contact-info-card.main{padding:2.5rem}.contact-info-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.contact-info-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.contact-info-icon.primary{background:var(--color-fomix-blue)}.contact-info-icon.success{background:#10b981}.contact-info-header h3{color:#1e293b;margin:0;font-size:1.25rem;font-weight:600}.contact-info-address{margin-bottom:1.5rem}.contact-info-address strong{color:#374151;margin-bottom:.5rem;display:block}.contact-info-address p{color:#64748b;margin:0;line-height:1.5}.contact-info-details{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.contact-info-detail{align-items:center;gap:.75rem;display:flex}.contact-info-detail strong{color:#374151;margin-bottom:.25rem;display:block}.contact-info-detail p{color:#64748b;margin:0}.contact-info-business{border-top:1px solid #e5e7eb;padding-top:1.5rem}.contact-info-business h4{color:#374151;margin-top:0;margin-bottom:.5rem}.contact-info-business p{color:#64748b;margin:0;line-height:1.5}.contact-hours-list{flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.contact-hours-item{justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.contact-hours-day{color:#374151;font-weight:500}.contact-hours-time{color:#64748b}.contact-hours-item.weekend .contact-hours-day,.contact-hours-item.weekend .contact-hours-time{color:#9ca3af}.contact-hours-note{border-top:1px solid #e5e7eb;padding-top:1rem}.contact-hours-note p{color:#64748b;margin:0 0 .5rem;font-size:.875rem}.contact-directions{margin-bottom:3rem}.contact-directions h3{color:#1e293b;margin-bottom:2rem}.contact-directions-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.contact-direction-card{background:#fff;border-radius:16px;gap:1.5rem;padding:2rem;display:flex;box-shadow:0 10px 40px #52555a1a}.contact-direction-icon{background:linear-gradient(135deg,var(--color-fomix-green)0,var(--color-fomix-blue)100%);color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.contact-direction-content h4{color:#1e293b;margin-top:0;margin-bottom:1rem}.contact-direction-content p{color:#64748b;margin-bottom:1rem}.contact-direction-details{color:#64748b;background:#f8fafc;border-radius:8px;padding:1rem;font-size:.875rem}.contact-studio-info{margin-bottom:3rem}.contact-studio-card{border-left:4px solid var(--color-fomix-blue);background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:16px;padding:2.5rem}.contact-studio-card h3{color:#1e293b;margin-top:0;margin-bottom:1rem}.contact-studio-features{grid-template-columns:1fr 1fr;gap:2rem;margin:1.5rem 0;display:grid}.contact-studio-feature h4{color:#374151;margin-top:0;margin-bottom:1rem}.contact-studio-feature ul{margin:0;padding-left:1.25rem}.contact-studio-feature li{color:#64748b;margin-bottom:.5rem}.contact-studio-booking{color:#374151;background:#ffffffb3;border-radius:12px;padding:1.5rem;font-weight:500}.contact-map,.contact-map h3{margin-bottom:2rem}.contact-map h3{color:#1e293b}.contact-map-placeholder{text-align:center;color:#64748b;background:#f1f5f9;border:2px dashed #cbd5e1;border-radius:16px;padding:3rem}.contact-map-placeholder p{margin:1rem 0}.contact-map-links{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}.contact-map-link{background:var(--color-fomix-blue);color:#fff;border-radius:50px;align-items:center;min-height:48px;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.contact-map-link:hover{background:var(--color-fomix-green);transform:translateY(-2px)}.contact-faq-categories{margin-bottom:2rem}.contact-faq-category-list{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.contact-faq-category-tag{color:var(--color-fomix-blue);background:#e0f2fe;border-radius:50px;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.contact-faq-list{flex-direction:column;gap:1rem;margin-bottom:3rem;display:flex}.contact-faq-item{background:#fff;border:1px solid #e2e8f080;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #52555a14}.contact-faq-question{text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:1.5rem;transition:background-color .2s;display:flex}.contact-faq-question:hover{background:#f8fafc}.contact-faq-question-text{color:#1e293b;text-align:left;flex:1;font-size:1.125rem;font-weight:600}.contact-faq-question-icon{color:var(--color-fomix-blue);transition:transform .2s}.contact-faq-answer{border-top:1px solid #e5e7eb;padding:0 1.5rem 1.5rem}.contact-faq-answer-content{color:#64748b;margin-bottom:1rem;line-height:1.6}.contact-faq-answer-category{color:#9ca3af;font-size:.875rem;font-weight:500}.contact-faq-footer{text-align:center;background:#f8fafc;border-radius:16px;padding:2.5rem}.contact-faq-footer h3{color:#1e293b;margin-top:0;margin-bottom:1rem}.contact-faq-footer p{color:#64748b;margin-bottom:2rem}.contact-faq-contact-options{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.contact-faq-contact-button{border-radius:50px;align-items:center;min-height:48px;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.contact-faq-contact-button.primary{background:linear-gradient(135deg,var(--color-fomix-green)0,var(--color-fomix-blue)100%);color:#fff}.contact-faq-contact-button:not(.primary){color:var(--color-fomix-blue);border:2px solid var(--color-fomix-blue);background:#fff}.contact-faq-contact-button:hover{transform:translateY(-2px)}.contact-faq-response-time{color:#64748b;background:#ffffffb3;border-radius:8px;padding:1rem;font-size:.875rem}.contact-social-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.contact-social-card{background:#fff;border:1px solid #e2e8f080;border-radius:16px;transition:all .3s;overflow:hidden;box-shadow:0 10px 40px #52555a1a}.contact-social-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #52555a26}.contact-social-header{border-bottom:1px solid #e5e7eb;align-items:center;gap:1rem;padding:1.5rem;display:flex}.contact-social-header.instagram{background:linear-gradient(135deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)}.contact-social-header.facebook{background:#1877f2}.contact-social-header.twitter{background:#1da1f2}.contact-social-header.youtube{background:red}.contact-social-header.whatsapp{background:#25d366}.contact-social-header.tiktok{background:linear-gradient(135deg,#ff0050,#00f2ea)}.contact-social-icon{color:#fff;background:#fff3;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.contact-social-info{color:#fff;flex:1}.contact-social-info h3{margin:0;font-size:1.125rem;font-weight:600}.contact-social-info p{opacity:.9;margin:.25rem 0 0;font-size:.875rem}.contact-social-stats{color:#fff;text-align:right}.contact-social-followers{font-size:1.25rem;font-weight:700;display:block}.contact-social-label{opacity:.8;font-size:.75rem}.contact-social-status{margin-right:.25rem;font-size:1.5rem;display:inline-block}.contact-social-status.online{color:#10b981}.contact-social-content{padding:1.5rem}.contact-social-content p{color:#64748b;margin-bottom:1rem}.contact-social-features{margin:0 0 1.5rem;padding:0;list-style:none}.contact-social-features li{color:#475569;padding:.25rem 0;font-size:.875rem}.contact-social-button{color:#fff;border-radius:50px;align-items:center;gap:.5rem;min-height:48px;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.contact-social-button.instagram{background:linear-gradient(135deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)}.contact-social-button.facebook{background:#1877f2}.contact-social-button.twitter{background:#1da1f2}.contact-social-button.youtube{background:red}.contact-social-button.whatsapp{background:#25d366}.contact-social-button.tiktok{background:linear-gradient(135deg,#ff0050,#00f2ea)}.contact-social-button:hover{opacity:.9;transform:translateY(-2px)}.contact-social-stats-summary{text-align:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:16px;margin-bottom:3rem;padding:2.5rem}.contact-social-stats-summary h3{color:#1e293b;margin-top:0;margin-bottom:2rem}.contact-social-summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;display:grid}.contact-social-summary-item{flex-direction:column;align-items:center;gap:1rem;display:flex}.contact-social-summary-icon{background:linear-gradient(135deg,var(--color-fomix-green)0,var(--color-fomix-blue)100%);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.contact-social-summary-number{color:var(--color-fomix-blue);font-size:2rem;font-weight:700;display:block}.contact-social-summary-label{color:#64748b;font-size:.875rem;font-weight:500}.contact-social-engage{background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 10px 40px #52555a1a}.contact-social-engage h3{color:#1e293b;margin-top:0;margin-bottom:1rem}.contact-social-engage p{color:#64748b;margin-bottom:2rem}.contact-social-hashtags{margin-bottom:2rem}.contact-social-hashtags h4{color:#374151;margin-bottom:1rem}.contact-social-hashtag-list{flex-wrap:wrap;gap:.75rem;display:flex}.contact-social-hashtag{background:linear-gradient(135deg,var(--color-fomix-green)0,var(--color-fomix-blue)100%);color:#fff;border-radius:50px;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.contact-social-contests h4{color:#374151;margin-bottom:1rem}.contact-social-contests ul{margin:0;padding-left:1.25rem}.contact-social-contests li{color:#64748b;margin-bottom:.5rem}.programma-page{background:#f8fafc;min-height:100vh}.programma-hero-banner{background:linear-gradient(135deg,var(--color-fomix-blue)0,var(--color-fomix-green)100%);align-items:center;height:60vh;min-height:500px;display:flex;position:relative;overflow:hidden}.programma-hero-banner:before{opacity:.4;z-index:1;background-image:url(/img/banner/mellie.jpeg);background-position:100%;background-size:cover;width:60vw;height:100%;top:0;right:0;-webkit-mask:linear-gradient(90deg,#0000,#0000004d 40%,#000);mask:linear-gradient(90deg,#0000,#0000004d 40%,#000)}.programma-hero-banner:after,.programma-hero-banner:before{content:"";pointer-events:none;background-repeat:no-repeat;position:absolute}.programma-hero-banner:after{opacity:.08;z-index:2;background-image:url(/img/logo/x.png);background-position:0 100%;background-size:contain;width:800px;height:800px;bottom:0;left:0}.programma-hero-content{z-index:10;align-items:center;width:100%;max-width:1600px;height:100%;margin:0 auto;padding:0;display:flex;position:relative}.programma-hero-text{color:#fff;max-width:1600px}.programma-hero-subtitle{opacity:.9;text-transform:uppercase;letter-spacing:.05em;color:#ffffffe6;align-items:center;gap:1rem;margin-bottom:1rem;font-size:1.125rem;font-weight:600;display:flex}.live-indicator{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:live-pulse 2s infinite}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.programma-hero-title{color:#fff}.programma-hero-description{opacity:.9;max-width:600px}.programma-hero-button{color:var(--color-fomix-blue);background:#fff;gap:.75rem;transition:all .3s;box-shadow:0 4px 15px #0000001a}.programma-hero-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.programma-hero-badges{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.programma-category-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:50px;padding:.5rem 1rem;font-size:.75rem;font-weight:600}.programma-category-badge.category-elektronisch{background:#3b82f6}.programma-category-badge.category-talk{background:#f59e0b}.programma-category-badge.category-live{background:#ef4444}.programma-category-badge.category-nieuws{background:#10b981}.programma-category-badge.category-mix{background:#8b5cf6}.programma-live-badge{text-transform:uppercase;letter-spacing:.5px;background:#ef4444e6;border-radius:50px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;display:flex}.programma-live-dot{background:#fef2f2;border-radius:50%;width:8px;height:8px;animation:pulse 2s infinite}.programma-hero-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;background-clip:text;margin:0 0 1.5rem;font-size:3.5rem;font-weight:800;line-height:1.1}.programma-hero-description{opacity:.95;margin:0 0 2rem;font-size:1.25rem;line-height:1.6}.programma-hero-host{align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.125rem;display:flex}.programma-hero-schedule{flex-wrap:wrap;gap:2rem;margin-bottom:1.5rem;display:flex}.programma-schedule-item{gap:.5rem}.programma-hero-next,.programma-schedule-item{align-items:center;font-size:1rem;display:flex}.programma-hero-next{opacity:.9;gap:.75rem;margin-bottom:2rem}.programma-hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.programma-hero-button{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:.5rem;min-height:48px;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.programma-hero-button.primary{color:var(--color-fomix-blue);background:#fff}.programma-hero-button.primary:hover{background:#ffffffe6;transform:translateY(-2px)}.programma-hero-button.secondary{color:#fff;background:#ffffff26;border:2px solid #ffffff4d}.programma-hero-button.secondary:hover{background:#ffffff40;transform:translateY(-2px)}.programma-hero-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:2rem}.programma-stats-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.programma-stat-item{align-items:center;gap:1rem;display:flex}.programma-stat-icon{background:#fff3;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.programma-stat-content{flex-direction:column;display:flex}.programma-stat-number{font-size:1.5rem;font-weight:700;line-height:1}.programma-stat-label{opacity:.8;margin-top:.25rem;font-size:.875rem}.programma-hero-tags{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:3rem;display:flex}.programma-hero-tag{background:#ffffff26;border:1px solid #ffffff4d;border-radius:50px;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.programma-content-section{background:#fff;padding:4rem 0}.programma-container{max-width:1600px;margin:0 auto;padding:0}.programma-layout{grid-template-columns:350px 1fr;align-items:start;gap:4rem;display:grid}.programma-info-sidebar{flex-direction:column;gap:2rem;display:flex;position:sticky;top:2rem}.programma-info-card{background:#fff;border:1px solid #e2e8f080;border-radius:16px;padding:2rem;box-shadow:0 10px 40px #52555a1a}.programma-info-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.programma-info-icon{color:var(--color-fomix-blue)}.programma-info-header h3{color:#1e293b;margin:0;font-size:1.25rem;font-weight:600}.host-profile{gap:1rem;margin-bottom:1.5rem;display:flex}.host-avatar{border-radius:50%;flex-shrink:0;width:80px;height:80px;overflow:hidden}.host-avatar img{object-fit:cover;width:100%;height:100%}.host-details{flex:1}.host-name{color:#1e293b;margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.host-bio{color:#64748b;margin:0;font-size:.875rem;line-height:1.5}.host-social h5{color:#374151;margin:0 0 1rem;font-size:.875rem;font-weight:600}.host-social-links{flex-direction:column;gap:.5rem;display:flex}.host-social-link{border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;text-decoration:none;transition:background-color .2s;display:flex}.host-social-link.instagram{color:#e1306c}.host-social-link.twitter{color:#1da1f2}.host-social-link.facebook{color:#1877f2}.host-social-link:hover{background:#f8fafc}.host-contact-link{background:var(--color-fomix-blue);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.host-contact-link:hover{background:var(--color-fomix-green);transform:translateY(-2px)}.programma-details-list{flex-direction:column;gap:1rem;display:flex}.programma-detail-item{flex-direction:column;gap:.25rem;display:flex}.detail-label{color:#374151;font-size:.875rem;font-weight:600}.detail-value{color:#64748b;font-size:.875rem}.detail-value small{color:#9ca3af;margin-top:.25rem;font-size:.75rem;display:block}.programma-stats-compact{flex-direction:column;gap:1rem;display:flex}.stat-compact-item{align-items:center;gap:.75rem;display:flex}.stat-compact-icon{background:linear-gradient(135deg,var(--color-fomix-green)0,var(--color-fomix-blue)100%);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.stat-compact-content{flex-direction:column;display:flex}.stat-compact-number{color:#1e293b;font-size:1.25rem;font-weight:700;line-height:1}.stat-compact-label{color:#64748b;margin-top:.25rem;font-size:.75rem}.programma-tags-list{flex-wrap:wrap;gap:.5rem;display:flex}.programma-info-tag{color:var(--color-fomix-blue);background:#e0f2fe;border-radius:50px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.programma-info-actions{flex-direction:column;gap:.75rem;display:flex}.programma-action-button{cursor:pointer;border:none;border-radius:8px;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}.programma-action-button.primary{background:linear-gradient(135deg,var(--color-fomix-green)0,var(--color-fomix-blue)100%);color:#fff}.programma-action-button.secondary{color:var(--color-fomix-blue);background:#f8fafc;border:1px solid #e2e8f0}.programma-action-button:hover{transform:translateY(-2px)}.programma-main-content{flex-direction:column;gap:3rem;display:flex}.programma-main-article{background:#fff;border:1px solid #e2e8f080;border-radius:16px;padding:3rem;box-shadow:0 10px 40px #52555a1a}.programma-article-header{border-bottom:1px solid #e5e7eb;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.programma-article-icon{color:var(--color-fomix-blue)}.programma-article-header h2{color:#1e293b;margin:0;font-size:1.75rem;font-weight:700}.programma-article-content{color:#374151;font-size:1rem;line-height:1.7}.programma-article-content h2{color:#1e293b;margin:2rem 0 1rem;font-size:1.5rem;font-weight:600}.programma-article-content h3{color:#1e293b;margin:1.5rem 0 .75rem;font-size:1.25rem;font-weight:600}.programma-article-content p{margin-bottom:1rem}.programma-article-content ul{margin:1rem 0;padding-left:1.5rem}.programma-article-content li{margin-bottom:.5rem}.programma-article-content blockquote{border-left:4px solid var(--color-fomix-blue);color:#64748b;background:#f8fafc;border-radius:0 8px 8px 0;margin:2rem 0;padding:1rem 1.5rem;font-style:italic}.programma-episodes-section{background:#fff;border:1px solid #e2e8f080;border-radius:16px;padding:3rem;box-shadow:0 10px 40px #52555a1a}.programma-episodes-header{text-align:center;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.programma-episodes-header h2{color:#1e293b;margin:0;font-size:1.75rem;font-weight:700}.programma-episodes-header p{color:#64748b;margin:.5rem 0 0}.programma-episodes-icon{color:var(--color-fomix-blue)}.programma-episodes-list{flex-direction:column;gap:1.5rem;display:flex}.programma-episode-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .2s}.programma-episode-card:hover{background:#f1f5f9;transform:translateY(-2px)}.episode-card-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.episode-number{background:linear-gradient(135deg,var(--color-fomix-green)0,var(--color-fomix-blue)100%);color:#fff;border-radius:8px;padding:.5rem .75rem;font-size:.875rem;font-weight:600}.episode-info{flex:1}.episode-meta{color:#64748b;align-items:center;gap:1rem;font-size:.875rem;display:flex}.episode-duration{align-items:center;gap:.25rem;display:flex}.episode-play-button{background:var(--color-fomix-blue);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.episode-play-button:hover{background:var(--color-fomix-green);transform:scale(1.05)}.episode-highlights h5{color:#374151;margin:0 0 .5rem;font-size:.875rem;font-weight:600}.episode-highlights-list{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.episode-highlights-list li{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:50px;padding:.25rem .75rem;font-size:.75rem}.programma-episodes-more{background:var(--color-fomix-blue);color:#fff;cursor:pointer;border:none;border-radius:50px;margin:2rem auto 0;padding:.75rem 2rem;font-weight:600;transition:all .2s;display:block}.programma-episodes-more:hover{background:var(--color-fomix-green);transform:translateY(-2px)}.programma-format-section{background:#fff;border:1px solid #e2e8f080;border-radius:16px;padding:3rem;box-shadow:0 10px 40px #52555a1a}.programma-format-header{text-align:center;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.programma-format-header h2{color:#1e293b;margin:0;font-size:1.75rem;font-weight:700}.programma-format-header p{color:#64748b;margin:.5rem 0 0}.programma-format-icon{color:var(--color-fomix-blue)}.programma-format-timeline{padding-left:2rem;position:relative}.programma-format-timeline:before{content:"";background:linear-gradient(to bottom,var(--color-fomix-green),var(--color-fomix-blue));width:2px;position:absolute;top:0;bottom:0;left:.75rem}.format-timeline-item{align-items:flex-start;gap:1.5rem;margin-bottom:2rem;display:flex;position:relative}.format-timeline-item:before{content:"";background:var(--color-fomix-blue);width:12px;height:12px;box-shadow:0 0 0 2px var(--color-fomix-blue);border:3px solid #fff;border-radius:50%;position:absolute;top:.25rem;left:-2.25rem}.format-time{background:linear-gradient(135deg,var(--color-fomix-green)0,var(--color-fomix-blue)100%);color:#fff;white-space:nowrap;border-radius:50px;align-self:flex-start;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.format-content{flex:1}.format-content h4{color:#1e293b;margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.format-content p{color:#64748b;margin:0}.programma-interaction-section{background:#fff;border:1px solid #e2e8f080;border-radius:16px;padding:3rem;box-shadow:0 10px 40px #52555a1a}.programma-interaction-card h3{color:#1e293b;margin:0 0 1rem;font-size:1.5rem;font-weight:700}.programma-interaction-card p{color:#64748b;margin-bottom:2rem;line-height:1.6}.interaction-methods{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.interaction-method{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;gap:1rem;padding:1.5rem;display:flex}.interaction-icon{flex-shrink:0;font-size:2rem}.interaction-content h4{color:#1e293b;margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.interaction-content p{color:#64748b;margin:0 0 .5rem;font-size:.875rem}.interaction-content strong{color:var(--color-fomix-blue);font-weight:600}.programma-schedule-section{background:#fff;border:1px solid #e2e8f080;border-radius:16px;padding:3rem;box-shadow:0 10px 40px #52555a1a}.programma-schedule-header{text-align:center;flex-direction:column;align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.programma-schedule-header h2{color:#1e293b;margin:0;font-size:1.75rem;font-weight:700}.programma-schedule-header p{color:#64748b;margin:.5rem 0 0}.programma-schedule-icon{color:var(--color-fomix-blue)}.programma-schedule-overview{margin-bottom:3rem}.schedule-overview-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:16px;padding:2rem}.schedule-overview-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;display:flex}.schedule-info h3{color:#1e293b;margin:0 0 1rem;font-size:1.25rem;font-weight:600}.schedule-details{flex-direction:column;gap:.75rem;display:flex}.schedule-detail{color:#374151;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.schedule-actions{flex-wrap:wrap;gap:1rem;display:flex}.schedule-action-button{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.schedule-action-button.primary{background:var(--color-fomix-blue);color:#fff}.schedule-action-button.secondary{color:var(--color-fomix-blue);border:2px solid var(--color-fomix-blue);background:#fff}.schedule-action-button:hover{transform:translateY(-2px)}.programma-upcoming-episodes{margin-bottom:3rem}.programma-upcoming-episodes h3{color:#1e293b;text-align:center;margin:0 0 2rem;font-size:1.5rem;font-weight:700}.upcoming-episodes-list{flex-direction:column;gap:1rem;display:flex}.upcoming-episode-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:1.5rem;padding:1.5rem;transition:all .2s;display:flex}.upcoming-episode-card:hover{background:#f1f5f9;transform:translateY(-2px)}.upcoming-episode-card.live{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca}.episode-date-info{gap:1rem;min-width:80px}.episode-date,.episode-date-info{flex-direction:column;align-items:center;display:flex}.episode-date{text-align:center}.episode-day{color:#64748b;text-transform:uppercase;font-size:.75rem;font-weight:600}.episode-day-num{color:#1e293b;font-size:1.5rem;font-weight:700;line-height:1}.episode-month{color:#9ca3af;font-size:.75rem}.episode-status{text-transform:uppercase;border-radius:50px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:flex}.episode-status.status-red{color:#dc2626;background:#fee2e2}.episode-status.status-blue{color:#2563eb;background:#dbeafe}.episode-status.status-green{color:#16a34a;background:#dcfce7}.episode-status.status-purple{color:#9333ea;background:#f3e8ff}.episode-status.status-gray{color:#64748b;background:#f1f5f9}.live-dot{background:currentColor;border-radius:50%;width:6px;height:6px;animation:pulse 2s infinite}.episode-details{flex:1}.episode-title{color:#1e293b;margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.episode-time{color:#64748b;align-items:center;gap:.25rem;margin-bottom:.25rem;font-size:.875rem;display:flex}.episode-date-full{color:#9ca3af;font-size:.875rem}.episode-actions{display:flex}.episode-action-button{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.episode-action-button.live{color:#fff;background:#ef4444}.episode-action-button.past{color:#fff;background:#6b7280}.episode-action-button.upcoming{background:var(--color-fomix-blue);color:#fff}.episode-action-button:hover{transform:translateY(-2px)}.programma-timezone-info{text-align:center;color:#64748b;background:#f8fafc;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;margin-bottom:3rem;padding:1rem;font-size:.875rem;display:flex}.programma-calendar-integration{text-align:center}.programma-calendar-integration h3{color:#1e293b;margin:0 0 1rem;font-size:1.25rem;font-weight:600}.programma-calendar-integration p{color:#64748b;margin-bottom:2rem}.calendar-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.calendar-button{cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s}.calendar-button.google{color:#fff;background:#4285f4}.calendar-button.outlook{color:#fff;background:#0078d4}.calendar-button.apple{color:#fff;background:#007aff}.calendar-button.ical{color:#fff;background:#64748b}.calendar-button:hover{transform:translateY(-2px)}.skeleton{background:linear-gradient(90deg,#f1f5f9,#e2e8f0 50%,#f1f5f9) 0 0/200% 100%;border-radius:4px;animation:skeleton-loading 1.5s infinite}.skeleton-badge{width:80px;height:24px}.skeleton-title{width:300px;height:48px;margin-bottom:1rem}.skeleton-description{width:400px;height:20px;margin-bottom:.5rem}.skeleton-host-info{width:200px;height:20px}.skeleton-schedule-info{width:150px;height:16px}.skeleton-button{width:120px;height:48px}.skeleton-stat-number{width:40px;height:24px}.skeleton-stat-label{width:80px;height:14px}.skeleton-tag{width:60px;height:24px}.skeleton-card-title{width:120px;height:20px}.skeleton-host-name{width:100px;height:18px}.skeleton-host-bio{width:200px;height:14px;margin-bottom:.25rem}.skeleton-social-title{width:80px;height:16px}.skeleton-social-link{width:150px;height:32px}.skeleton-detail-label{width:60px;height:14px}.skeleton-detail-value{width:120px;height:14px}.skeleton-article-title{width:200px;height:28px}.skeleton-content-line{width:100%;height:16px;margin-bottom:.5rem}.skeleton-section-title{width:250px;height:28px;margin-bottom:.5rem}.skeleton-section-description{width:300px;height:16px}.skeleton-episode-number{width:40px;height:28px}.skeleton-episode-title{width:200px;height:18px}.skeleton-episode-meta{width:150px;height:14px}.skeleton-play-button{border-radius:50%;width:48px;height:48px}.skeleton-highlights-title{width:100px;height:14px;margin-bottom:.5rem}.skeleton-highlight-item{width:80px;height:20px;margin-bottom:.25rem}.skeleton-icon{opacity:.3}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-pulse{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 10px 40px #52555a33}.loading-pulse p{color:#64748b;margin:0;font-weight:500}.programma-error-page{background:#f8fafc;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.programma-error-container{text-align:center;width:100%;max-width:800px}.programma-error-content{background:#fff;border-radius:16px;margin-bottom:3rem;padding:3rem;box-shadow:0 10px 40px #52555a1a}.programma-error-icon{color:#ef4444;margin-bottom:2rem}.programma-error-title{color:#1e293b;margin:0 0 1rem;font-size:2rem;font-weight:700}.programma-error-description{color:#64748b;margin-bottom:2rem;font-size:1.125rem}.programma-error-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.programma-error-button{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:.5rem;min-height:48px;padding:.875rem 1.5rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.programma-error-button.primary{background:var(--color-fomix-blue);color:#fff}.programma-error-button.secondary{color:var(--color-fomix-blue);border:2px solid var(--color-fomix-blue);background:#f8fafc}.programma-error-button.tertiary{color:#fff;background:#6b7280}.programma-error-button:hover{transform:translateY(-2px)}.programma-error-back{margin-top:1rem}.programma-error-back-link{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;font-size:.875rem;text-decoration:none;display:inline-flex}.programma-error-back-link:hover{color:var(--color-fomix-blue)}.programma-error-suggestions{background:#fff;border-radius:16px;margin-bottom:2rem;padding:3rem;box-shadow:0 10px 40px #52555a1a}.programma-error-suggestions h2{color:#1e293b;margin:0 0 1rem;font-size:1.5rem;font-weight:700}.programma-error-suggestions p{color:#64748b;margin-bottom:2rem}.programma-suggestions-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.programma-suggestion-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;gap:1rem;padding:1rem;text-decoration:none;transition:all .2s;display:flex}.programma-suggestion-card:hover{background:#f1f5f9;transform:translateY(-2px)}.suggestion-image{border-radius:8px;flex-shrink:0;width:60px;height:60px;overflow:hidden}.suggestion-image img{object-fit:cover;width:100%;height:100%}.suggestion-content{flex:1}.suggestion-content h3{color:#1e293b;margin:0 0 .25rem;font-size:1rem;font-weight:600}.suggestion-content p{color:#64748b;margin:0 0 .25rem;font-size:.875rem}.suggestion-time{color:#9ca3af;font-size:.75rem}.programma-error-contact{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:2rem}.programma-error-contact h3{color:#1e293b;margin:0 0 1rem;font-size:1.25rem;font-weight:600}.programma-error-contact p{color:#64748b;margin:0}.programma-error-contact a{color:var(--color-fomix-blue);text-decoration:none}.programma-error-contact a:hover{text-decoration:underline}@media (max-width:1023px){.contact-hero-banner{padding:calc(var(--navbar-height) + 4rem)0 4rem 0}.contact-hero-main{gap:2rem}.contact-hero-cards,.contact-hero-main{grid-template-columns:1fr}.contact-hero-title{font-size:2.5rem}.contact-options-grid{grid-template-columns:1fr;gap:1.5rem}.contact-option-card{padding:1.5rem}.contact-form-container{grid-template-columns:1fr;gap:2rem}.contact-form-row{grid-template-columns:1fr;gap:1rem}.contact-form-wrapper{padding:1.5rem}.contact-form-info{position:static}.contact-info-grid{gap:1.5rem}.contact-directions-grid,.contact-info-grid,.contact-studio-features{grid-template-columns:1fr}.contact-studio-features{gap:1.5rem}.contact-faq-category-list{justify-content:flex-start}.contact-faq-contact-options{flex-direction:column;align-items:center}.contact-social-grid{grid-template-columns:1fr}.contact-social-summary-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.contact-social-hashtag-list{justify-content:center}.contact-container{padding:0 1.5rem}.contact-section-title{font-size:2rem}.beleid-hero-banner{padding:calc(var(--navbar-height) + 4rem)0 4rem 0}.beleid-hero-content{grid-template-columns:1fr;gap:2rem;padding:0 1.5rem}.beleid-hero-title{font-size:2.5rem}.beleid-nav-grid{grid-template-columns:repeat(2,1fr)}.privacy-section{padding:4rem 0}.privacy-container{padding:0 1.5rem}.privacy-section-title{font-size:2rem}.privacy-subsection-title{font-size:1.75rem}.privacy-text-content{grid-template-columns:1fr;gap:2rem}.privacy-info-card{position:static}.privacy-contact-grid,.privacy-faq-grid,.privacy-obligations-grid,.privacy-principles-grid,.privacy-rights-grid,.privacy-usage-grid{grid-template-columns:1fr}.privacy-legal-links{flex-direction:column;gap:1rem}}@media (max-width:639px){.beleid-hero-title{font-size:2rem}.beleid-hero-description{font-size:1.125rem}.beleid-nav-grid{grid-template-columns:1fr}.privacy-section-title{font-size:1.75rem}.privacy-principles-cards{grid-template-columns:1fr}.privacy-complaint-step,.privacy-exercise-method{text-align:center;flex-direction:column}}.cookies-page{background:#f8fafc;min-height:100vh}.cookies-legal-footer{color:#fff;background:#1e293b;padding:4rem 0}.cookies-legal-container{max-width:1200px;margin:0 auto;padding:0 2rem}.cookies-legal-content{text-align:center}.cookies-legal-title{color:#fff;margin:0 0 1.5rem;font-size:2rem;font-weight:700}.cookies-legal-description{color:#94a3b8;margin:0 0 2.5rem;font-size:1.125rem;line-height:1.6}.cookies-legal-links{flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:2rem;display:flex}.cookies-legal-link{color:var(--color-fomix-green);border-radius:8px;padding:.5rem 1rem;font-weight:600;text-decoration:none;transition:all .3s}.cookies-legal-link:hover{background:#05be781a;transform:translateY(-2px)}.cookies-legal-update{color:#64748b;justify-content:center;gap:2rem;margin-top:1rem;font-size:.875rem;display:flex}.privacy-management-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.privacy-management-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;transition:all .3s;box-shadow:0 4px 6px #0000000d}.privacy-management-section:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.privacy-management-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.privacy-management-icon{color:var(--color-fomix-blue);flex-shrink:0}.privacy-management-header h3{color:#1e293b;margin:0;font-size:1.5rem;font-weight:700}.privacy-management-content p{color:#64748b;margin-bottom:1.5rem;line-height:1.6}.privacy-management-actions{flex-wrap:wrap;gap:1rem;display:flex}.privacy-button{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.privacy-button.primary{background:linear-gradient(135deg,var(--color-fomix-blue),var(--color-fomix-green));color:#fff}.privacy-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #322ce840}.privacy-button.secondary{color:var(--color-fomix-blue);background:#f1f5f9;border:1px solid #e2e8f0}.privacy-button.secondary:hover{background:#e2e8f0;transform:translateY(-2px)}.privacy-browser-list,.privacy-mobile-list{flex-direction:column;gap:.75rem;display:flex}.privacy-browser-item,.privacy-mobile-item{border-left:4px solid var(--color-fomix-green);color:#475569;background:#f8fafc;border-radius:8px;padding:1rem;line-height:1.5}.privacy-browser-item strong,.privacy-mobile-item strong{color:#1e293b}.privacy-rights-section{background:#f8fafc;border-radius:16px;margin-bottom:2rem;padding:2rem}.privacy-rights-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.privacy-rights-icon{color:var(--color-fomix-green)}.privacy-rights-header h3{color:#1e293b;margin:0;font-size:1.75rem;font-weight:700}.privacy-rights-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.privacy-right-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:1rem;padding:1.5rem;transition:all .3s;display:flex}.privacy-right-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.privacy-right-icon{width:48px;height:48px;color:var(--color-fomix-blue);background:#f1f5f9;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.privacy-right-content h4{color:#1e293b;margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.privacy-right-content p{color:#64748b;margin:0;font-size:.875rem;line-height:1.5}.privacy-consequences-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.privacy-consequences-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.privacy-consequences-icon{color:#f59e0b}.privacy-consequences-header h3{color:#1e293b;margin:0;font-size:1.75rem;font-weight:700}.privacy-consequences-content p{color:#64748b;margin-bottom:2rem;line-height:1.6}.privacy-consequences-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}.privacy-consequence-item{border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.privacy-consequence-item.essential{background:#fef2f2;border-color:#fecaca}.privacy-consequence-item.functional{background:#fffbeb;border-color:#fed7aa}.privacy-consequence-item.analytics{background:#eff6ff;border-color:#bfdbfe}.privacy-consequence-item h4{color:#1e293b;margin:0 0 1rem;font-size:1.125rem;font-weight:600}.privacy-consequence-item ul{margin:0;padding:0;list-style:none}.privacy-consequence-item li{color:#475569;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;line-height:1.5;display:flex}.privacy-consequence-item li:before{content:"•";color:var(--color-fomix-blue);flex-shrink:0;font-weight:700}@media (max-width:768px){.privacy-management-grid{grid-template-columns:1fr}.privacy-management-actions{flex-direction:column}.privacy-button{text-align:center;justify-content:center}.privacy-consequences-grid,.privacy-rights-grid{grid-template-columns:1fr}.cookies-legal-links{flex-direction:column;gap:1rem}.cookies-legal-update{flex-direction:column;gap:.5rem}}.privacy-intro{margin-bottom:3rem}.privacy-intro-content{text-align:center;margin-bottom:3rem}.privacy-intro-title{color:#1e293b;justify-content:center;align-items:center;gap:1rem;margin:0 0 1.5rem;font-size:2.25rem;font-weight:700;display:flex}.privacy-intro-icon{color:var(--color-fomix-blue)}.privacy-intro-description{color:#64748b;max-width:800px;margin:0 auto;font-size:1.125rem;line-height:1.6}.privacy-intro-features{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.privacy-intro-feature{background:#fff;border:1px solid #e2e8f0;border-radius:16px;gap:1rem;padding:2rem;transition:all .3s;display:flex;box-shadow:0 2px 4px #0000000d}.privacy-intro-feature:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.privacy-intro-feature-icon{background:linear-gradient(135deg,var(--color-fomix-blue),var(--color-fomix-green));color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.privacy-intro-feature-content h3{color:#1e293b;margin:0 0 .75rem;font-size:1.25rem;font-weight:600}.privacy-intro-feature-content p{color:#64748b;margin:0;line-height:1.5}.privacy-intro-definition{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:2rem}.privacy-intro-definition-content h3{color:#1e293b;margin:0 0 1rem;font-size:1.5rem;font-weight:600}.privacy-intro-definition-content p{color:#64748b;margin:0;font-size:1rem;line-height:1.6}.privacy-data-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;display:grid}.privacy-data-category{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;transition:all .3s;box-shadow:0 4px 6px #0000000d}.privacy-data-category:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.privacy-data-header{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.privacy-data-icon{color:#fff;background:linear-gradient(135deg,var(--color-fomix-blue),var(--color-fomix-green));border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.privacy-data-header h3{color:#1e293b;flex:1;margin:0;font-size:1.375rem;font-weight:600}.privacy-data-badge{text-transform:uppercase;letter-spacing:.025em;border-radius:6px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.privacy-data-badge.required{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.privacy-data-badge.optional{color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd}.privacy-data-content p{color:#64748b;margin-bottom:1.5rem;line-height:1.6}.privacy-data-list{margin:0 0 1.5rem;padding:0;list-style:none}.privacy-data-list li{color:#475569;align-items:flex-start;gap:.5rem;margin-bottom:.75rem;line-height:1.5;display:flex}.privacy-data-list li:before{content:"•";color:var(--color-fomix-blue);flex-shrink:0;margin-top:.125rem;font-weight:700}.privacy-data-list li strong{color:#1e293b}.privacy-cookie-details{border-top:1px solid #e2e8f0;flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem;display:flex}.privacy-cookie-detail{color:#64748b;align-items:center;gap:.75rem;font-size:.875rem;display:flex}.privacy-cookie-detail svg{color:var(--color-fomix-green);flex-shrink:0}.privacy-cookie-detail strong{color:#1e293b}.privacy-cookie-examples{background:#f8fafc;border-radius:8px;margin-top:1rem;padding:1rem}.privacy-cookie-examples h4{color:#1e293b;margin:0 0 .75rem;font-size:.875rem;font-weight:600}.privacy-cookie-examples ul{margin:0;padding:0;list-style:none}.privacy-cookie-examples li{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:4px;margin-bottom:.25rem;padding:.25rem .5rem;font-family:Monaco,Menlo,monospace;font-size:.75rem}@media (max-width:768px){.privacy-intro-features{grid-template-columns:1fr}.privacy-intro-feature{text-align:center;flex-direction:column}.privacy-intro-title{flex-direction:column;gap:.5rem;font-size:1.875rem}.privacy-data-grid{grid-template-columns:1fr}.privacy-data-header{flex-direction:column;align-items:flex-start;gap:.75rem}.privacy-cookie-details{gap:.5rem}}.inline-icon{vertical-align:middle;color:var(--color-fomix-green);margin-right:8px;display:inline}.privacy-contact-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.privacy-contact-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;transition:all .3s;box-shadow:0 4px 6px #0000000d}.privacy-contact-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.privacy-contact-card.primary{border-left:4px solid var(--color-fomix-blue);background:linear-gradient(135deg,#322ce805,#05be7805)}.privacy-contact-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.privacy-contact-icon{color:var(--color-fomix-blue);flex-shrink:0}.privacy-contact-header h3{color:#1e293b;margin:0;font-size:1.375rem;font-weight:600}.privacy-contact-content p{color:#64748b;margin-bottom:1.5rem;line-height:1.6}.privacy-contact-actions{margin-bottom:1rem}.privacy-contact-button{background:linear-gradient(135deg,var(--color-fomix-blue),var(--color-fomix-green));color:#fff;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.privacy-contact-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #322ce840}.privacy-contact-note{color:#64748b;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.privacy-contact-note svg{color:var(--color-fomix-green)}.privacy-faq-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:2rem;padding:2rem}.privacy-faq-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.privacy-faq-icon{color:var(--color-fomix-green)}.privacy-faq-header h3{color:#1e293b;margin:0;font-size:1.75rem;font-weight:700}.privacy-faq-list{flex-direction:column;gap:1.5rem;display:flex}.privacy-faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .3s}.privacy-faq-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.privacy-faq-item h4{color:#1e293b;margin:0 0 .75rem;font-size:1.125rem;font-weight:600}.privacy-faq-item p{color:#64748b;margin:0;line-height:1.6}.privacy-external-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:2rem;padding:2rem}.privacy-external-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.privacy-external-icon{color:var(--color-fomix-blue)}.privacy-external-header h3{color:#1e293b;margin:0;font-size:1.5rem;font-weight:600}.privacy-external-content p{color:#64748b;margin-bottom:1.5rem;line-height:1.6}.privacy-external-links{flex-direction:column;gap:.75rem;display:flex}.privacy-external-link{color:var(--color-fomix-blue);background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.privacy-external-link:hover{border-color:var(--color-fomix-blue);background:#f1f5f9;transform:translate(4px)}.privacy-external-link svg{flex-shrink:0}.privacy-contact-info{color:#fff;background:#fff;border-radius:16px;padding:2rem}.privacy-contact-info-content h3{color:#1e293b;margin:0 0 1.5rem;font-size:1.5rem;font-weight:600}.privacy-contact-details{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.privacy-contact-detail{align-items:center;gap:1rem;display:flex}.privacy-contact-detail svg{color:var(--color-fomix-green);flex-shrink:0}.privacy-contact-detail div{flex-direction:column;gap:.25rem;display:flex}.privacy-contact-detail strong{color:#1e293b;font-weight:600}.privacy-contact-detail a,.privacy-contact-detail span{color:#94a3b8;text-decoration:none}.privacy-contact-detail a:hover{color:var(--color-fomix-green)}.privacy-contact-info .privacy-contact-note{color:#94a3b8;margin:0;font-style:italic}@media (max-width:768px){.privacy-contact-grid{grid-template-columns:1fr}.privacy-external-links{gap:.5rem}.privacy-contact-details{gap:.75rem}.privacy-contact-detail{flex-direction:column;align-items:flex-start;gap:.5rem}}.section-icon{vertical-align:middle;color:var(--color-fomix-blue);margin-right:12px;display:inline}.gemist-page{background:var(--color-bg-primary);min-height:100vh}.gemist-container{max-width:1600px;margin:0 auto;padding:0}.gemist-hero-banner{background:linear-gradient(135deg,var(--color-fomix-green)0,var(--color-fomix-blue)100%);align-items:center;height:60vh;min-height:500px;display:flex;position:relative;overflow:hidden}.gemist-hero-banner:before{opacity:.4;z-index:1;background-image:url(/img/banner/fomix-wallpaper-nologo.png);background-position:100%;background-size:cover;width:60vw;height:100%;top:0;right:0;-webkit-mask:linear-gradient(90deg,#0000,#0000004d 40%,#000);mask:linear-gradient(90deg,#0000,#0000004d 40%,#000)}.gemist-hero-banner:after,.gemist-hero-banner:before{content:"";pointer-events:none;background-repeat:no-repeat;position:absolute}.gemist-hero-banner:after{opacity:.08;z-index:2;background-image:url(/img/logo/x.png);background-position:0 100%;background-size:contain;width:800px;height:800px;bottom:0;left:0}.gemist-hero-content{z-index:10;align-items:center;width:100%;max-width:1600px;height:100%;margin:0 auto;padding:0;display:flex;position:relative}.gemist-hero-text{color:#fff;max-width:1600px}.gemist-hero-subtitle{opacity:.9;text-transform:uppercase;letter-spacing:.05em;color:#ffffffe6;margin-bottom:1rem;font-size:1.125rem;font-weight:600}.gemist-hero-title{color:#fff;margin:0 0 1.5rem;font-size:3.5rem;font-weight:800;line-height:1.1}.gemist-hero-description{opacity:.9;max-width:600px;margin:0 0 2rem;font-size:1.25rem;line-height:1.6}.gemist-hero-button{color:var(--color-fomix-blue);background:#fff;border:none;gap:.75rem;padding:1rem 2rem;font-size:1rem;transition:all .3s;box-shadow:0 4px 15px #0000001a}.gemist-hero-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.gemist-hero-buttons{flex-wrap:wrap;gap:1rem;display:flex}.gemist-hero-button{cursor:pointer;border:2px solid #0000;border-radius:50px;align-items:center;gap:.5rem;min-height:48px;padding:.875rem 1.5rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.gemist-hero-button.primary{color:var(--color-fomix-blue);background:#fff}.gemist-hero-button.primary:hover{background:#ffffffe6;transform:translateY(-2px)}.gemist-hero-button.secondary{color:#fff;background:#ffffff1a;border-color:#ffffff4d}.gemist-hero-button.secondary:hover{background:#fff3;transform:translateY(-2px)}.gemist-hero-cards{gap:2rem;display:grid}.gemist-hero-search-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:2rem}.gemist-hero-search-card h3{color:#fff;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.gemist-search-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;display:flex;overflow:hidden}.gemist-search-input{flex:1;align-items:center;display:flex;position:relative}.gemist-search-icon{color:#ffffffb3;z-index:3;position:absolute;left:1rem}.gemist-search-input input{color:#fff;background:0 0;border:none;outline:none;width:100%;padding:.875rem .875rem .875rem 2.75rem;font-size:.875rem}.gemist-search-input input::placeholder{color:#ffffffb3}.gemist-search-button{color:var(--color-fomix-blue);cursor:pointer;background:#fff;border:none;padding:.875rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .3s}.gemist-search-button:hover{background:#ffffffe6}.gemist-hero-stats{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.gemist-stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;align-items:center;gap:1rem;padding:1.5rem;display:flex}.gemist-stat-icon{background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:.75rem;display:flex}.gemist-stat-content{flex-direction:column;display:flex}.gemist-stat-number{font-size:1.5rem;font-weight:800;line-height:1.2}.gemist-stat-label{opacity:.8;font-size:.875rem}.gemist-filter-section{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);padding:3rem 0}.gemist-filter-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.gemist-filter-toggle{border:1px solid var(--color-border);cursor:pointer;color:var(--color-text-primary);background:#fff;border-radius:50px;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.gemist-filter-toggle:hover{border-color:var(--color-fomix-green)}.gemist-filter-toggle.expanded .gemist-filter-chevron{transform:rotate(180deg)}.gemist-filter-count{background:var(--color-fomix-green);color:#fff;text-align:center;border-radius:12px;min-width:1.5rem;padding:.25rem .5rem;font-size:.75rem}.gemist-filter-chevron{transition:transform .3s}.gemist-clear-all{color:var(--color-error);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem;font-size:.875rem;display:flex}.gemist-filter-options{max-height:0;transition:all .3s;overflow:hidden}.gemist-filter-options.expanded{max-height:500px;margin-bottom:2rem}.gemist-filter-grid{background:#fff;border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding:2rem;display:grid;box-shadow:0 10px 40px #52555a1a}.gemist-filter-group{flex-direction:column;gap:.5rem;display:flex}.gemist-filter-label{color:var(--color-text-primary);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.gemist-filter-icon{color:var(--color-fomix-green)}.gemist-filter-select{border:1px solid var(--color-border);cursor:pointer;background:#fff;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;transition:border-color .3s}.gemist-filter-select:focus{border-color:var(--color-fomix-green);outline:none}.gemist-active-filters{border-top:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:1rem;padding-top:1rem;display:flex}.gemist-active-filters-label{color:var(--color-text-secondary);font-size:.875rem;font-weight:600}.gemist-active-filters-list{flex-wrap:wrap;gap:.5rem;display:flex}.gemist-active-filter-tag{background:var(--color-fomix-green);color:#fff;cursor:pointer;border:none;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;transition:background-color .3s;display:flex}.gemist-active-filter-tag:hover{background:var(--color-fomix-blue)}.gemist-section{background:var(--color-bg-primary);padding:0}.gemist-section-header{text-align:center;margin-bottom:3rem}.gemist-section-header h2{color:var(--color-text-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:800}.gemist-section-header p{color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-size:1.125rem}.gemist-loading{text-align:center;padding:4rem 0}.gemist-loading-spinner{margin-bottom:1rem}.loading-icon{color:var(--color-fomix-green);animation:pulse 2s infinite}.gemist-categories{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.gemist-category-button{border:2px solid var(--color-border);cursor:pointer;color:var(--color-text-secondary);background:#fff;border-radius:50px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.gemist-category-button:hover{border-color:var(--color-fomix-blue);color:var(--color-fomix-blue)}.gemist-category-button.active{background:var(--color-fomix-blue);border-color:var(--color-fomix-blue);color:#fff}.gemist-broadcasts-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.gemist-broadcast-card{background:#fff;border-radius:16px;transition:transform .3s;overflow:hidden;box-shadow:0 10px 40px #52555a1a}.gemist-broadcast-card:hover{transform:translateY(-4px)}.gemist-card-image{height:200px;position:relative;overflow:hidden}.gemist-card-image img{object-fit:cover;width:100%;height:100%}.gemist-card-overlay{opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.gemist-card-image:hover .gemist-card-overlay{opacity:1}.gemist-play-button:hover{transform:scale(1.1)}.gemist-card-badges{flex-wrap:wrap;gap:.5rem;display:flex;position:absolute;top:1rem;left:1rem;right:1rem}.gemist-badge{color:#fff;border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.gemist-badge.recent{background:var(--color-fomix-green)}.gemist-badge.popular{background:#f59e0b}.gemist-badge.type{background:var(--color-fomix-blue)}.gemist-card-content{padding:1.5rem}.gemist-card-title{color:var(--color-text-primary);margin-bottom:.75rem;font-size:1.125rem;font-weight:700;line-height:1.4}.gemist-card-description,.gemist-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.gemist-card-description{color:var(--color-text-secondary);margin-bottom:1rem;line-height:1.5}.gemist-card-dj{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.gemist-dj-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.gemist-dj-name{color:var(--color-text-primary);font-weight:600}.gemist-card-meta{color:var(--color-text-secondary);gap:1rem;margin-bottom:1rem;font-size:.875rem;display:flex}.gemist-meta-item{align-items:center;gap:.25rem;display:flex}.gemist-meta-icon{color:var(--color-fomix-green);flex-shrink:0}.gemist-card-actions{align-items:center;gap:.75rem;display:flex}.gemist-card-button{cursor:pointer;border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.gemist-card-button.primary{color:#fff;border:none;flex:1}.gemist-card-button.primary,.gemist-card-button.primary:hover{background:var(--color-fomix-blue)}.gemist-card-button.secondary{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:50%;justify-content:center;width:44px;height:44px;padding:0}.gemist-card-button.secondary:hover{background:var(--color-fomix-green);color:#fff;border-color:var(--color-fomix-green)}.gemist-load-more{text-align:center}.gemist-load-more-button{border:2px solid var(--color-fomix-green);color:var(--color-fomix-green);cursor:pointer;background:#fff;border-radius:50px;padding:1rem 2rem;font-weight:600;transition:all .3s}.gemist-load-more-button:hover{background:var(--color-fomix-green);color:#fff}.gemist-player{z-index:1000;transition:all .3s;position:fixed;bottom:2rem;right:2rem}.gemist-player.mini{background:#fff;border-radius:16px;width:400px;overflow:hidden;box-shadow:0 10px 40px #52555a33}.gemist-player.expanded{width:500px;max-height:80vh;overflow-y:auto}.gemist-player-mini{align-items:center;gap:1rem;padding:1rem;display:flex}.gemist-player-info{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.gemist-player-image{object-fit:cover;border-radius:8px;flex-shrink:0;width:48px;height:48px}.gemist-player-text{flex:1;min-width:0}.gemist-player-text h4{color:var(--color-text-primary);margin:0 0 .25rem;font-size:.875rem;font-weight:600}.gemist-player-text h4,.gemist-player-text p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gemist-player-text p{color:var(--color-text-secondary);margin:0;font-size:.75rem}.gemist-player-controls{align-items:center;gap:.5rem;display:flex}.gemist-control-button{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .3s;display:flex}.gemist-control-button:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.gemist-play-button{background:var(--color-fomix-green);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.gemist-play-button:hover{background:var(--color-fomix-blue);transform:scale(1.05)}.gemist-expand-button{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.5rem;transition:all .3s}.gemist-expand-button:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.gemist-player-expanded{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 10px 40px #52555a33}.gemist-player-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.5rem;transition:all .3s;position:absolute;top:1rem;right:1rem}.gemist-player-close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.gemist-player-expanded-info{align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.gemist-player-artwork img{object-fit:cover;border-radius:12px;width:100px;height:100px}.gemist-player-details h2{color:var(--color-text-primary);margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.gemist-player-dj{align-items:center;gap:.75rem;display:flex}.gemist-player-dj img{object-fit:cover;border-radius:50%;width:32px;height:32px}.gemist-player-dj span{color:var(--color-text-secondary);font-weight:600}.gemist-player-progress{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.gemist-time-current,.gemist-time-total{color:var(--color-text-secondary);min-width:40px;font-size:.75rem;font-weight:600}.gemist-progress-bar{background:var(--color-bg-secondary);cursor:pointer;border-radius:3px;outline:none;flex:1;height:6px}.gemist-progress-bar::-webkit-slider-thumb{background:var(--color-fomix-green);cursor:pointer;-webkit-appearance:none;border-radius:50%;width:18px;height:18px}.gemist-player-extended-controls{justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.gemist-control-button.large{width:48px;height:48px}.gemist-play-button.large{width:64px;height:64px}.gemist-volume-control{justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.gemist-volume-button{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.5rem;transition:all .3s}.gemist-volume-button:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.gemist-volume-slider{background:var(--color-bg-secondary);cursor:pointer;border-radius:2px;outline:none;width:100px;height:4px}.gemist-volume-slider::-webkit-slider-thumb{background:var(--color-fomix-green);cursor:pointer;-webkit-appearance:none;border-radius:50%;width:16px;height:16px}.gemist-player-actions-expanded{justify-content:center;gap:1rem;display:flex}.gemist-action-button{background:var(--color-bg-secondary);cursor:pointer;color:var(--color-text-secondary);border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:600;transition:all .3s;display:flex}.gemist-action-button.liked,.gemist-action-button:hover{background:var(--color-fomix-green);color:#fff}.gemist-archive-section{background:var(--color-bg-secondary);padding:4rem 0}.gemist-archive-header{justify-content:space-between;align-items:center;margin-bottom:3rem;display:flex}.gemist-archive-title{align-items:center;gap:1rem;display:flex}.gemist-archive-title h2{color:var(--color-text-primary);margin:0 0 .5rem;font-size:2.5rem;font-weight:800}.gemist-archive-title p{color:var(--color-text-secondary);margin:0}.gemist-archive-toggle{background:#fff;border-radius:50px;gap:.5rem;padding:.5rem;display:flex;box-shadow:0 4px 20px #52555a1a}.gemist-toggle-button{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.gemist-toggle-button.active{background:var(--color-fomix-blue);color:#fff}.gemist-toggle-button:hover:not(.active){background:var(--color-bg-secondary);color:var(--color-text-primary)}.gemist-year-navigator{justify-content:center;align-items:center;gap:2rem;margin-bottom:3rem;display:flex}.gemist-year-button{border:2px solid var(--color-border);cursor:pointer;color:var(--color-text-secondary);background:#fff;border-radius:50px;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.gemist-year-button:hover:not(:disabled){border-color:var(--color-fomix-green);color:var(--color-fomix-green)}.gemist-year-button:disabled{opacity:.5;cursor:not-allowed}.gemist-current-year{text-align:center;background:#fff;border-radius:16px;padding:2rem;box-shadow:0 10px 40px #52555a1a}.gemist-current-year h3{color:var(--color-text-primary);margin:0 0 .5rem;font-size:2.5rem;font-weight:800}.gemist-current-year span{color:var(--color-text-secondary)}.gemist-archive-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.gemist-archive-month{background:#fff;border-radius:16px;padding:2rem;transition:transform .3s;box-shadow:0 10px 40px #52555a1a}.gemist-archive-month:hover{transform:translateY(-4px)}.gemist-month-header{margin-bottom:1.5rem}.gemist-month-info h4{color:var(--color-text-primary);margin:0 0 .75rem;font-size:1.5rem;font-weight:700}.gemist-month-stats{gap:1rem;display:flex}.gemist-stat{color:var(--color-text-secondary);align-items:center;gap:.25rem;font-size:.875rem;display:flex}.gemist-month-categories{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.gemist-category-tag{background:var(--color-bg-secondary);color:var(--color-text-secondary);border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.gemist-browse-month{background:var(--color-fomix-green);color:#fff;cursor:pointer;border:none;border-radius:50px;width:100%;padding:1rem;font-weight:600;transition:all .3s}.gemist-browse-month:hover{background:var(--color-fomix-blue)}.gemist-archive-stats{background:#fff;border-radius:16px;padding:3rem;box-shadow:0 10px 40px #52555a1a}.gemist-stats-summary{text-align:center;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;display:grid}.gemist-summary-item h4{color:var(--color-text-secondary);margin:0 0 1rem;font-size:1rem;font-weight:600}.gemist-summary-numbers{flex-direction:column;align-items:center;display:flex}.gemist-big-number{color:var(--color-fomix-blue);font-size:3rem;font-weight:800;line-height:1}.gemist-summary-label{color:var(--color-text-secondary);margin-top:.5rem;font-size:.875rem}.gemist-popular-shows{margin-bottom:3rem}.gemist-popular-shows h3{color:var(--color-text-primary);margin-bottom:2rem;font-size:2rem;font-weight:700}.gemist-popular-list{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px #52555a1a}.gemist-popular-item{border-bottom:1px solid var(--color-border);align-items:center;gap:1.5rem;padding:1.5rem;transition:background-color .3s;display:flex}.gemist-popular-item:last-child{border-bottom:none}.gemist-popular-item:hover{background:var(--color-bg-secondary)}.gemist-popular-rank{color:var(--color-fomix-blue);min-width:40px;font-size:1.5rem;font-weight:800}.gemist-popular-info{flex:1}.gemist-popular-info h4{color:var(--color-text-primary);margin:0 0 .5rem;font-size:1.125rem;font-weight:700}.gemist-popular-meta{color:var(--color-text-secondary);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.gemist-popular-category{background:var(--color-bg-secondary);border-radius:8px;padding:.25rem .5rem;font-weight:600}.gemist-popular-plays{color:var(--color-fomix-blue);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.gemist-browse-all-popular{text-align:center}.gemist-browse-button{background:var(--color-fomix-blue);color:#fff;cursor:pointer;border:none;border-radius:50px;padding:1rem 2rem;font-weight:600;transition:all .3s}.gemist-browse-button:hover{background:var(--color-fomix-blue);transform:translateY(-2px)}@media (max-width:768px){.gemist-container{padding:0 1rem}.gemist-hero{padding:6rem 0 4rem}.gemist-hero-text h1{font-size:2.5rem}.gemist-hero-description{font-size:1.125rem}.gemist-search-form{flex-direction:column}.gemist-search-button{border-radius:0 0 25px 25px}.gemist-stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.gemist-hero-actions{flex-direction:column;gap:.75rem}.gemist-action-button{justify-content:center;width:100%}.gemist-filter-header{flex-direction:column;align-items:stretch;gap:1rem}.gemist-filter-grid{padding:1rem}.gemist-broadcasts-grid,.gemist-filter-grid{grid-template-columns:1fr}.gemist-player{width:auto;bottom:1rem;left:1rem;right:1rem}.gemist-archive-header{flex-direction:column;align-items:stretch;gap:2rem}.gemist-archive-title{text-align:center;flex-direction:column;gap:.5rem}.gemist-year-navigator{flex-direction:column;gap:1rem}.gemist-year-button{justify-content:center}.gemist-archive-grid,.gemist-stats-summary{grid-template-columns:1fr}.gemist-popular-item{flex-direction:column;align-items:flex-start;gap:1rem}}.newsCard{background:#fff;border:1px solid #f1f5f9;border-radius:16px;transition:all .3s;display:block;overflow:hidden;box-shadow:0 10px 40px #52555a1a}.newsCard,.newsCard:hover{color:inherit;text-decoration:none}.newsCard:hover{border-color:var(--color-fomix-blue);transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.newsCard.clickable-card{cursor:pointer}.newsCardImageContainer{height:200px;position:relative;overflow:hidden}.newsCardImage{object-fit:cover;width:100%;height:100%;transition:transform .3s}.newsCard:hover .newsCardImage{transform:scale(1.05)}.newsCardOverlay{z-index:2;position:absolute;top:1rem;right:1rem}.newsCategoryBadge{text-transform:uppercase;letter-spacing:.05em;color:#fff;border-radius:20px;padding:.5rem 1rem;font-size:.75rem;font-weight:700;display:inline-block}.newsCategoryBadge,.newsCategoryBadge.category-algemeen{background:var(--color-fomix-blue)}.newsCategoryBadge.category-muziek{background:var(--color-fomix-green)}.newsCategoryBadge.category-technologie{background:#8b5cf6}.newsCategoryBadge.category-cultuur{background:#f59e0b}.newsCategoryBadge.category-sport{background:#ef4444}.newsCategoryBadge.category-lifestyle{background:#ec4899}.newsCardContent{padding:1.5rem}.newsCardTitle{color:#1f2937;margin:0 0 .75rem;font-size:1.25rem;font-weight:700;line-height:1.3;transition:color .3s}.newsCard:hover .newsCardTitle{color:var(--color-fomix-blue)}.newsCardExcerpt{color:#6b7280;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 1rem;font-size:1rem;line-height:1.6;display:-webkit-box;overflow:hidden}.newsCardMeta{color:#9ca3af;flex-wrap:wrap;gap:1rem;font-size:.875rem;display:flex}.newsCardMetaItem{align-items:center;gap:.5rem;display:flex}.newsCardMetaItem svg{flex-shrink:0}@media (max-width:768px){.newsCardImageContainer{height:180px}.newsCardContent{padding:1.25rem}.newsCardTitle{font-size:1.125rem}.newsCardExcerpt{-webkit-line-clamp:2;font-size:.9rem}.newsCardMeta{gap:.75rem;font-size:.8rem}}@media (max-width:480px){.newsCardImageContainer{height:160px}.newsCardContent{padding:1rem}.newsCardTitle{font-size:1.1rem;line-height:1.25}.newsCardExcerpt{font-size:.875rem}.newsCardMeta{flex-direction:column;align-items:flex-start;gap:.5rem}.newsCategoryBadge{padding:.375rem .75rem;font-size:.7rem}}.acties-winacties__card-content{color:#fff;z-index:10;background:linear-gradient(#0000,#000000e6);padding:2rem;position:absolute;bottom:0;left:0;right:0}.acties-winacties__card-title{letter-spacing:-.03em;text-shadow:0 2px 10px #0000004d;z-index:10;margin:0 0 .75rem;font-size:1.5rem;font-weight:800;line-height:1.2;color:#fff!important}.acties-winacties__card--featured .acties-winacties__card-title{font-size:2rem}.acties-winacties__card-description{-webkit-line-clamp:2;z-index:10;-webkit-box-orient:vertical;margin-bottom:1rem;font-weight:500;line-height:1.5;display:-webkit-box;overflow:hidden;color:#ffffffe6!important}.acties-winacties__card--featured .acties-winacties__card-description{-webkit-line-clamp:3;font-size:1.1rem}.acties-winacties__card-prizes{color:#fffffff2;z-index:10;align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:600;display:flex}.acties-winacties__card-meta{color:#fffc;z-index:10;flex-direction:column;gap:.5rem;font-size:.875rem;display:flex}.acties-winacties__card--featured .acties-winacties__card-meta{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.acties-winacties__card-dates,.acties-winacties__card-participants{z-index:10;align-items:center;gap:.25rem;display:flex}.acties-winacties__card-overlay{z-index:2;background:linear-gradient(135deg,#0000001a,#0000004d 50%,#000c);position:absolute;inset:0}.acties-winacties__status-badge{text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;border:1px solid #ffffff4d;border-radius:25px;padding:.5rem 1rem;font-size:.75rem;font-weight:700;position:absolute;top:1rem;right:1rem}.acties-winacties__status-badge--success{color:#fff;background:#10b981e6}.acties-winacties__status-badge--warning{color:#fff;background:#f59e0be6}.acties-winacties__status-badge--expired{color:#fff;background:#6b7280e6}.tv-programs{background:var(--bg-primary);min-height:50vh;padding:60px 0}.tv-programs__container{max-width:1600px;margin:0 auto;padding:0 20px}.tv-programs__header{text-align:center;margin-bottom:40px}.tv-programs__title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#1a1a1a,#4a5568);-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:2.5rem;font-weight:700}.tv-programs__subtitle{color:var(--text-secondary);margin:0;font-size:1.1rem}.tv-programs__filters{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:40px;display:flex}.tv-programs__filter-group{flex-direction:column;gap:8px;display:flex}.tv-programs__filter-group label{color:var(--text-primary);font-size:.9rem;font-weight:600}.tv-programs__filter-select{border:2px solid var(--border-light);background:var(--bg-secondary);color:var(--text-primary);border-radius:8px;min-width:180px;padding:10px 15px;font-size:.95rem;transition:all .3s}.tv-programs__filter-select:focus{border-color:var(--color-fomix-blue);outline:none;box-shadow:0 0 0 3px #ff6b351a}.tv-programs__grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;margin-bottom:40px;display:grid}.tv-programs__card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:16px;transition:all .3s;overflow:hidden;box-shadow:0 4px 20px #0000001a}.tv-programs__card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.tv-programs__card-image{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.tv-programs__card-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.tv-programs__card:hover .tv-programs__card-image img{transform:scale(1.05)}.tv-programs__badges{flex-wrap:wrap;gap:8px;display:flex;position:absolute;top:12px;left:12px}.tv-programs__badge{text-transform:uppercase;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:700;display:flex}.tv-programs__badge.live{color:#fff;background:linear-gradient(45deg,#f44,#ff6b6b);animation:pulse 2s infinite}.tv-programs__badge.featured{color:#333;background:linear-gradient(45deg,gold,#ffed4e)}.tv-programs__badge.exclusive{color:#fff;background:linear-gradient(45deg,#8b5cf6,#a855f7)}.tv-programs__play-overlay{opacity:0;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tv-programs__card:hover .tv-programs__play-overlay{opacity:1}.tv-programs__play-button{background:linear-gradient(45deg,var(--color-fomix-blue),var(--color-fomix-green));color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;box-shadow:0 4px 20px #ff6b3566}.tv-programs__play-button:hover{transform:scale(1.1);box-shadow:0 6px 25px #ff6b3599}.tv-programs__meta-overlay{gap:8px;display:flex;position:absolute;bottom:12px;right:12px}.tv-programs__duration,.tv-programs__views{color:#fff;background:#000000b3;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;display:flex}.tv-programs__card-content{padding:20px}.tv-programs__card-meta{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.tv-programs__category{background:linear-gradient(45deg,var(--color-fomix-blue),var(--color-fomix-green));color:#fff;border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:600}.tv-programs__quality{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:600}.tv-programs__card-title{color:var(--text-primary);margin-bottom:8px;font-size:1.3rem;font-weight:700;line-height:1.3}.tv-programs__card-description{color:var(--text-secondary);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:15px;font-size:.95rem;line-height:1.5;display:-webkit-box;overflow:hidden}.tv-programs__card-details{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.tv-programs__detail{color:var(--text-secondary);align-items:center;gap:8px;font-size:.85rem;display:flex}.tv-programs__card-actions{gap:10px;display:flex}.tv-programs__card-button{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.tv-programs__card-button.primary{background:linear-gradient(45deg,var(--color-fomix-blue),var(--color-fomix-green));color:#fff;box-shadow:0 2px 10px #ff6b354d}.tv-programs__card-button.primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ff6b3566}.tv-programs__card-button.secondary{background:var(--bg-tertiary);color:var(--text-secondary);max-width:50px}.tv-programs__card-button.secondary:hover{background:var(--border-light);color:var(--text-primary)}.tv-programs__empty{text-align:center;color:var(--text-secondary);grid-column:1/-1;padding:60px 20px}.tv-programs__empty svg{opacity:.5;margin-bottom:20px}.tv-programs__empty h3{color:var(--text-primary);margin-bottom:10px;font-size:1.5rem}.tv-programs__error,.tv-programs__loading{text-align:center;padding:60px 20px}.tv-programs__loading .loading-spinner{border-top:4px solid var(--border-light);border:4px solid var(--border-light);border-top-color:var(--color-fomix-blue);border-radius:50%;width:40px;height:40px;margin:0 auto 20px;animation:spin 1s linear infinite}.tv-programs__retry-button{background:linear-gradient(45deg,var(--color-fomix-blue),var(--color-fomix-green));color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:15px;padding:12px 24px;font-weight:600;transition:all .3s}.tv-programs__retry-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ff6b3566}.tv-programs__pagination{justify-content:center;align-items:center;gap:20px;margin-top:40px;display:flex}.tv-programs__pagination-button{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-light);cursor:pointer;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .3s}.tv-programs__pagination-button:hover:not(:disabled){background:linear-gradient(45deg,var(--color-fomix-blue),var(--color-fomix-green));color:#fff;border-color:#0000}.tv-programs__pagination-button:disabled{opacity:.5;cursor:not-allowed}.tv-programs__pagination-info{color:var(--text-primary);font-weight:600}@media (max-width:768px){.tv-programs{padding:40px 0}.tv-programs__container{padding:0}.tv-programs__title{font-size:2rem}.tv-programs__grid{grid-template-columns:1fr;gap:20px}.tv-programs__filters{flex-direction:column;align-items:center}.tv-programs__filter-select{min-width:250px}.tv-programs__card-content{padding:15px}.tv-programs__pagination{flex-direction:column;gap:15px}}.featured-type-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;font-weight:600;display:flex;position:absolute;top:12px;right:12px}.type-icon{font-size:.9rem}.type-text{text-transform:capitalize}.contact-form-message{border-radius:8px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;font-weight:500;display:flex}.contact-form-message.success{color:#166534;background-color:#dcfce7;border:1px solid #bbf7d0}.contact-form-message.error{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca}.card-description{color:#ffffffe6;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 15px;font-size:.9rem;line-height:1.4;display:-webkit-box;overflow:hidden}.featured-card.loading{pointer-events:none}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;animation:loading 1.5s infinite}.card-image-bg.loading-skeleton{border-radius:0;width:100%;height:100%}.loading-title{width:80%;height:24px;margin-bottom:12px}.loading-button{border-radius:6px;width:120px;height:36px}.featured-card:hover .featured-type-badge{transition:transform .3s;transform:scale(1.05)}.featured-card{animation:fadeInUp .6s ease-out both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.vacature-detail-page{background:#f8fafc;min-height:100vh}.vacature-detail-hero{background:linear-gradient(135deg,var(--color-fomix-blue)0,var(--color-fomix-green)100%);color:#fff;padding:3rem 0;position:relative;overflow:hidden}.vacature-detail-hero:before{content:"";z-index:1;background:#0000001a;position:absolute;inset:0}.vacature-detail-hero-content{z-index:2;position:relative}.vacature-detail-hero .container{z-index:2;max-width:1600px;margin:0 auto;padding:0;position:relative}.vacature-detail-hero-text{max-width:800px}.vacature-back-link{color:#ffffffe6;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.9rem;text-decoration:none;transition:all .2s;display:inline-flex}.vacature-back-link:hover{color:#fff;transform:translate(-2px)}.vacature-detail-badges{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;display:flex}.vacature-badge{text-transform:uppercase;letter-spacing:.025em;white-space:nowrap;border-radius:20px;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.vacature-badge.urgent{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.vacature-badge.featured{color:#d97706;background:#fffbeb;border:1px solid #fed7aa}.vacature-badge[class*=category-]{color:#fff;background:#fff3;border:1px solid #ffffff4d}.vacature-detail-title{color:#fff;margin-bottom:1rem;font-size:2.5rem;font-weight:700;line-height:1.2}.vacature-detail-company{color:#fffffff2;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:1.25rem;display:flex}.vacature-detail-meta{flex-wrap:wrap;gap:2rem;margin-bottom:2rem;display:flex}.vacature-meta-item{color:#ffffffe6;align-items:center;gap:.5rem;font-size:.95rem;display:flex}.vacature-meta-item.salary{color:#fcd34d;font-weight:600}.vacature-detail-actions{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.vacature-apply-button{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.vacature-apply-button.primary{color:var(--color-fomix-blue);background:#fff;box-shadow:0 2px 4px #0000001a}.vacature-apply-button.primary:hover{background:#f1f5f9;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.vacature-apply-button.secondary{color:#fff;background:#ffffff1a;border:1px solid #fff3}.vacature-apply-button.secondary:hover{background:#fff3}.vacature-apply-button.full-width{justify-content:center;width:100%}.vacature-share-button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.vacature-share-button:hover{background:#fff3}.vacature-deadline{color:#fffffff2;background:#ffffff1a;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.vacature-detail-content-section{padding:4rem 0}.vacature-detail-content-section .container{z-index:1;max-width:1600px;margin:0 auto;padding:0;position:relative}.vacature-detail-layout{grid-template-columns:1fr 320px;align-items:start;gap:3rem;display:grid}.vacature-detail-main{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000000d}.vacature-content-block{border-bottom:1px solid #e2e8f0;padding:2rem}.vacature-content-block:last-child{border-bottom:none}.vacature-content-block h2{color:#1e293b;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.vacature-content{color:#475569;line-height:1.7}.vacature-content h3{color:#334155;margin:1.5rem 0 1rem}.vacature-content ul{margin:1rem 0;padding-left:1.5rem}.vacature-content li{margin-bottom:.5rem}.vacature-benefits-list,.vacature-requirements-list{margin:0;padding:0;list-style:none}.vacature-benefits-list li,.vacature-requirements-list li{align-items:flex-start;gap:.75rem;margin-bottom:.75rem;padding:0;display:flex}.vacature-requirements-list li svg{color:var(--color-fomix-green);flex-shrink:0;margin-top:.125rem}.vacature-benefits-list li svg{color:#f59e0b;flex-shrink:0;margin-top:.125rem}.vacature-tags{flex-wrap:wrap;gap:.5rem;display:flex}.vacature-tag{color:#475569;background:#f1f5f9;border-radius:16px;padding:.375rem .75rem;font-size:.8rem;font-weight:500}.vacature-detail-sidebar{flex-direction:column;gap:1.5rem;display:flex}.vacature-application-card,.vacature-info-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000000d}.vacature-application-card h3,.vacature-info-card h3{color:#1e293b;margin-bottom:1rem;font-size:1.125rem;font-weight:700}.vacature-info-items{flex-direction:column;gap:1rem;display:flex}.vacature-info-item{align-items:flex-start;gap:.75rem;display:flex}.vacature-info-item svg{color:var(--color-fomix-blue);flex-shrink:0;margin-top:.125rem}.vacature-info-item div{flex-direction:column;gap:.25rem;display:flex}.vacature-info-item .label{color:#64748b;font-size:.8rem;font-weight:500}.vacature-info-item .value{color:#334155;font-size:.9rem;font-weight:600}.vacature-application-card p{color:#64748b;margin-bottom:1.5rem;line-height:1.5}.vacature-related-section{background:#fff;padding:3rem 0}.vacature-related-section .container{z-index:1;max-width:1600px;margin:0 auto;padding:0;position:relative}.vacature-related-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.vacature-detail-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:50vh;display:flex}.vacature-detail-loading-spinner{border:3px solid #e2e8f0;border-top:3px solid var(--color-fomix-blue);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.vacature-detail-error{text-align:center;max-width:600px;margin:0 auto;padding:4rem 2rem}.vacature-detail-error h1{color:#1e293b;margin-bottom:1rem;font-size:2rem}.vacature-detail-error p{color:#64748b;margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.back-to-vacatures-button{background:var(--color-fomix-blue);color:#fff;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.back-to-vacatures-button:hover{background:var(--color-fomix-green);transform:translateY(-1px)}@media (max-width:768px){.vacature-detail-title{font-size:2rem}.vacature-detail-meta{gap:1rem}.vacature-detail-actions{flex-direction:column}.vacature-detail-layout{grid-template-columns:1fr;gap:2rem}.vacature-detail-sidebar{order:-1}.vacature-content-block{padding:1.5rem}.vacature-application-card,.vacature-info-card{padding:1.25rem}}@media (max-width:480px){.vacature-detail-hero{padding:2rem 0}.vacature-detail-title{font-size:1.75rem}.vacature-detail-meta{flex-direction:column;gap:.75rem}.vacature-detail-badges{gap:.5rem}.vacature-badge{padding:.25rem .5rem;font-size:.75rem}}.djzone-messages-container{border-radius:12px;position:relative;overflow:hidden}.djzone-messages-list{max-width:100%;padding:1rem}.djzone-message-group{width:100%;margin-bottom:1.5rem}.djzone-message-bubble-container{align-items:flex-end;gap:.75rem;max-width:85%;margin-bottom:.5rem;display:flex;position:relative}.djzone-listener-message{justify-content:flex-start;margin-right:auto}.djzone-dj-message{flex-direction:row-reverse;justify-content:flex-end;margin-left:auto}.djzone-avatar-circle{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000004d}.djzone-listener-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:2px solid #3b82f633}.djzone-dj-avatar{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:2px solid #10b98133;position:relative}.djzone-dj-avatar:before{content:"";z-index:-1;background:linear-gradient(45deg,#10b981,#059669,#10b981);border-radius:50%;animation:djAvatarGlow 2s ease-in-out infinite alternate;position:absolute;inset:-2px}@keyframes djAvatarGlow{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.djzone-message-bubble{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);word-wrap:break-word;background:#1f2937e6;border:1px solid #4b55634d;border-radius:18px;max-width:100%;padding:.75rem 1rem;transition:all .3s;box-shadow:0 4px 12px #0003}.djzone-listener-bubble{background:linear-gradient(135deg,#1f2937f2,#374151d9);border-bottom-left-radius:4px}.djzone-listener-bubble:before{content:"";border-color:#0000 #1f2937f2 #0000 #0000;border-style:solid;border-width:0 8px 8px 0;width:0;height:0;position:absolute;bottom:0;left:-8px}.djzone-dj-bubble{color:#fff;background:linear-gradient(135deg,#10b981e6,#059669d9);border-bottom-right-radius:4px}.djzone-dj-bubble:before{content:"";border-color:#0000 #0000 #10b981e6;border-style:solid;border-width:0 0 8px 8px;width:0;height:0;position:absolute;bottom:0;right:-8px}.djzone-message-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.djzone-sender-name{color:#9ca3afe6;letter-spacing:.025em;font-size:.75rem;font-weight:600}.djzone-dj-bubble .djzone-sender-name{color:#ffffffe6}.djzone-message-meta{align-items:center;gap:.375rem;display:flex}.djzone-timestamp{color:#9ca3afb3;font-size:.625rem;font-weight:500}.djzone-dj-bubble .djzone-timestamp{color:#ffffffb3}.djzone-message-content{margin-bottom:.5rem}.djzone-message-text{color:#e5e7eb;word-wrap:break-word;margin:0;font-size:.875rem;line-height:1.4}.djzone-dj-bubble .djzone-message-text{color:#fff}.djzone-message-media{background:#11182780;border:1px solid #4b556333;border-radius:12px;margin-top:.75rem;overflow:hidden}.djzone-image-container{cursor:pointer;border-radius:12px;max-width:280px;transition:transform .2s;position:relative;overflow:hidden}.djzone-image-container:hover{transform:scale(1.02)}.djzone-message-image{object-fit:cover;border-radius:12px;width:100%;height:auto;max-height:200px;display:block}.djzone-image-overlay{opacity:0;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .2s;display:flex;position:absolute;top:8px;right:8px}.djzone-image-container:hover .djzone-image-overlay{opacity:1}.djzone-image-icon{color:#fff}.djzone-audio-player{background:#111827cc;border-radius:12px;align-items:center;gap:.75rem;min-width:250px;padding:.75rem;display:flex}.djzone-audio-play-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;box-shadow:0 2px 8px #10b9814d}.djzone-audio-play-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #10b98166}.djzone-audio-info{min-width:0}.djzone-audio-waves{color:#9ca3af;align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.875rem;font-weight:500;display:flex}.djzone-audio-duration{color:#6b7280;font-size:.75rem}.djzone-audio-download-btn{color:#9ca3af;cursor:pointer;background:#4b556380;border:1px solid #6b72804d;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.djzone-audio-download-btn:hover{color:#fff;background:#6b7280b3;transform:translateY(-1px)}.djzone-message-footer{justify-content:space-between;align-items:center;margin-top:.5rem;display:flex}.djzone-message-badges{align-items:center;gap:.5rem;display:flex}.djzone-category-badge{text-transform:capitalize;letter-spacing:.025em;border-radius:12px;padding:.125rem .5rem;font-size:.625rem;font-weight:600}.djzone-category-badge.general{color:#9ca3af;background:#6b728033;border:1px solid #6b72804d}.djzone-category-badge.request{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f64d}.djzone-category-badge.feedback{color:#34d399;background:#10b98133;border:1px solid #10b9814d}.djzone-category-badge.technical{color:#f87171;background:#ef444433;border:1px solid #ef44444d}.djzone-category-badge.urgent{color:#fbbf24;background:#f5656533;border:1px solid #f565654d;animation:urgentPulse 2s ease-in-out infinite}@keyframes urgentPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.djzone-unread-indicator{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f64d;border-radius:12px;padding:.125rem .5rem;font-size:.625rem;font-weight:600;animation:newMessage 3s ease-in-out}@keyframes newMessage{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:.7;transform:translateY(0)}}.djzone-star-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.djzone-star-btn:hover{background:#4b55634d;transform:scale(1.1)}.djzone-star-btn .starred{color:#fbbf24;fill:currentColor;filter:drop-shadow(0 0 4px #fbbf2466)}.djzone-star-btn .unstarred{color:#6b7280}.djzone-star-btn:hover .unstarred{color:#fbbf24}.djzone-chat-typing-indicator{gap:.75rem;max-width:85%;padding:1rem}.djzone-typing-dots{background:#1f2937e6;border-radius:18px 18px 18px 4px;gap:.25rem;padding:.75rem 1rem}.djzone-typing-dots span{background:#6b7280;animation:typingDots 1.4s ease-in-out infinite}.djzone-typing-dots span:nth-child(2){animation-delay:.2s}.djzone-typing-dots span:nth-child(3){animation-delay:.4s}.djzone-typing-text{color:#9ca3af;font-size:.75rem;font-style:italic}@media (max-width:768px){.djzone-message-bubble-container{max-width:90%}.djzone-audio-player{min-width:200px}.djzone-message-image{max-height:150px}.djzone-image-container{max-width:240px}}.djzone-birthday-widget{border-radius:12px;padding:1rem;position:relative;overflow:hidden}.djzone-birthday-widget:before{content:"";background-size:300% 100%;height:3px;position:absolute;top:0;left:0;right:0}@keyframes birthdayGradient{0%,to{background-position:0}50%{background-position:100%}}.djzone-birthday-section{margin-bottom:1.5rem}.djzone-birthday-section.today{background:linear-gradient(135deg,#ff6b6b1a,#ffc13d1a);border:1px solid #ff6b6b33;border-radius:12px;padding:1rem;position:relative;overflow:hidden}.djzone-birthday-section.today:before{content:"";background:radial-gradient(circle,#ff6b6b1a 0,#0000 70%);width:200%;height:200%;animation:celebrationPulse 2s ease-in-out infinite;position:absolute;top:-50%;left:-50%}@keyframes celebrationPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.djzone-birthday-section-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.djzone-birthday-celebration-icon{font-size:1.5rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.djzone-birthday-month-icon{color:#fff;background:linear-gradient(135deg,#4ecdc4,#44a08d);border-radius:8px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.djzone-birthday-section-title h4{color:#e5e7eb;margin:0 0 .25rem;font-size:1.1rem;font-weight:600}.djzone-birthday-section-title p{color:#9ca3af;margin:0;font-size:.875rem}.djzone-birthday-list{flex-direction:column;gap:.75rem;display:flex}.djzone-birthday-card{background:#1f2937cc;border:1px solid #4b55634d;border-radius:10px;transition:all .3s;position:relative;overflow:hidden}.djzone-birthday-card:hover{border-color:#8b5cf666;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.djzone-birthday-card.today{background:linear-gradient(135deg,#ff6b6b26,#ffc13d26);border-color:#ff6b6b66}.djzone-birthday-card.today:before{content:"";background:linear-gradient(90deg,#ff6b6b,#ffd93d);height:2px;animation:shimmer 2s ease-in-out infinite;position:absolute;top:0;left:0;right:0}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.djzone-birthday-card-content{align-items:center;gap:.75rem;padding:.875rem;display:flex}.djzone-birthday-avatar{flex-shrink:0;position:relative}.djzone-birthday-avatar-inner{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.2rem;transition:all .3s;display:flex}.djzone-birthday-card:hover .djzone-birthday-avatar-inner{transform:scale(1.1);box-shadow:0 4px 15px #8b5cf666}.djzone-birthday-celebration-badge{background:linear-gradient(135deg,#ff6b6b,#ffd93d);border:2px solid #141414cc;border-radius:50%;justify-content:center;align-items:center;width:1.2rem;height:1.2rem;font-size:.7rem;animation:celebration 1.5s ease-in-out infinite;display:flex;position:absolute;bottom:-2px;right:-2px}@keyframes celebration{0%,to{transform:scale(1)rotate(0)}25%{transform:scale(1.2)rotate(-5deg)}75%{transform:scale(1.2)rotate(5deg)}}.djzone-birthday-info{flex:1;min-width:0}.djzone-birthday-name{color:#e5e7eb;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.25rem;font-size:.9rem;font-weight:600;overflow:hidden}.djzone-birthday-details{flex-direction:column;gap:.125rem;display:flex}.djzone-birthday-age,.djzone-birthday-date{color:#d1d5db;font-size:.8rem;font-weight:500}.djzone-birthday-countdown,.djzone-birthday-role{color:#9ca3af;font-size:.75rem}.djzone-birthday-countdown{color:#60a5fa;font-weight:500}.djzone-birthday-celebration,.djzone-birthday-upcoming{color:#9ca3af;flex-shrink:0;transition:all .3s}.djzone-birthday-card:hover .djzone-birthday-celebration,.djzone-birthday-card:hover .djzone-birthday-upcoming{color:#60a5fa;transform:scale(1.1)}.djzone-birthday-celebration{color:#fbbf24}.djzone-birthday-stats{gap:.75rem;margin-top:1rem;padding-top:1rem;display:flex}.djzone-birthday-stat{border-radius:8px;flex:1;align-items:center;gap:.5rem;padding:.75rem;transition:all .3s;display:flex}.djzone-birthday-stat.celebration{background:linear-gradient(135deg,#ff6b6b33,#ffc13d33);border-color:#ff6b6b4d}.djzone-birthday-stat-icon{color:#9ca3af;flex-shrink:0}.djzone-birthday-stat.celebration .djzone-birthday-stat-icon{color:#fbbf24;animation:party 2s ease-in-out infinite}@keyframes party{0%,to{transform:rotate(0)scale(1)}25%{transform:rotate(-10deg)scale(1.1)}75%{transform:rotate(10deg)scale(1.1)}}.djzone-birthday-stat-content{flex:1;min-width:0}.djzone-birthday-stat-value{color:#e5e7eb;margin-bottom:.125rem;font-size:1.1rem;font-weight:600;display:block}.djzone-birthday-stat-label{color:#9ca3af;font-size:.75rem;display:block}.djzone-birthday-more{text-align:center;color:#9ca3af;padding:.5rem;font-size:.8rem;font-style:italic}.djzone-birthday-empty,.djzone-birthday-empty-state{text-align:center;color:#6b7280;padding:2rem 1rem}.djzone-birthday-empty-icon,.djzone-birthday-empty-illustration{justify-content:center;margin-bottom:1rem;display:flex;position:relative}.djzone-birthday-empty-glow{background:radial-gradient(circle,#8b5cf61a 0,#0000 70%);border-radius:50%;animation:gentleGlow 3s ease-in-out infinite alternate;position:absolute;inset:-10px}@keyframes gentleGlow{0%{opacity:.3;transform:scale(1)}to{opacity:.6;transform:scale(1.1)}}.djzone-birthday-empty-title{color:#9ca3af;margin-bottom:.5rem;font-size:1rem;font-weight:600}.djzone-birthday-empty-description{color:#6b7280;margin:0;font-size:.875rem}@media (max-width:768px){.djzone-birthday-section.today,.djzone-birthday-widget{padding:.75rem}.djzone-birthday-stats{flex-direction:column}.djzone-birthday-card-content{padding:.75rem}}.station-dropdown-header{color:#fff;text-transform:uppercase;letter-spacing:.05em;z-index:1;padding:12px 16px 8px;font-size:.75rem;font-weight:600;position:sticky;top:0}.station-dropdown-header:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.station-option-icon{color:#64748b;flex-shrink:0}.station-option:hover .station-option-icon{color:var(--color-fomix-blue)}.station-option.active .station-option-icon{color:#fff}.station-option-genre{color:#94a3b8;margin-left:auto;font-size:.75rem;font-weight:400}.station-option.active .station-option-genre{color:#fffc}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@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}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}.dark-theme{--background:#0a0a0a;--foreground:#ededed;--color-fomix-blue:#4338ca;--color-fomix-blue-light:#3b82f6;--color-fomix-blue-dark:#1e1b4c;--color-fomix-green:#10b981;--color-fomix-green-light:#34d399;--color-fomix-green-dark:#047857;--color-fix-grey-950:#f9fafb;--color-fix-grey-900:#f3f4f6;--color-fix-grey-800:#e5e7eb;--color-fix-grey-600:#9ca3af;--color-fix-grey-200:#374151;--color-fix-white:#111827;--color-fix-black:#f9fafb;--color-alt-grey-100:#1f2937;--color-alt-grey-800:#e5e7eb;--bg-primary:#0F141B;--bg-secondary:#1F2937;--bg-tertiary:#263244;--bg-card:#1f2937;--bg-hover:#374151;--text-primary:#f9fafb;--text-secondary:#e5e7eb;--text-muted:#9ca3af;--text-inverse:#111827;--border-primary:#374151;--border-secondary:#4b5563;--border-light:#6b7280}.dark-theme body{background-color:var(--bg-primary);color:var(--text-primary)}.dark-theme .navbar-scrolled{background:rgba(17,24,39,.95);border-bottom-color:var(--border-primary)}.dark-theme .navbar-link{color:var(--text-secondary)}.dark-theme .navbar-link:hover{color:var(--text-primary)}.dark-theme .navbar-dropdown-content{background:var(--bg-card);border-radius:1rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);padding:1.5rem;min-width:320px;max-width:600px;z-index:50;margin-top:1rem;animation:dropdownFadeIn .2s ease-out}.dark-theme .navbar-dropdown-all-link{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-radius:.75rem;text-decoration:none;font-size:.9rem;background:rgba(55,65,81,.3);border:1px solid rgba(55,65,81,.2);transition:all .2s ease}.dark-theme .navbar-dropdown-all-link,.dark-theme .navbar-dropdown-gemist{color:var(--text-primary);font-weight:600}.dark-theme .navbar-dropdown-title{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.dark-theme .navbar-mobile-menu{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-primary);animation:menuFadeIn .3s ease-out;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.dark-theme .agenda-card,.dark-theme .featured-card,.dark-theme .news-card,.dark-theme .vacature-card{background:var(--bg-card);border-color:var(--border-primary);color:var(--text-primary)}.dark-theme .agenda-card:hover,.dark-theme .featured-card:hover,.dark-theme .news-card:hover,.dark-theme .vacature-card:hover{background:var(--bg-hover);border-color:var(--border-secondary)}.dark-theme .agenda-title,.dark-theme .featured-title,.dark-theme .news-title,.dark-theme .vacature-title{color:var(--text-primary)}.dark-theme .agenda-description,.dark-theme .featured-description,.dark-theme .news-description,.dark-theme .vacature-description{color:var(--text-secondary)}.dark-theme .agenda-meta,.dark-theme .featured-meta,.dark-theme .news-meta,.dark-theme .vacature-meta{color:var(--text-muted)}.dark-theme .news-search-section{padding:2rem 0;background:var(--bg-card);border-bottom:1px solid var(--bg-card);box-shadow:0 10px 40px var(--bg-card)}.dark-theme .news-search-input{border:2px solid #374151;background:#1f2937;color:#f9fafb}.dark-theme .news-page{background:var(--bg-primary)}.dark-theme .news-results-title{color:#64748b}.dark-theme .newsCardTitle{color:#f9fafb}.dark-theme .article-page{min-height:100vh;background:var(--bg-primary)}.dark-theme .article-body{font-size:1.125rem;line-height:1.8;color:#f9fafb}.dark-theme .article-body h2{font-size:1.875rem;font-weight:700;color:#f9fafb;margin:2.5rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(50,44,232,.1)}.dark-theme .article-body h3{font-size:1.5rem;font-weight:600;color:#f9fafb;margin:2rem 0 1rem}.dark-theme .article-body blockquote{background:linear-gradient(135deg,#1f2937,#1f2937);border-left:4px solid var(--color-fomix-green);padding:1.5rem;margin:2rem 0;border-radius:0 8px 8px 0;font-style:italic;font-size:1.1rem;color:#f9fafb}.dark-theme .article-tag,.dark-theme .article-tags{background:#1f2937;border-radius:16px;margin-bottom:3rem;padding:2rem;box-shadow:0 4px 20px #52555a1a}.dark-theme .themastations-controls{background:var(--bg-card);border-bottom:1px solid var(--border-primary);padding:2rem 0}.dark-theme .themastations-search-input{width:100%;padding:.875rem 1rem .875rem 3rem}.dark-theme .themastations-filter-select,.dark-theme .themastations-search-input{border:1px solid var(--border-primary);border-radius:12px;font-size:1rem;background:var(--bg-card);transition:all .2s ease}.dark-theme .themastations-filter-select{padding:.875rem 1rem;cursor:pointer;min-width:180px}.dark-theme .themastations-card{background:var(--bg-card);border-radius:16px;border:1px solid var(--border-primary);box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:hidden;transition:all .3s ease;position:relative}.dark-theme .themastations-card-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:linear-gradient(135deg,var(--bg-card),var(--bg-card));border-bottom:1px solid var(--border-primary)}.dark-theme .themastations-card-listeners{display:flex;align-items:center;gap:.5rem;color:var(--color-fomix-green);font-size:.875rem;font-weight:500;padding:.5rem .75rem;background:var(--bg-card);border-radius:8px;border:1px solid var(--border-primary);margin-bottom:1.5rem}.dark-theme .themastations-card-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;line-height:1.3}.dark-theme .archief-featured{padding:4rem 0;background:var(--bg-primary)}.dark-theme .archief-controls{background:var(--bg-card);border-bottom:1px solid var(--border-primary);padding:2rem 0}.dark-theme .archief-search-input{width:100%;padding:.875rem 1rem .875rem 3rem}.dark-theme .archief-filter-select,.dark-theme .archief-search-input{border:1px solid var(--border-primary);border-radius:12px;font-size:1rem;background:var(--bg-card);transition:all .2s ease}.dark-theme .archief-filter-select{padding:.875rem 1rem;cursor:pointer;min-width:140px}.dark-theme .archief-section-tabs{display:flex;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-primary);overflow:hidden}.dark-theme .archief-section-tab{padding:.875rem 1.5rem;border:none;background:transparent;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text-primary);border-right:1px solid var(--border-primary)}.dark-theme .archief-section-tab:hover{background:var(--bg-tertiary);color:var(--text-primary);box-shadow:0 2px 8px rgba(0,0,0,.2)}.dark-theme .archief-section-tab.active{background:var(--color-fomix-green);color:white}.dark-theme .archief-featured-card{background:var(--bg-card);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:all .3s ease;text-decoration:none;color:inherit}.dark-theme .archief-featured-content p{color:var(--text-primary);font-weight:500;line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dark-theme .archief-content-type,.dark-theme .archief-featured-category{display:inline-block;padding:.375rem 1rem;border-radius:12px;font-weight:600;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.dark-theme .archief-section-header h2{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.dark-theme .archief-section-header p{color:var(--text-secondary);line-height:1.5}.dark-theme .archief-sections{padding:4rem 0;background:var(--bg-primary)}.dark-theme .archief-section{background:var(--bg-card);border-radius:16px;padding:2rem;margin-bottom:3rem;box-shadow:0 4px 20px rgba(0,0,0,.08)}.dark-theme .archief-section-content{padding:4rem 0;background:var(--bg-card)}.dark-theme .archief-content-info h4{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;line-height:1.3;color:var(--text-primary)}.dark-theme .archief-content-meta{color:var(--text-primary);font-size:.875rem;font-weight:500;margin-bottom:1rem;display:flex;flex-wrap:wrap;gap:1rem}.dark-theme .archief-content-stat{display:flex;align-items:center;gap:.25rem;color:var(--text-primary);font-size:.75rem;font-weight:500}.dark-theme .archief-content-category{padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:500;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.dark-theme .archief-year-card{background:linear-gradient(135deg,var(--bg-card),var(--bg-card));border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem;text-decoration:none;color:inherit;transition:all .3s ease}.dark-theme .archief-year-categories{padding:2rem 0;background:var(--bg-card);border-bottom:1px solid var(--border-primary)}.dark-theme .archief-year-header h3{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.dark-theme .archief-year-stat{gap:.75rem;font-size:1rem;font-weight:500;padding:1rem 1.5rem;background:var(--bg-tertiary);border-radius:12px;backdrop-filter:blur(10px);border:1px solid var(--border-primary)}.dark-theme .archief-quick-access{padding:4rem 0;background:var(--bg-card);border-top:1px solid var(--border-primary)}.dark-theme .archief-quick-access h2{font-size:1.75rem;font-weight:700;margin-bottom:2rem;color:var(--text-primary)}.dark-theme .archief-quick-link{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--bg-card);border:2px solid var(--border-primary);border-radius:12px;text-decoration:none;color:var(--text-primary);font-weight:600;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.1)}.dark-theme .archief-quick-link:hover{background:var(--color-fomix-green);color:white;transform:translateY(-2px);box-shadow:0 4px 15px rgba(34,197,94,.3)}.dark-theme .archief-year-stat{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.dark-theme .btn-primary{background:var(--color-fomix-blue);color:white;border-color:var(--color-fomix-blue)}.dark-theme .btn-primary:hover{background:var(--color-fomix-blue-light);border-color:var(--color-fomix-blue-light)}.dark-theme .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-secondary)}.dark-theme .btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-light)}.dark-theme .footer-title{color:var(--text-primary)}.dark-theme .footer-link{color:var(--text-secondary)}.dark-theme .footer-text{color:var(--text-muted)}.dark-theme .section{background:var(--bg-primary)}.dark-theme .section-alt{background:var(--bg-secondary)}.dark-theme .contact-hero-text,.dark-theme .hero-text,.dark-theme .news-hero-text,.dark-theme .programmering-hero-text{color:white}.dark-theme .contact-hero-subtitle,.dark-theme .hero-subtitle,.dark-theme .news-hero-subtitle{color:rgba(255,255,255,.9)}.dark-theme .contact-hero-title,.dark-theme .hero-title,.dark-theme .news-hero-title{background:linear-gradient(135deg,#ffffff,rgba(255,255,255,.8));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark-theme .contact-hero-description,.dark-theme .hero-description,.dark-theme .news-hero-description{color:rgba(255,255,255,.9)}.dark-theme .hero-button{background:var(--bg-tertiary);color:var(--text-primary);padding:1rem 2rem;border-radius:50px;border:2px solid transparent;font-size:1.125rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 16px rgba(0,0,0,.1);text-decoration:none}.dark-theme .acties-hero-banner,.dark-theme .agenda-hero-banner,.dark-theme .hero-banner,.dark-theme .news-hero-banner,.dark-theme .programmering-hero-banner,.dark-theme .tv-hero-banner,.dark-theme .zoeken-hero-banner{background:#1F2937}.dark-theme .instellingen-hero-banner,.dark-theme .profiel-hero-banner{background:none}.dark-theme .adverteren-hero-banner,.dark-theme .archief-hero,.dark-theme .article-hero,.dark-theme .beleid-hero-banner,.dark-theme .contact-hero-banner,.dark-theme .licenties-hero-banner,.dark-theme .programma-hero-banner,.dark-theme .themastations-hero,.dark-theme .vacatures-hero-banner{background:#1F2937}.dark-theme .contact-quick-card{background:var(--bg-card);border-color:var(--border-primary)}.dark-theme .contact-quick-card:hover{background:var(--bg-hover)}.dark-theme .radio-player{border-top-color:var(--border-primary)}.dark-theme .radio-player-title{color:var(--text-primary)}.dark-theme .radio-player-artist,.dark-theme .radio-player-controls button{color:var(--text-secondary)}.dark-theme .radio-player-controls button:hover{color:var(--text-primary)}.dark-theme .popup-button{color:#fff}.dark-theme table{background:var(--bg-card)}.dark-theme table,.dark-theme th{border-color:var(--border-primary)}.dark-theme th{background:var(--bg-tertiary);color:var(--text-primary)}.dark-theme td{color:var(--text-secondary);border-color:var(--border-primary)}.dark-theme tr:hover{background:var(--bg-hover)}.dark-theme .dialog,.dark-theme .modal{background:var(--bg-secondary);border-color:var(--border-primary)}.dark-theme .modal-header{border-bottom-color:var(--border-primary)}.dark-theme .modal-footer{border-top-color:var(--border-primary)}.dark-theme [data-tooltip]{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-secondary)}.dark-theme ::-webkit-scrollbar{background:var(--bg-secondary)}.dark-theme ::-webkit-scrollbar-thumb{background:var(--border-secondary)}.dark-theme ::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.dark-theme .auth-layout{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%)}.dark-theme .auth-form-container{background:var(--bg-primary);border-color:var(--border-primary)}.dark-theme .auth-input{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-primary)}.dark-theme .auth-input:focus{border-color:var(--color-fomix-blue)}.dark-theme .auth-form-container .bg-gray-50{background:var(--bg-card);border:2px solid var(--border-primary);border-radius:12px;padding:0;box-shadow:inset 0 2px 4px rgba(0,0,0,.06)}.dark-theme .auth-form-container .bg-gray-50 button.bg-white{background:var(--bg-tertiary);box-shadow:0 2px 8px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.1);color:var(--text-primary)}.dark-theme .auth-form-subtitle{color:var(--text-muted);font-size:1rem;line-height:1.5;font-weight:400}.dark-theme .auth-link{color:var(--text-muted);text-decoration:none;font-weight:600;transition:all .2s ease;position:relative}.dark-theme .auth-form-container .text-gray-700{color:var(--text-primary)}.dark-theme .auth-form-container .text-gray-600{color:var(--text-muted)}.dark-theme .programmering-section,.dark-theme .programming{background-color:var(--bg-primary)}.dark-theme .programmering-section .title,.dark-theme .programming .title{background:linear-gradient(135deg,var(--text-primary) 0,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark-theme .programmering-section .header,.dark-theme .programming .header{border-bottom-color:var(--border-primary)}.dark-theme .programmering-filter-options{max-width:100%;margin:0 auto;background:var(--bg-card);border:2px solid var(--color-fomix-blue);border-top:none;border-bottom-left-radius:16px;border-bottom-right-radius:16px;padding:2rem;box-shadow:0 10px 40px var(--bg-card);display:none;flex-direction:column;gap:2rem}.dark-theme .navButton{background:var(--bg-card);border:2px solid var(--bg-card);color:#fff}.dark-theme .program-card{background:var(--bg-card);border-color:var(--border-primary);color:var(--text-primary)}.dark-theme .program-card:hover{background:var(--bg-hover);border-color:var(--border-secondary)}.dark-theme .program-title{color:var(--text-primary)}.dark-theme .program-description{color:var(--text-secondary)}.dark-theme .program-meta{color:var(--text-muted)}.dark-theme .dayTab{padding:.85rem 1.8rem;border-radius:15px;border:2px solid rgba(50,44,232,.15);background:var(--bg-card);color:#fff;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);min-width:fit-content;min-height:48px;box-shadow:0 4px 15px rgba(50,44,232,.08);white-space:nowrap;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.dark-theme .dayTab.active{background:linear-gradient(135deg,#322ce8,#4c63d2);color:white;transform:translateY(-3px) scale(1.02);border-color:transparent}.dark-theme .zoeken-main-section{padding:4rem 0;background:var(--bg-primary);min-height:calc(100vh - 400px)}.dark-theme .zoeken-category-card{background:var(--bg-card);border:1px solid var(--bg-card)}.dark-theme .zoeken-filters-toggle{background:var(--bg-card);border-color:var(--bg-card);color:#fff}.dark-theme .zoeken-filters-container{background:var(--bg-card);border-radius:16px;border:1px solid var(--bg-card);padding:2rem;margin-bottom:2rem}.dark-theme .zoeken-clear-filters-button{background:var(--bg-primary);border-color:var(--bg-primary);color:#fff}.dark-theme .zoeken-results-title{color:#fff}.dark-theme .zoeken-no-results-title{color:#64748b}.dark-theme .zoeken-filter-label{color:#fff}.dark-theme .zoeken-suggestions-header,.dark-theme .zoeken-suggestions-title,.zoeken-category-name{color:#64748b}.dark-theme .zoeken-recent-item{background:var(--bg-card);border:1px solid var(--bg-card);color:#fff}.dark-theme .zoeken-tips-card{background:var(--bg-secondary);border:1px solid var(--bg-secondary)}.dark-theme .zoeken-popular-item{background:var(--bg-card);border:1px solid var(--bg-card)}.dark-theme .zoeken-popular-rank,.dark-theme .zoeken-popular-term,.dark-theme .zoeken-tips-list li,.dark-theme .zoeken-tips-title{color:#64748b}.dark-theme .zoeken-search-input{width:100%;padding:1rem 1.5rem 1rem 3.5rem;border:none;border-radius:50px;font-size:1.125rem;box-shadow:0 10px 40px rgba(0,0,0,.1)}.dark-theme .zoeken-search-button,.dark-theme .zoeken-search-input{background:rgba(255,255,255,.05);backdrop-filter:blur(10px);transition:all .2s ease;min-height:60px}.dark-theme .zoeken-search-button{display:flex;align-items:center;gap:.5rem;color:white;border:2px solid rgba(255,255,255,.05);padding:0;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;min-width:140px}.dark-theme .programmering-filter-section{padding:3rem 0;background:var(--bg-card);border-bottom:1px solid var(--bg-card);box-shadow:0 10px 40px var(--bg-card)}.dark-theme .programmering-filter-dropdown-button{width:100%;padding:1rem 1.5rem;background:var(--bg-hover);border:2px solid var(--bg-hover);border-radius:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 40px var(--bg-card)}.dark-theme .programmering-filter-dropdown-left svg{color:var(--text-primary)}.dark-theme .programmering-filter-dropdown-left span{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.dark-theme .programmering-page{min-height:100vh;background:var(--bg-primary)}.dark-theme .week-schema-title svg{color:var(--text-primary)}.dark-theme .week-schema-title h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0}.dark-theme .week-day-button{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--bg-card);border:2px solid var(--bg-card);border-radius:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 40px var(--bg-card)}.dark-theme .week-day-button.active{background:var(--color-fomix-blue);border-color:var(--color-fomix-blue);color:#fff}.dark-theme .week-day-button:hover{border-color:var(--color-fomix-blue);transform:translateY(-4px)}.dark-theme .day-schedule{background:var(--bg-card);border-radius:16px;padding:2rem;box-shadow:0 10px 40px var(--bg-card);border:1px solid var(--bg-card)}.dark-theme .schedule-item{display:grid;grid-template-columns:150px 1fr auto;gap:1.5rem;align-items:center;padding:1rem;background:var(--bg-tertiary);border-radius:12px;transition:all .3s ease;text-decoration:none;color:inherit}.dark-theme .schedule-item-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0}.dark-theme .schedule-item-time{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text-primary)}.dark-theme .schedule-item-host{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--text-muted)}.dark-theme .programmering-results-title{font-size:2rem;font-weight:700;color:var(--text-primary)}.dark-theme .programmering-results-subtitle{color:var(--text-muted)}.dark-theme .programma-card{background:var(--bg-card);border-radius:16px;overflow:hidden;box-shadow:0 10px 40px var(--bg-card);transition:all .3s ease;border:1px solid var(--bg-card)}.dark-theme .programma-card-title{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.dark-theme .programma-card-description{color:var(--text-secondary)}.dark-theme .programma-card-meta-item{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.875rem}.dark-theme .programma-card-meta{color:var(--text-muted)}.dark-theme .programma-page{min-height:100vh;background:var(--bg-primary)}.dark-theme .programma-content-section{padding:4rem 0;background:var(--bg-primary)}.dark-theme .programma-info-card{background:var(--bg-card);border-radius:16px;padding:2rem;box-shadow:0 10px 40px var(--bg-card);border:1px solid var(--bg-card)}.dark-theme .programma-main-article,.dark-theme .programma-schedule-section{background:var(--bg-card);border-radius:16px;padding:3rem;box-shadow:0 10px 40px var(--bg-card);border:1px solid var(--bg-card)}.dark-theme .schedule-overview-card{background:var(--bg-tertiary);border-radius:16px;padding:2rem}.dark-theme .programma-info-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.dark-theme .programma-article-header h2,.dark-theme .programma-schedule-header h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0}.dark-theme .host-name{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.dark-theme .host-bio{color:var(--text-muted);line-height:1.5;font-size:.875rem;margin:0}.dark-theme .programma-article-content{color:var(--text-muted);line-height:1.7;font-size:1rem}.dark-theme .host-social h5{font-size:.875rem;font-weight:600;color:var(--text-muted);margin:0 0 1rem}.dark-theme .programma-schedule-header p{color:var(--text-muted);margin:.5rem 0 0}.dark-theme .schedule-info h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.dark-theme .schedule-detail{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.875rem}.dark-theme .detail-label{font-weight:600}.dark-theme .detail-label,.dark-theme .detail-value{font-size:.875rem;color:var(--text-muted)}.dark-theme .programma-info-tag{padding:.25rem .75rem;background:var(--bg-tertiary);color:var(--text-primary);border-radius:50px;font-size:.75rem;font-weight:500}.dark-theme .programma-calendar-integration h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.dark-theme .schedule-action-button.secondary{background:var(--bg-card);color:#fff;border:2px solid var(--bg-card)}.dark-theme .acties-winacties{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%)}.dark-theme .acties-winacties:before{background:#161d28}.dark-theme .acties-winacties__title{background:linear-gradient(135deg,var(--text-primary) 0,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark-theme .acties-winacties__subtitle{color:var(--text-muted)}.dark-theme .acties-winacties__header{border-bottom-color:var(--border-primary)}.dark-theme .acties-winacties__card{background:var(--bg-card);border-color:var(--border-primary)}.dark-theme .acties-winacties__card:hover{background:var(--bg-hover);border-color:var(--border-secondary)}.dark-theme .acties-winacties__card-title{color:var(--text-primary)}.dark-theme .acties-winacties__card-description{color:var(--text-secondary)}.dark-theme .acties-winacties__card-meta{color:var(--text-muted)}.dark-theme .acties-winacties__more-button{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-secondary)}.dark-theme .acties-winacties__more-button:hover{background:var(--color-fomix-blue);border-color:var(--color-fomix-blue);color:white}.dark-theme .acties-search-section{padding:2rem 0;background:var(--bg-card);border-bottom:1px solid var(--border-primary);box-shadow:0 10px 40px var(--bg-card)}.dark-theme .acties-search-input{width:100%;padding:.875rem 1rem .875rem 2.5rem;border:2px solid var(--border-primary);border-radius:25px;font-size:1rem;transition:all .3s ease;background:var(--bg-card)}.dark-theme .acties-page{min-height:100vh;background:var(--bg-primary)}.dark-theme .acties-results-title{color:var(--text-primary)}.dark-theme .actieCard{background:var(--bg-card);border:1px solid var(--border-primary)}.dark-theme .actieCardExcerpt{color:var(--text-muted)}.dark-theme .actieCardMetaItem{gap:.5rem;color:var(--text-muted);font-size:.875rem}.dark-theme .actieCardTitle{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;line-height:1.3}.dark-theme .actie-page{min-height:100vh;background:var(--bg-primary)}.dark-theme .actie-info-card{background:var(--bg-card);border-radius:16px;padding:2rem;box-shadow:0 10px 40px var(--bg-card);border:1px solid var(--border-primary);transition:all .3s ease}.dark-theme .actie-timeline-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-tertiary);border-radius:8px}.dark-theme .actie-info-card-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.dark-theme .actie-timeline-value{font-size:.875rem;color:var(--text-primary);font-weight:600}.dark-theme .actie-timeline-label{font-size:.875rem;color:var(--text-muted);font-weight:500}.dark-theme .actie-stat-label{font-size:.875rem;color:var(--text-muted);margin-top:.25rem}.dark-theme .actie-content-section{padding:4rem 0;background:var(--bg-card)}.dark-theme .actie-content-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:2rem;text-align:center}.dark-theme .actie-content-body{color:var(--text-secondary);line-height:1.7;font-size:1.0625rem}.dark-theme .profiel-navigation{background:var(--bg-card);border-bottom:1px solid var(--border-primary);box-shadow:0 2px 10px rgba(0,0,0,.05);position:relative;z-index:3}.dark-theme .profiel-back-link{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);text-decoration:none;font-weight:500;transition:all .2s ease;padding:.5rem 1rem;border-radius:8px}.dark-theme .profiel-page{min-height:100vh;background:var(--bg-primary)}.dark-theme .profiel-info-card,.dark-theme .profiel-settings-card,.dark-theme .profiel-stats-card{background:var(--bg-card);border-radius:16px;padding:2rem;box-shadow:0 10px 40px var(--bg-card);border:1px solid var(--border-primary)}.dark-theme .profiel-info-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.dark-theme .profiel-info-value{font-size:1rem;font-weight:500;color:var(--text-primary)}.dark-theme .profiel-info-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text-muted)}.dark-theme .profiel-settings-title{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.dark-theme .profiel-settings-item-label{font-size:1rem;font-weight:600;color:var(--text-primary);display:block;margin-bottom:.25rem}.dark-theme .profiel-settings-item{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem;border:1px solid var(--border-primary);border-radius:12px;transition:all .2s ease}.dark-theme .profiel-settings-item.danger{border-color:var(--border-primary);background:var(--bg-hover)}.dark-theme .profiel-settings-button.secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-primary)}.dark-theme .profiel-settings-item-description{font-size:.875rem;color:var(--text-muted);line-height:1.5}.dark-theme .profiel-settings-item:hover{border-color:var(--border-primary);background:var(--bg-hover)}.dark-theme .profiel-settings-section-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.dark-theme .profiel-info-card-title,.dark-theme .profiel-settings-card-title,.dark-theme .profiel-stats-card-title{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.dark-theme .instellingen-navigation{background:var(--bg-card);border-bottom:1px solid var(--border-primary);box-shadow:0 2px 10px rgba(0,0,0,.05);position:relative;z-index:3}.dark-theme .instellingen-back-link{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);text-decoration:none;font-weight:500;transition:all .2s ease;padding:.5rem 1rem;border-radius:8px}.dark-theme .instellingen-main-section{padding:3rem 0;background:var(--bg-primary);min-height:calc(100vh - 300px)}.dark-theme .instellingen-tabs{background:var(--bg-card);border-radius:16px;box-shadow:0 10px 40px var(--bg-card);border:1px solid var(--border-primary);overflow:hidden}.dark-theme .instellingen-tab{display:flex;align-items:center;gap:.75rem;width:100%;padding:1rem 1.5rem;background:transparent;border:none;text-align:left;font-size:1rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--border-primary)}.dark-theme .instellingen-tab.active{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:white;font-weight:600}.dark-theme .instellingen-content{background:var(--bg-card);border-radius:16px;box-shadow:0 10px 40px var(--bg-card);border:1px solid var(--border-primary);padding:2rem}.dark-theme .instellingen-card{background:var(--bg-tertiary);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--border-primary)}.dark-theme .instellingen-card-title{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.dark-theme .instellingen-form-input,.dark-theme .instellingen-form-select{width:100%;padding:.75rem 1rem;border:1px solid var(--border-primary);border-radius:8px;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease;background:var(--bg-card)}.dark-theme .instellingen-form-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.dark-theme .instellingen-section-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0}.dark-theme .instellingen-section-description{font-size:1rem;color:var(--text-muted);margin:.25rem 0 0;line-height:1.5}.dark-theme .instellingen-button.secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-primary)}.dark-theme .instellingen-button.secondary:hover:not(:disabled){background:var(--bg-hover);transform:translateY(-1px)}.dark-theme .instellingen-form-input:focus,.dark-theme .instellingen-form-select:focus{border-color:var(--color-fomix-blue);box-shadow:0 0 0 2px rgba(var(--color-fomix-blue-rgb),.2)}.dark-theme .instellingen-info-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.dark-theme .instellingen-info-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.instellingen-section-header svg{color:var(--text-primary)}.dark-theme .instellingen-info-list li{font-size:.875rem;color:var(--text-primary);line-height:1.5;margin-bottom:.5rem;position:relative;padding-left:1.5rem}.dark-theme .instellingen-info-list li:before{content:"•";color:var(--text-primary);font-weight:700;position:absolute;left:0}.dark-theme .instellingen-toggle-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-primary)}.dark-theme .instellingen-toggle-label{font-weight:500;color:var(--text-primary);display:block;margin-bottom:.25rem}.dark-theme .instellingen-toggle-description{font-size:.875rem;color:var(--text-muted);display:block;line-height:1.4}.dark-theme .instellingen-toggle-info svg{color:var(--text-muted);flex-shrink:0}.dark-theme .instellingen-info-text{font-size:.875rem;color:var(--text-muted);line-height:1.5;margin:0}.dark-theme .instellingen-2fa-info{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:8px}.dark-theme .instellingen-2fa-info,.dark-theme .instellingen-disco-toggle{background:var(--bg-card);border:1px solid var(--border-primary)}.dark-theme .instellingen-disco-label{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.dark-theme .instellingen-disco-sublabel{font-size:.875rem;color:var(--text-muted);line-height:1.4}.dark-theme .instellingen-modal{background:var(--bg-card);border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px rgba(0,0,0,.3);animation:modalSlideIn .3s ease-out}.dark-theme .instellingen-modal-header{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 2rem 1rem;text-align:center;border-bottom:1px solid var(--border-primary)}.dark-theme .instellingen-modal-content{padding:2rem;color:var(--text-primary);line-height:1.6}.dark-theme .instellingen-modal-content li{margin-bottom:.5rem;color:var(--text-muted)}.dark-theme .instellingen-2fa-info h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.dark-theme .instellingen-2fa-info p{font-size:.875rem;color:var(--text-muted);margin:0;line-height:1.5}.dark-theme .instellingen-2fa-info svg{color:var(--text-primary);flex-shrink:0}.dark-theme .instellingen-login-item.current{background:var(--bg-card);border-color:var(--border-primary)}.dark-theme .instellingen-login-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background:var(--bg-card);border-radius:8px;border:1px solid var(--border-primary)}.dark-theme .instellingen-login-device{font-weight:500;color:var(--text-primary);display:block;margin-bottom:.25rem}.dark-theme .instellingen-login-meta{display:flex;align-items:center;gap:1rem;font-size:.75rem;color:var(--text-muted)}.dark-theme .instellingen-login-info svg{color:var(--text-muted);flex-shrink:0}.instellingen-login-meta svg{color:var(--color-fomix-blue);flex-shrink:0}.dark-theme .instellingen-card-description{font-size:.875rem;color:var(--text-muted);margin:0 0 1.5rem;line-height:1.5}.dark-theme .adverteren-voordelen-section{padding:6rem 0;background:var(--bg-primary)}.dark-theme .adverteren-benefits-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.dark-theme .adverteren-benefits-description{font-size:1.125rem;color:var(--text-muted);max-width:600px;margin:0 auto;line-height:1.6}.dark-theme .adverteren-benefit-card{background:var(--bg-card);padding:3rem 2rem;border-radius:20px;text-align:center;box-shadow:0 10px 40px var(--bg-card);border:1px solid var(--border-primary);transition:transform .2s ease}.dark-theme .adverteren-benefit-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.dark-theme .adverteren-benefit-description{color:var(--text-muted);line-height:1.6}.dark-theme .adverteren-why-radio{background:var(--bg-card);padding:3rem;border-radius:20px;box-shadow:0 10px 40px var(--bg-card);border:1px solid var(--border-primary)}.dark-theme .adverteren-why-item{text-align:center;padding:2rem 1rem;background:var(--bg-tertiary);border-radius:12px}.adverteren-why-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:2rem}.dark-theme .adverteren-why-stat{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem}.dark-theme .adverteren-why-item p{color:var(--text-muted);font-size:.875rem;line-height:1.5;margin:0}.dark-theme .adverteren-why-radio-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.dark-theme .adverteren-contact-section{padding:6rem 0;background:var(--bg-primary)}.dark-theme .adverteren-contact-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.dark-theme .adverteren-contact-description{font-size:1.125rem;color:var(--text-muted);max-width:600px;margin:0 auto;line-height:1.6}.dark-theme .adverteren-contact-form-container{background:var(--bg-card);padding:3rem;border-radius:20px;box-shadow:0 10px 40px var(--bg-card);border:1px solid var(--border-primary)}.dark-theme .adverteren-contact-form-container h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.dark-theme .adverteren-form-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text-primary)}.dark-theme .adverteren-form-input,.dark-theme .adverteren-form-select,.dark-theme .adverteren-form-textarea{padding:.75rem 1rem;border:1px solid var(--border-primary);border-radius:8px;font-size:1rem;background:var(--bg-card);transition:border-color .2s ease,box-shadow .2s ease}.dark-theme .adverteren-contact-info{background:var(--bg-card);padding:2rem;border-radius:20px;box-shadow:0 4px 20px rgba(82,85,90,.08);border:1px solid var(--border-primary);height:fit-content}.dark-theme .adverteren-info-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.dark-theme .adverteren-info-description{color:var(--text-muted);line-height:1.5;margin-bottom:2rem}.dark-theme .adverteren-contact-method-label{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.dark-theme .adverteren-contact-method-value{font-size:1rem;font-weight:500;color:var(--text-primary);text-decoration:none;margin-bottom:.25rem}.dark-theme .adverteren-contact-method-description{font-size:.875rem;color:var(--text-muted);margin:0;line-height:1.4}.dark-theme .adverteren-response-promise{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-primary)}.dark-theme .adverteren-response-promise svg{color:var(--color-primary);flex-shrink:0}.dark-theme .adverteren-response-promise h4{font-size:1rem;font-weight:600;color:var(--color-primary);margin:0 0 .25rem}.dark-theme .adverteren-response-promise p{font-size:.875rem;color:var(--color-primary);margin:0;line-height:1.4}.dark-theme .vacatures-main-section{padding:6rem 0;background:var(--bg-primary)}.dark-theme .vacatures-section-title{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin:0 0 1rem}.dark-theme .vacatures-section-description{font-size:1.25rem;color:var(--text-muted);max-width:600px;margin:0 auto}.dark-theme .vacatures-filter-section{background:var(--bg-card);border-radius:20px;padding:2rem;margin-bottom:3rem;border:1px solid var(--border-primary)}.dark-theme .vacatures-filter-section h3{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.dark-theme .vacatures-filter-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary);font-size:.875rem}.dark-theme .vacatures-filter-select{padding:.75rem 1rem;border:1px solid var(--border-primary);border-radius:12px;font-size:.875rem}.dark-theme .vacatures-filter-select,.dark-theme .vacatures-quick-filter{background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:all .3s ease}.dark-theme .vacatures-quick-filter{padding:.5rem 1rem;border:1px solid var(--border-primary);border-radius:20px;font-size:.75rem;font-weight:500}.dark-theme .vacatures-results-header h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.dark-theme .vacatures-results-header p{color:var(--text-muted);margin:0}.dark-theme .vacature-detail{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:var(--text-muted)}.dark-theme .vacature-benefits h4,.dark-theme .vacature-requirements h4{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 .75rem}.dark-theme .vacature-posted{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-muted)}.dark-theme .vacatures-cta-section{padding:6rem 0;background:var(--bg-card)}.dark-theme .vacatures-cta-title{font-size:2.25rem;font-weight:800;color:var(--text-primary);margin:0 0 1rem}.dark-theme .vacatures-cta-description{font-size:1.125rem;color:var(--text-muted);line-height:1.6;margin:0 0 2rem}.dark-theme .vacatures-cta-contact{background:var(--bg-primary);border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px var(--bg-card);border:1px solid var(--border-primary)}.dark-theme .vacatures-cta-contact h3{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.dark-theme .vacatures-contact-item strong{font-weight:600;color:var(--text-muted);font-size:.875rem}.dark-theme .vacatures-cta-button.secondary{background:var(--bg-card);color:var(--color-primary);border:1px solid var(--border-primary)}.dark-theme .cvdm-toestemming-section{padding:6rem 0;background:var(--bg-primary)}.dark-theme .cvdm-toestemming-title{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin:0 0 .5rem}.dark-theme .cvdm-toestemming-subtitle{font-size:1.25rem;color:var(--text-muted);margin:0}.dark-theme .cvdm-permission-card{background:var(--bg-card);border-radius:20px;padding:3rem;box-shadow:0 10px 40px var(--bg-card);border:1px solid var(--border-primary);margin-bottom:3rem}.dark-theme .cvdm-permission-header h3{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin:0}.dark-theme .cvdm-detail-content h4{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.dark-theme .cvdm-detail-content p{font-size:1rem;font-weight:600;color:var(--text-muted);margin:0 0 .25rem}.dark-theme .cvdm-detail-content small{font-size:.875rem;color:var(--text-muted)}.dark-theme .cvdm-documents-title{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin:0 0 2rem}.dark-theme .cvdm-document-card{background:var(--bg-card);border-radius:16px;padding:2rem;box-shadow:0 4px 20px rgba(82,85,90,.08);border:1px solid var(--border-primary);transition:all .3s ease}.dark-theme .cvdm-document-header h4{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0}.dark-theme .cvdm-document-header p{font-size:.875rem;color:var(--text-muted);margin:0}.dark-theme .cvdm-document-date,.dark-theme .cvdm-document-type{padding:.5rem 1rem;background:var(--bg-tertiary);border-radius:20px;font-size:.75rem;font-weight:600;color:var(--text-muted)}.dark-theme .cvdm-document-link.download{background:var(--bg-tertiary);color:var(--text-muted);border:1px solid var(--border-primary)}.dark-theme .muziek-licenties-section{padding:6rem 0;background:var(--bg-primary)}.dark-theme .muziek-licenties-title{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin:0 0 .5rem}.dark-theme .muziek-licenties-description{font-size:1.25rem;color:var(--text-muted);margin:0}.dark-theme .muziek-licentie-card{background:var(--bg-card);border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px var(--bg-card);border:1px solid var(--border-primary);transition:all .3s ease}.dark-theme .muziek-licentie-name{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin:0 0 .25rem}.dark-theme .muziek-licentie-description p{color:var(--text-muted);line-height:1.6;margin:0}.dark-theme .muziek-licentie-details li span{color:var(--text-muted);line-height:1.5}.dark-theme .muziek-licentie-details li{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;color:var(--color-primary)}.dark-theme .muziek-licentie-type{display:inline-block;padding:.375rem .875rem;background:var(--bg-tertiary);border-radius:20px;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.dark-theme .muziek-contact-organisaties{background:var(--bg-card);border-radius:20px;padding:3rem;box-shadow:0 10px 40px var(--bg-card);border:1px solid var(--border-primary)}.dark-theme .muziek-contact-organisaties h3{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin:0 0 2rem;text-align:center}.dark-theme .muziek-organisatie-contact{background:var(--bg-card);border-radius:16px;padding:2rem;border:1px solid var(--border-primary);text-align:center}.dark-theme .muziek-organisatie-contact h4{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}.dark-theme .muziek-organisatie-contact p{color:var(--text-muted);margin:0 0 1rem;font-size:.875rem}.dark-theme .muziek-organisatie-contact a{display:block;color:var(--color-primary);text-decoration:none;margin:.5rem 0;font-weight:500}.dark-theme .licenties-legal-link{color:var(--color-primary);text-decoration:none;font-weight:500;transition:color .3s ease}.dark-theme .licenties-legal-link:hover{text-decoration:underline}.dark-theme .contact-section:nth-child(2n){background:var(--bg-primary)}.dark-theme .contact-section-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}.dark-theme .contact-section-description{font-size:1.125rem;color:var(--text-muted);line-height:1.6;max-width:600px;margin:0 auto}.dark-theme .contact-form-wrapper{background:var(--bg-card);border-radius:16px;padding:2rem;box-shadow:0 10px 40px var(--bg-card)}.dark-theme .contact-form-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.dark-theme .contact-form-input,.dark-theme .contact-form-select,.dark-theme .contact-form-textarea{padding:.875rem 1rem;border:2px solid var(--border-primary);border-radius:8px;font-size:1rem;transition:border-color .2s ease;background:var(--bg-card)}.dark-theme .contact-form-input:focus,.dark-theme .contact-form-select:focus,.dark-theme .contact-form-textarea:focus{border-color:var(--color-primary)}.dark-theme .contact-form-info{background:var(--bg-card);border-radius:16px;padding:2rem;height:fit-content;position:sticky;top:2rem;box-shadow:0 10px 40px var(--bg-card)}.dark-theme .contact-form-info h3{color:var(--text-primary);margin-top:0;margin-bottom:1.5rem}.dark-theme .contact-form-expectation-content h4{margin:0 0 .25rem;font-weight:600;color:var(--text-primary)}.dark-theme .contact-form-expectation-content p{margin:0;font-size:.875rem;color:var(--text-muted)}.dark-theme .contact-form-tips h4{margin-top:0;color:var(--text-primary)}.dark-theme .contact-form-tips li{font-size:.875rem;color:var(--text-muted);margin-bottom:.5rem}.dark-theme .contact-form-tips li:before{content:"•";color:var(--color-primary);display:inline-block;width:1em;margin-left:-1em}.dark-theme .contact-section{padding:4rem 0;background:var(--bg-primary)}.dark-theme .contact-info-card{background:var(--bg-card);border-radius:16px;padding:2rem;box-shadow:0 10px 40px var(--bg-card);border:1px solid var(--border-primary)}.dark-theme .contact-info-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.dark-theme .contact-info-address strong{color:var(--text-primary);display:block;margin-bottom:.5rem}.dark-theme .contact-info-address p{color:var(--text-muted);margin:0;line-height:1.5}.dark-theme .contact-info-detail strong{color:var(--text-primary);margin-bottom:.25rem;display:block}.dark-theme .contact-info-detail p{margin:0;color:var(--text-muted)}.dark-theme .contact-info-business h4{color:var(--text-primary);margin-top:0;margin-bottom:.5rem}.dark-theme .contact-info-business p{color:var(--text-muted);margin:0;line-height:1.5}.dark-theme .contact-hours-day{font-weight:500;color:var(--text-primary)}.dark-theme .contact-hours-item.weekend .contact-hours-day,.dark-theme .contact-hours-item.weekend .contact-hours-time,.dark-theme .contact-hours-time{color:var(--text-muted)}.dark-theme .privacy-section:nth-child(2n){background:var(--bg-primary)}.dark-theme .privacy-section-title{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin:0 0 .5rem}.dark-theme .privacy-text-block p{font-size:1rem;color:var(--text-muted);line-height:1.7;margin:0}.dark-theme .privacy-subsection-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 1.5rem;position:relative;padding-bottom:1rem}.dark-theme .privacy-principle-card{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--bg-card);border-radius:16px;box-shadow:0 10px 40px var(--bg-card);border:1px solid var(--border-primary);transition:all .2s ease}.dark-theme .privacy-principle-content h4{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.dark-theme .privacy-principle-content p{font-size:.9rem;color:var(--text-muted);line-height:1.6;margin:0}.dark-theme .privacy-info-card{background:var(--bg-card);border-radius:16px;padding:2rem;box-shadow:0 10px 40px var(--bg-card);border:1px solid var(--border-primary);height:fit-content;position:sticky;top:2rem}.dark-theme .privacy-info-item strong{display:block;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.dark-theme .privacy-info-header h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 1.5rem}.dark-theme .privacy-info-item p{font-size:.9rem;color:var(--text-muted);line-height:1.5;margin:0}.dark-theme .privacy-section{padding:6rem 0;background:var(--bg-primary)}.dark-theme .privacy-usage-card{background:var(--bg-card);border-radius:16px;padding:2rem;box-shadow:0 10px 40px var(--bg-card);border:1px solid var(--border-primary);transition:all .2s ease;display:flex;flex-direction:column;gap:1.5rem}.dark-theme .privacy-usage-header h3{font-size:1.375rem;font-weight:700;color:var(--text-primary);margin:0}.dark-theme .privacy-usage-description{font-size:1rem;color:var(--text-muted);line-height:1.6;margin:0 0 1rem}.dark-theme .privacy-usage-list li{display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem;color:var(--text-muted);line-height:1.5}.dark-theme .privacy-legal-basis{padding:.75rem 1rem;background:var(--bg-tertiary);border-radius:8px;font-size:.85rem;border-left:4px solid var(--border-primary);margin-top:auto}.dark-theme .privacy-legal-basis strong{color:var(--text-primary)}.dark-theme .privacy-card{background:var(--bg-card);border-radius:16px;padding:2rem;box-shadow:0 10px 40px var(--bg-card);border:1px solid var(--border-primary)}.dark-theme .privacy-card-description{font-size:1rem;color:var(--text-muted);line-height:1.6;margin:0 0 1.5rem}.dark-theme .privacy-card-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}.dark-theme .privacy-sharing-list li{display:flex;align-items:flex-start;gap:.75rem;font-size:.95rem;color:var(--text-muted);line-height:1.6}.dark-theme .privacy-principle-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-primary)}.dark-theme .privacy-principle-text h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.dark-theme .privacy-principle-text p{font-size:.875rem;color:var(--text-muted);line-height:1.5;margin:0}.dark-theme .privacy-right-card{background:var(--bg-card);border-radius:16px;padding:2rem;box-shadow:0 10px 40px var(--bg-card);border:1px solid var(--border-primary);transition:all .2s ease;display:flex;flex-direction:column;gap:1.5rem}.dark-theme .privacy-right-header h4{font-size:1.375rem;font-weight:700;color:var(--text-primary);margin:0}.dark-theme .privacy-right-content p{font-size:1rem;color:var(--text-muted);line-height:1.6;margin:0 0 1rem}.dark-theme .privacy-right-content li{display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem;color:var(--text-muted);line-height:1.5}.dark-theme .privacy-right-content li:before{content:"•";color:var(--text-primary);font-weight:700;flex-shrink:0;margin-top:.1rem}.dark-theme .privacy-right-action{padding:1rem;background:var(--bg-tertiary);border-radius:8px;font-size:.9rem;margin-top:auto}.dark-theme .privacy-right-action strong{color:var(--text-primary)}.dark-theme .privacy-exercise-method{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border-primary)}.dark-theme .privacy-exercise-info h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.dark-theme .privacy-exercise-info p{font-size:.9rem;color:var(--text-muted);line-height:1.6;margin:0}.dark-theme .privacy-geschillencommissie{background:var(--bg-tertiary)!important;border-radius:8px;padding:1rem;margin-top:1.5rem}.dark-theme .privacy-geschillencommissie-link{color:var(--text-primary)!important}.dark-theme .privacy-exercise-card{background:var(--bg-card);border-radius:16px;padding:2rem;box-shadow:0 10px 40px var(--bg-card);border:1px solid var(--border-primary)}.dark-theme .privacy-exercise-description{color:var(--text-muted)!important}.dark-theme .privacy-complaint-step{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border-primary)}.dark-theme .privacy-complaint-content h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.dark-theme .privacy-complaint-content p{font-size:.9rem;color:var(--text-muted);line-height:1.6;margin:0}.dark-theme .privacy-contact-section{padding:6rem 0;background:var(--bg-primary)}.dark-theme .privacy-contact-section-description{font-size:1.25rem;color:var(--text-muted);line-height:1.6;margin:0}.dark-theme .privacy-contact-card{background:var(--bg-card);border-radius:16px;padding:2rem;box-shadow:0 10px 40px var(--bg-card);border:1px solid var(--border-primary);display:flex;flex-direction:column;gap:1.5rem;transition:all .2s ease}.dark-theme .privacy-contact-header h3{font-size:1.375rem;font-weight:700;color:var(--text-primary);margin:0}.dark-theme .privacy-contact-info strong{display:block;font-weight:600;color:var(--text-primary);font-size:.9rem}.dark-theme .privacy-contact-info p{font-size:.9rem;color:var(--text-muted);line-height:1.5;margin:.25rem 0 0}.dark-theme .privacy-contact-description{font-size:.9rem;color:var(--text-muted);line-height:1.6;margin-top:auto}.dark-theme .privacy-faq-item{background:var(--bg-tertiary);border-radius:16px;padding:2rem;box-shadow:0 10px 40px var(--bg-card);border:1px solid var(--border-primary);display:flex;flex-direction:column;gap:1rem}.dark-theme .privacy-faq-question{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.dark-theme .privacy-faq-answer{font-size:.95rem;color:var(--text-muted);line-height:1.6;margin:0}.dark-theme .privacy-contact-requirements p{font-size:.9rem;color:var(--text-muted);line-height:1.6;margin:0 0 1rem}.dark-theme .privacy-contact-requirements li{display:flex;align-items:flex-start;gap:.75rem;font-size:.875rem;color:var(--text-muted);line-height:1.5}.dark-theme .privacy-contact-requirements li:before{content:"•";color:var(--color-primary);font-weight:700;flex-shrink:0;margin-top:.1rem}.dark-theme .privacy-data-category{background:var(--bg-card);border-radius:16px;padding:2rem;box-shadow:0 10px 40px var(--bg-card);border:1px solid var(--border-primary);transition:all .2s ease}.dark-theme .privacy-data-header h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.dark-theme .privacy-data-content p{font-size:1rem;color:var(--text-muted);line-height:1.6;margin:0 0 1rem}.dark-theme .privacy-data-list li{display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem;color:var(--text-muted);line-height:1.5}.dark-theme .privacy-data-list li:before{content:"•";color:var(--color-primary);font-weight:700;flex-shrink:0}.dark-theme .privacy-purpose{padding:1rem;background:var(--bg-tertiary);border-radius:8px;border-left:4px solid var(--color-primary);font-size:.9rem}.dark-theme .privacy-retention-info li{display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem;color:var(--text-muted)}.dark-theme .privacy-principles-header h3{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 1.5rem}.dark-theme .privacy-exercise-timeline h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.dark-theme .privacy-exercise-timeline{padding:1.5rem;background:var(--bg-tertiary);border-radius:12px;border-left:4px solid var(--color-primary)}.dark-theme .privacy-exercise-timeline li{display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem;color:var(--text-muted)}.dark-theme .privacy-obligation-card{background:var(--bg-card);border-radius:16px;padding:2rem;box-shadow:0 10px 40px var(--bg-card);border:1px solid var(--border-primary);display:flex;flex-direction:column;gap:1.5rem}.dark-theme .privacy-obligation-content h4{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}.dark-theme .privacy-obligation-content p{font-size:.95rem;color:var(--text-muted);line-height:1.6;margin:0 0 1.5rem}.dark-theme .privacy-obligation-content li{display:flex;align-items:flex-start;gap:.75rem;font-size:.875rem;color:var(--text-muted);line-height:1.5}.dark-theme .privacy-contact-address strong{color:var(--text-primary);display:block;margin-bottom:.5rem}.dark-theme .privacy-contact-address,.dark-theme .privacy-contact-methods li{font-size:.9rem;color:var(--text-muted);line-height:1.5}.dark-theme .privacy-contact-methods li{display:flex;align-items:flex-start;gap:.75rem}.dark-theme .privacy-intro-feature{display:flex;gap:1rem;padding:2rem;background:var(--bg-card);border-radius:16px;border:1px solid var(--border-primary);box-shadow:0 2px 4px rgba(0,0,0,.05);transition:all .3s ease}.dark-theme .privacy-intro-feature-content p{color:var(--text-secondary);line-height:1.5;margin:0}.dark-theme .privacy-intro-feature-content h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.dark-theme .privacy-intro-title{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:2.25rem;font-weight:700;color:var(--text-primary);margin:0 0 1.5rem}.dark-theme .privacy-intro-description{font-size:1.125rem;color:var(--text-secondary);line-height:1.6;max-width:800px;margin:0 auto}.dark-theme .privacy-intro-definition{background:var(--bg-card);border-radius:16px;padding:2rem;border:1px solid var(--border-primary)}.dark-theme .privacy-intro-definition-content h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.dark-theme .privacy-intro-definition-content p{color:var(--text-secondary);line-height:1.6;margin:0;font-size:1rem}.dark-theme .privacy-section-description{font-size:1.25rem;color:var(--text-muted);line-height:1.6;margin:0}.dark-theme .privacy-cookie-detail{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-size:.875rem}.dark-theme .privacy-management-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.dark-theme .privacy-management-section{background:var(--bg-card);border-radius:16px;padding:2rem;box-shadow:0 4px 6px rgba(0,0,0,.05);border:1px solid var(--border-primary);transition:all .3s ease}.dark-theme .privacy-management-header h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.dark-theme .privacy-browser-item,.dark-theme .privacy-mobile-item{padding:1rem;background:var(--bg-tertiary);border-radius:8px;border-left:4px solid var(--color-fomix-green);color:var(--text-secondary);line-height:1.5}.dark-theme .privacy-browser-item strong,.dark-theme .privacy-mobile-item strong{color:var(--text-primary)}.dark-theme .privacy-rights-section{background:var(--bg-card);border-radius:16px;padding:2rem;margin-bottom:2rem}.dark-theme .privacy-right-item{display:flex;gap:1rem;padding:1.5rem;background:var(--bg-tertiary);border-radius:12px;border:1px solid var(--border-primary);transition:all .3s ease}.dark-theme .privacy-right-content h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.dark-theme .privacy-consequences-section{background:var(--bg-card);border-radius:16px;padding:2rem;border:1px solid var(--border-primary)}.dark-theme .privacy-consequences-header h3{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0}.dark-theme .privacy-consequence-item li{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;color:var(--text-secondary);font-size:.875rem;line-height:1.5}.dark-theme .privacy-consequences-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.dark-theme .privacy-consequence-item.essential{background:var(--bg-tertiary);border-color:var(--border-primary)}.dark-theme .privacy-consequence-item.essential strong{color:var(--text-primary)}.dark-theme .privacy-consequence-item h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.dark-theme .privacy-consequence-item.analytics,.dark-theme .privacy-consequence-item.functional{background:var(--bg-tertiary);border-color:var(--border-primary)}.dark-theme .privacy-consequence-item.analytics strong{color:var(--text-primary)}.dark-theme .privacy-consequence-item li:before{content:"•";color:var(--color-fomix-green);font-weight:700;flex-shrink:0}.dark-theme .privacy-faq-section{background:var(--bg-card);border-radius:16px;padding:2rem;margin-bottom:2rem;border:1px solid var(--border-primary)}.dark-theme .privacy-faq-section h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.dark-theme .privacy-faq-item h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.dark-theme .privacy-faq-item p{color:var(--text-secondary);line-height:1.6;margin:0}.dark-theme .privacy-external-section{background:var(--bg-card);border-radius:16px;padding:2rem;margin-bottom:2rem;border:1px solid var(--border-primary)}.dark-theme .privacy-external-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--color-fomix-green);text-decoration:none;font-weight:500;transition:all .3s ease}.dark-theme .privacy-external-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.dark-theme .privacy-external-section h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.dark-theme .privacy-management-icon{color:var(--color-fomix-green);flex-shrink:0}.dark-theme .agenda{background:var(--bg-primary)}.dark-theme .agenda-title{background:linear-gradient(135deg,var(--text-primary) 0,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark-theme .agenda-header{border-bottom-color:var(--border-primary)}.dark-theme .eventCard{background:var(--bg-card);border-radius:16px;overflow:hidden;box-shadow:0 10px 40px var(--bg-card);transition:all .3s ease;border:1px solid #0f141b}.dark-theme .event-card{background:var(--bg-card);border-color:var(--border-primary)}.dark-theme .event-card:hover{background:var(--bg-hover);border-color:var(--border-secondary)}.dark-theme .event-title{color:var(--text-primary)}.dark-theme .event-description{color:var(--text-secondary)}.dark-theme .event-date,.dark-theme .event-location,.dark-theme .event-time{color:var(--text-muted)}.dark-theme .categoryBadge{color:var(--text-primary)}.dark-theme .categoryBadge,.dark-theme .statusBadge{background:var(--bg-tertiary);border-color:var(--border-primary)}.dark-theme .agenda-search-section{padding:2rem 0;background:var(--bg-card);border-bottom:1px solid var(--border-primary);box-shadow:0 10px 40px var(--bg-card)}.dark-theme .agenda-page{min-height:100vh;background:var(--bg-primary)}.dark-theme .agenda-search-input{width:100%;padding:.875rem 1rem .875rem 2.5rem;border:2px solid var(--border-primary);border-radius:25px;font-size:1rem;transition:all .3s ease;background:var(--bg-card)}.dark-theme .agenda-results-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.dark-theme .eventDetail{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-muted);font-weight:500}.dark-theme .event-description{background:var(--bg-card);padding:2rem;border-radius:16px;margin-bottom:3rem;box-shadow:0 4px 20px rgba(82,85,90,.1)}.dark-theme .event-description h2{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-primary)}.dark-theme .event-description p{font-size:1.125rem;line-height:1.7;color:var(--text-secondary)}.dark-theme .event-info-card{background:var(--bg-card);padding:2rem;border-radius:16px;box-shadow:0 4px 20px rgba(82,85,90,.1);border:1px solid var(--border-primary);transition:all .3s ease}.dark-theme .event-info-card h3{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.dark-theme .event-info-card p strong{color:var(--text-primary);font-weight:600}.dark-theme .event-info-card p{color:var(--text-muted);font-size:.95rem;line-height:1.5;margin-bottom:.5rem}.dark-theme .event-body{font-size:1.125rem;line-height:1.8;color:var(--text-secondary);margin-bottom:3rem}.dark-theme .tv-page{min-height:100vh;background:var(--bg-primary)}.dark-theme .tv-info-section{width:100vw;margin-left:calc(-50vw + 50%);padding:1rem;background:var(--bg-primary)}.dark-theme .tv-current-program{background:var(--bg-card);border-radius:16px;padding:2rem;box-shadow:0 10px 40px var(--bg-card);border:1px solid var(--border-primary);transition:all .3s ease}.dark-theme .tv-current-program-title{font-size:1.75rem;font-weight:800;color:var(--text-primary);margin-bottom:1rem;line-height:1.2}.dark-theme .tv-current-program-description{font-size:1.0625rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.dark-theme .tv-program-meta-item{display:flex;align-items:center;gap:.75rem;font-size:1rem;color:var(--text-muted)}.dark-theme .tv-current-time{font-size:1.125rem;font-weight:600;color:var(--text-muted)}.dark-theme .tv-upcoming-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem}.dark-theme .tv-upcoming-programs{background:var(--bg-card);border-radius:16px;padding:2rem;box-shadow:0 10px 40px var(--bg-card);border:1px solid var(--border-primary);transition:all .3s ease}.dark-theme .news{background:var(--bg-primary)}.dark-theme .news .title{background:linear-gradient(135deg,var(--text-primary) 0,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark-theme .news .header{border-bottom-color:var(--border-primary)}.dark-theme .newsCard{background:var(--bg-card);border-color:var(--bg-card)}.dark-theme .newsCard:hover{background:var(--bg-hover);border-color:var(--border-secondary);transform:translateY(-2px)}.dark-theme .newsTitle{color:var(--text-primary)}.dark-theme .newsDescription{color:var(--text-secondary)}.dark-theme .newsAuthor,.dark-theme .newsDate{color:var(--text-muted)}.dark-theme .newsCardExcerpt{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.dark-theme .gemist-grid{background:var(--bg-primary)}.dark-theme .gemist-item{background:var(--bg-card);border-color:var(--border-primary)}.dark-theme .gemist-item:hover{background:var(--bg-hover);border-color:var(--border-secondary)}.dark-theme .gemist-title{color:var(--text-primary)}.dark-theme .gemist-description{color:var(--text-secondary)}.dark-theme .gemist-meta{color:var(--text-muted)}.dark-theme .cardContent{padding:2rem 1.5rem;position:relative;z-index:2;background:var(--bg-card)}.dark-theme .card-overlay .card-button{background:var(--bg-tertiary);color:var(--text-primary);backdrop-filter:blur(10px);border:1px solid var(--border-primary);align-self:flex-start}.dark-theme .gemist-archive-stats{padding:3rem}.dark-theme .gemist-archive-stats,.dark-theme .gemist-current-year{background:var(--bg-card);border-radius:16px;box-shadow:0 10px 40px var(--bg-card)}.dark-theme .gemist-current-year{text-align:center;padding:2rem}.dark-theme .gemist-year-button{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:var(--bg-card);border:2px solid var(--color-border);border-radius:50px;cursor:pointer;transition:all .3s ease;font-weight:600;color:var(--color-text-secondary)}.dark-theme .gemist-archive-toggle{background:var(--bg-card);padding:.5rem;border-radius:50px;box-shadow:0 4px 20px rgba(82,85,90,.1)}.dark-theme .gemist-filter-toggle{display:flex;align-items:center;gap:.75rem;border:1px solid var(--color-border);border-radius:50px;color:var(--text-primary)}.dark-theme .gemist-category-button,.dark-theme .gemist-filter-toggle{background:var(--bg-card);padding:.75rem 1.5rem;cursor:pointer;transition:all .3s ease;font-weight:600}.dark-theme .gemist-category-button{border:2px solid var(--color-border);border-radius:50px;color:var(--text-secondary)}.dark-theme .gemist-category-button.active{background:var(--color-fomix-blue);border-color:var(--color-fomix-blue);color:white}.dark-theme .gemist-broadcast-card{transition:transform .3s ease}.dark-theme .gemist-broadcast-card,.dark-theme .gemist-popular-list{background:var(--bg-card);border-radius:16px;overflow:hidden;box-shadow:0 10px 40px var(--bg-card)}.dark-theme .gemist-filter-grid{background:var(--bg-card);padding:2rem;border-radius:16px;box-shadow:0 10px 40px var(--bg-card)}.dark-theme .gemist-filter-select{padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--bg-tertiary);font-size:.875rem;cursor:pointer;transition:border-color .3s ease}.dark-theme .news .moreButton{display:inline-flex;align-items:center;gap:.75rem;background:var(--bg-tertiary);border:2px solid var(--border-primary);color:var(--text-muted);font-size:1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);padding:1rem 2rem;border-radius:16px;box-shadow:0 10px 40px rgba(82,85,90,.1);position:relative;overflow:hidden}.dark-theme .footer-modern{background:linear-gradient(135deg,#161d28,#161d28);color:var(--text-primary)}.dark-theme .footer-modern:before{background:linear-gradient(90deg,transparent,var(--color-fomix-blue),var(--color-fomix-green),transparent)}.dark-theme .footer-description{color:rgba(249,250,251,.7)}.dark-theme .footer-section-title{color:var(--text-primary)}.dark-theme .footer-link{color:rgba(249,250,251,.7)}.dark-theme .footer-link:hover{color:var(--text-primary)}.dark-theme .contact-item{color:rgba(249,250,251,.7)}.dark-theme .contact-item:hover{color:var(--text-primary)}.dark-theme .contact-item a:hover,.dark-theme .contact-item svg{color:var(--color-fomix-blue)}.dark-theme .app-button{background:rgba(249,250,251,.03);border-color:rgba(249,250,251,.12);color:rgba(249,250,251,.7)}.dark-theme .app-button:hover{background:linear-gradient(135deg,var(--color-fomix-blue),var(--color-fomix-blue-light));border-color:var(--color-fomix-blue);color:white}.dark-theme .footer-newsletter{background:rgba(249,250,251,.02);border-top-color:rgba(249,250,251,.08)}.dark-theme .newsletter-button,.newsletter-text h3{color:#fff}.dark-theme .footer-bottom{background:#161d28}.dark-theme .legal-link{color:rgba(249,250,251,.6)}.dark-theme .legal-link:hover{color:var(--color-fomix-blue)}.dark-theme .footer-copyright{color:rgba(249,250,251,.5)}.dark-theme .actions-section,.dark-theme .artist-grid-section{background:var(--bg-primary)}.dark-theme .actions-section h2,.dark-theme .artist-grid-section h2,.dark-theme .featured-section h2{background:linear-gradient(135deg,var(--text-primary) 0,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark-theme .artist-card{background:var(--bg-card)!important;border-color:var(--border-primary)}.dark-theme .artist-card:hover{background:var(--bg-hover);border-color:var(--border-secondary)}.dark-theme .artist-name{color:var(--text-primary)!important}.dark-theme .artist-description{color:var(--text-secondary)}.dark-theme .artist-info{background:var(--bg-secondary)}.dark-theme .artist-image{background:var(--bg-hover)!important}.dark-theme .album-name{color:#D1D5DB!important}.dark-theme .main-content,.dark-theme .page-container{background:var(--bg-primary);color:var(--text-primary)}.dark-theme .section-title{background:linear-gradient(135deg,var(--text-primary) 0,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark-theme .section-subtitle{color:var(--text-muted)}.dark-theme .section-header{border-bottom-color:var(--border-primary)}.dark-theme .content-card{background:var(--bg-card);border-color:var(--border-primary)}.dark-theme .content-card:hover{background:var(--bg-hover);border-color:var(--border-secondary)}.dark-theme .chat-privacy-notice{background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.15)}.dark-theme .chat-privacy-notice .privacy-text strong{color:#10b981}.dark-theme .chat-privacy-notice .privacy-text p{color:var(--text-secondary)}.dark-theme *{transition:background-color .2s ease,color .2s ease,border-color .2s ease}.dark-theme .loading-skeleton{background:linear-gradient(90deg,#0F141B 25%,#161D28 50%,#0F141B 75%);background-size:200% 100%}.dark-theme .skeleton,.dark-theme .skeleton-image{background:linear-gradient(90deg,#0F141B 25%,#161D28 50%,#0F141B 75%);background-size:200% 100%;animation:loading 1.5s infinite}.dark-theme .skeleton-image{width:100%;height:100%}.dark-theme .skeleton-text{background:linear-gradient(90deg,#0F141B 25%,#161D28 50%,#0F141B 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;margin-bottom:.5rem}.djzone-app,.djzone-app *{margin:0;padding:0;box-sizing:border-box}.djzone-app{background:#0a0a0a!important;color:#ffffff!important;min-height:100vh!important;width:100vw!important;overflow-x:hidden!important;position:relative!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:0!important}.djzone *{margin:0;padding:0;box-sizing:border-box}.djzone{--djzone-bg-primary:#0a0a0a;--djzone-bg-secondary:#171717;--djzone-bg-tertiary:#262626;--djzone-bg-card:#1f1f1f;--djzone-bg-hover:#2a2a2a;--djzone-bg-active:#333333;--djzone-text-primary:#ffffff;--djzone-text-secondary:#d4d4d8;--djzone-text-muted:#a1a1aa;--djzone-text-accent:#322ce8;--djzone-accent-blue:#322ce8;--djzone-accent-blue-light:#1e60af;--djzone-accent-blue-dark:#2D28D0;--djzone-accent-green:#05be78;--djzone-accent-green-light:#10b981;--djzone-accent-green-dark:#059669;--djzone-success:#22c55e;--djzone-warning:#f59e0b;--djzone-error:#ef4444;--djzone-info:#3b82f6;--djzone-border-primary:#404040;--djzone-border-secondary:#525252;--djzone-border-accent:var(--djzone-accent-blue);--djzone-space-xs:0.25rem;--djzone-space-sm:0.5rem;--djzone-space-md:1rem;--djzone-space-lg:1.5rem;--djzone-space-xl:2rem;--djzone-space-2xl:3rem;--djzone-radius-sm:0.375rem;--djzone-radius-md:0.5rem;--djzone-radius-lg:0.75rem;--djzone-radius-xl:1rem;--djzone-shadow-sm:0 1px 2px 0 rgba(0,0,0,0.3);--djzone-shadow-md:0 4px 6px -1px rgba(0,0,0,0.4);--djzone-shadow-lg:0 10px 15px -3px rgba(0,0,0,0.5);--djzone-shadow-xl:0 20px 25px -5px rgba(0,0,0,0.6);--djzone-transition-fast:0.15s ease;--djzone-transition-normal:0.2s ease;--djzone-transition-slow:0.3s ease;--djzone-sidebar-width:240px;--djzone-sidebar-collapsed-width:70px;--djzone-header-height:67px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--djzone-bg-primary);color:var(--djzone-text-primary);min-height:100vh;overflow-x:hidden}.djzone-app{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.djzone-layout-enhanced{position:relative}.djzone-layout-enhanced:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(50,44,232,.05) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(5,190,120,.05) 0,transparent 50%);pointer-events:none;z-index:-1}.djzone ::-webkit-scrollbar{width:6px}.djzone ::-webkit-scrollbar-track{background:var(--djzone-bg-secondary)}.djzone ::-webkit-scrollbar-thumb{background:var(--djzone-border-primary);border-radius:3px}.djzone ::-webkit-scrollbar-thumb:hover{background:var(--djzone-border-secondary)}.djzone-layout{display:flex;min-height:100vh}.djzone-sidebar-enhanced{width:var(--djzone-sidebar-width);background:linear-gradient(180deg,var(--djzone-bg-secondary) 0,rgba(23,23,23,.95) 100%);border-right:1px solid rgba(255,255,255,.08);position:fixed;top:0;left:0;height:100vh;z-index:1000;transition:all var(--djzone-transition-normal);overflow-y:auto;overflow-x:hidden;backdrop-filter:blur(20px);box-shadow:4px 0 20px rgba(0,0,0,.3)}.djzone-sidebar-enhanced.collapsed{width:80px}.djzone-sidebar-enhanced:before{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(180deg,transparent,rgba(50,44,232,.3) 20%,rgba(5,190,120,.3) 80%,transparent);opacity:.6}.djzone-sidebar-header{display:flex;align-items:center;justify-content:space-between;height:var(--djzone-header-height);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px);position:relative}.djzone-sidebar-header:after{content:"";position:absolute;bottom:0;left:var(--djzone-space-lg);right:var(--djzone-space-lg);height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.djzone-logo-container{display:flex;align-items:center;gap:var(--djzone-space-md);flex:1}.djzone-logo-container.collapsed{justify-content:center}.djzone-sidebar-enhanced.collapsed .djzone-brand-text{display:none}.djzone-logo-container{transition:all var(--djzone-transition-normal);cursor:pointer}.djzone-logo-container:hover .djzone-logo-glow{opacity:.8;transform:scale(1.1)}.djzone-logo-container:hover .djzone-logo-full,.djzone-logo-container:hover .djzone-logo-icon{transform:scale(1.05)}.djzone-logo-wrapper{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all var(--djzone-transition-normal)}.djzone-logo-container:not(.collapsed) .djzone-logo-wrapper{width:auto;height:50px;padding:var(--djzone-space-sm) var(--djzone-space-lg)}.djzone-logo-container.collapsed .djzone-logo-wrapper{width:40px;height:40px}.djzone-logo-full{height:auto;width:190px}.djzone-logo-full,.djzone-logo-icon{object-fit:contain;transition:all var(--djzone-transition-normal)}.djzone-logo-icon{width:24px;height:24px}.djzone-logo-mobile-override{display:none}.djzone-logo-glow{position:absolute;inset:-4px;border-radius:var(--djzone-radius-lg);filter:blur(8px);opacity:.4;z-index:-1;animation:djzone-logo-pulse 4s ease-in-out infinite}@keyframes djzone-logo-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.djzone-brand-text{opacity:1;transition:all var(--djzone-transition-normal)}.djzone-brand-text h2{font-size:1.125rem;font-weight:700;color:var(--djzone-text-primary);margin:0;line-height:1.2}.djzone-brand-text span{font-size:.75rem;color:var(--djzone-text-muted);text-transform:uppercase;letter-spacing:.1em}.djzone-sidebar-enhanced.collapsed .djzone-brand-text{opacity:0;width:0;overflow:hidden}.djzone-mobile-close{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:var(--djzone-radius-md);color:var(--djzone-text-primary);padding:var(--djzone-space-sm);margin-right:var(--djzone-space-md);cursor:pointer;transition:all var(--djzone-transition-fast);display:none}.djzone-mobile-close:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3)}@media (max-width:768px){.djzone-mobile-close{display:block!important}}@media (min-width:769px){.djzone-mobile-close{display:none!important}}.djzone-stream-status{padding:var(--djzone-space-md) var(--djzone-space-lg);border-bottom:1px solid rgba(255,255,255,.08)}.djzone-sidebar-enhanced.collapsed .djzone-stream-status{padding:var(--djzone-space-md) var(--djzone-space-sm);text-align:center}.djzone-status-indicator{gap:var(--djzone-space-sm);padding:var(--djzone-space-sm) var(--djzone-space-md);border-radius:var(--djzone-radius-lg);font-size:.875rem;font-weight:600;transition:all var(--djzone-transition-normal)}.djzone-sidebar-enhanced.collapsed .djzone-status-indicator{justify-content:center;padding:var(--djzone-space-sm)}.djzone-sidebar-enhanced.collapsed .djzone-status-indicator span{display:none}.djzone-status-indicator.online{background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(34,197,94,.1));color:var(--djzone-success);border:1px solid rgba(34,197,94,.3);box-shadow:0 4px 12px rgba(34,197,94,.2)}.djzone-status-indicator.offline{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(239,68,68,.1));color:var(--djzone-error);border:1px solid rgba(239,68,68,.3);box-shadow:0 4px 12px rgba(239,68,68,.2)}.djzone-nav-enhanced{flex:1}.djzone-nav-item-enhanced{display:flex;align-items:center;gap:var(--djzone-space-md);padding:var(--djzone-space-md) var(--djzone-space-lg);color:var(--djzone-text-secondary);text-decoration:none;transition:all var(--djzone-transition-normal);position:relative;overflow:hidden;border:1px solid transparent;backdrop-filter:blur(8px)}.djzone-sidebar-enhanced.collapsed .djzone-nav-item-enhanced{justify-content:center;padding:var(--djzone-space-md)}.djzone-nav-item-enhanced:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left .5s ease}.djzone-nav-item-enhanced:hover:before{left:100%}.djzone-nav-item-enhanced:hover{color:var(--djzone-text-primary);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border-color:rgba(255,255,255,.1);transform:translateX(4px);box-shadow:0 4px 16px rgba(0,0,0,.2)}.djzone-nav-item-enhanced.active{background:linear-gradient(135deg,var(--djzone-accent-blue),var(--djzone-accent-blue-light));color:white;border-color:var(--djzone-accent-blue);box-shadow:0 8px 24px rgba(50,44,232,.3);transform:translateX(4px)}.djzone-nav-item-enhanced.active:hover{background:linear-gradient(135deg,var(--djzone-accent-blue-dark),var(--djzone-accent-blue));box-shadow:0 10px 28px rgba(50,44,232,.4)}.djzone-nav-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0}.djzone-nav-icon{transition:all var(--djzone-transition-normal)}.djzone-nav-badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,var(--djzone-warning),#f59e0b);color:white;font-size:.625rem;font-weight:700;padding:.125rem .375rem;border-radius:9999px;border:2px solid var(--djzone-bg-secondary);min-width:18px;text-align:center;box-shadow:0 2px 8px rgba(245,158,11,.3);animation:djzone-badge-pulse 2s infinite}@keyframes djzone-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.djzone-nav-new{position:absolute;top:-2px;right:-8px;background:linear-gradient(135deg,var(--djzone-accent-green),#10b981);color:white;font-size:.5rem;font-weight:700;padding:.125rem .25rem;border-radius:var(--djzone-radius-sm);text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(5,190,120,.3);box-shadow:0 2px 8px rgba(5,190,120,.3);animation:djzone-new-glow 3s ease-in-out infinite}@keyframes djzone-new-glow{0%,to{box-shadow:0 2px 8px rgba(5,190,120,.3)}50%{box-shadow:0 4px 16px rgba(5,190,120,.5)}}.djzone-nav-content{flex:1;min-width:0;opacity:1;transition:all var(--djzone-transition-normal)}.djzone-sidebar-enhanced.collapsed .djzone-nav-content{opacity:0;width:0;overflow:hidden}.djzone-nav-text{font-size:.875rem;font-weight:600;display:block;margin-bottom:.125rem}.djzone-nav-description{font-size:.75rem;color:var(--djzone-text-muted);display:block;line-height:1.2}.djzone-nav-item-enhanced.active .djzone-nav-description{color:rgba(255,255,255,.8)}.djzone-sidebar-footer{padding:var(--djzone-space-lg);border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(0,0,0,.2),rgba(0,0,0,.1));backdrop-filter:blur(10px)}.djzone-sidebar-enhanced.collapsed .djzone-sidebar-footer{display:none}.djzone-quick-stats{justify-content:space-between}.djzone-stat-item{display:flex;align-items:center;gap:var(--djzone-space-xs);padding:var(--djzone-space-sm);background:rgba(255,255,255,.05);border-radius:var(--djzone-radius-md);font-size:.75rem;font-weight:600;color:var(--djzone-text-secondary);border:1px solid rgba(255,255,255,.08);flex:1;justify-content:center}.djzone-main-enhanced{flex:1;margin-left:var(--djzone-sidebar-width);transition:margin-left var(--djzone-transition-normal);min-height:100vh;display:flex;flex-direction:column}.djzone-main-enhanced.sidebar-collapsed{margin-left:80px}.djzone-header-enhanced{height:var(--djzone-header-height);background:linear-gradient(135deg,rgba(23,23,23,.95),rgba(31,31,31,.95) 50%,rgba(23,23,23,.95));border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;padding:0 var(--djzone-space-lg);position:sticky;top:0;z-index:100;backdrop-filter:blur(20px);box-shadow:0 4px 20px rgba(0,0,0,.3)}.djzone-header-enhanced:before{content:"";position:absolute;bottom:0;left:var(--djzone-space-lg);right:var(--djzone-space-lg);height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.djzone-header-left{display:flex;align-items:center;gap:var(--djzone-space-md);flex:1;min-width:0}.djzone-mobile-menu{background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.1);border-radius:var(--djzone-radius-lg);color:var(--djzone-text-primary);padding:var(--djzone-space-sm);cursor:pointer;transition:all var(--djzone-transition-fast);display:flex;align-items:center;justify-content:center}@media (min-width:768px){.djzone-mobile-menu{display:none!important}}.djzone-mobile-menu:hover{background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.08));border-color:rgba(255,255,255,.2);transform:scale(1.05)}.djzone-sidebar-toggle{background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);border-radius:var(--djzone-radius-lg);color:var(--djzone-text-secondary);padding:var(--djzone-space-sm);cursor:pointer;transition:all var(--djzone-transition-fast);display:none;align-items:center;justify-content:center}@media (min-width:768px){.djzone-sidebar-toggle{display:flex!important}}.djzone-sidebar-toggle:hover{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border-color:rgba(255,255,255,.15);color:var(--djzone-text-primary);transform:scale(1.05)}.djzone-page-info{flex:1;min-width:0}.djzone-page-title{font-size:1.5rem;font-weight:700;color:var(--djzone-text-primary);margin:0;line-height:1.2;background:var(--djzone-text-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.djzone-page-description{font-size:.875rem;color:var(--djzone-text-muted);margin:.125rem 0 0}.djzone-header-center{flex:2;display:flex;justify-content:center;max-width:600px}.djzone-search-container{position:relative;width:100%;max-width:400px}.djzone-search-input{padding:var(--djzone-space-sm) 3rem var(--djzone-space-sm) 2.5rem;border:2px solid rgba(255,255,255,.08)}.djzone-search-input:focus{box-shadow:0 0 0 3px rgba(50,44,232,.15),0 4px 16px rgba(50,44,232,.2)}.djzone-search-shortcut{position:absolute;right:var(--djzone-space-md);top:50%;transform:translateY(-50%);background:rgba(255,255,255,.1);color:var(--djzone-text-muted);padding:.25rem var(--djzone-space-sm);border-radius:var(--djzone-radius-sm);font-size:.75rem;font-family:monospace;border:1px solid rgba(255,255,255,.15)}.djzone-header-right{display:flex;align-items:center;gap:var(--djzone-space-md);flex:1;justify-content:flex-end}.djzone-quick-actions{display:flex;align-items:center;gap:var(--djzone-space-xs)}.djzone-action-button{background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);border-radius:var(--djzone-radius-md);color:var(--djzone-text-secondary);padding:var(--djzone-space-sm);cursor:pointer;transition:all var(--djzone-transition-fast);display:flex;align-items:center;justify-content:center}.djzone-action-button:hover{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border-color:rgba(255,255,255,.15);color:var(--djzone-text-primary);transform:scale(1.05)}.djzone-notification-button{position:relative;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);border-radius:var(--djzone-radius-lg);color:var(--djzone-text-secondary);padding:var(--djzone-space-sm);cursor:pointer;transition:all var(--djzone-transition-fast);display:flex;align-items:center;justify-content:center}.djzone-notification-button:hover{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border-color:rgba(255,255,255,.15);color:var(--djzone-text-primary);transform:scale(1.05)}.djzone-notification-badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,var(--djzone-error),#dc2626);color:white;font-size:.625rem;font-weight:700;padding:.125rem .375rem;border-radius:9999px;border:2px solid var(--djzone-bg-secondary);min-width:18px;text-align:center;box-shadow:0 2px 8px rgba(239,68,68,.3);animation:djzone-notification-pulse 2s infinite}.djzone-time-display{text-align:right;padding:var(--djzone-space-sm) var(--djzone-space-md);backdrop-filter:blur(8px)}.djzone-time{font-size:1.125rem;font-weight:700;font-family:monospace;color:var(--djzone-text-primary);margin-bottom:.125rem;background:var(--djzone-text-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.djzone-date{font-size:.75rem;color:var(--djzone-text-muted);line-height:1}.djzone-user-menu{position:relative;display:flex;align-items:center;gap:var(--djzone-space-sm);padding:var(--djzone-space-sm);background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all var(--djzone-transition-fast);backdrop-filter:blur(8px)}.djzone-user-menu:hover{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border-color:rgba(255,255,255,.15);transform:scale(1.02)}.djzone-user-avatar{position:relative;width:36px;height:36px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.2);box-shadow:0 4px 12px rgba(0,0,0,.3)}.djzone-avatar-image{width:100%;height:100%;object-fit:cover}.djzone-user-status{position:absolute;bottom:0;right:0;width:12px;height:12px;background:var(--djzone-success);border:2px solid var(--djzone-bg-secondary);border-radius:50%;box-shadow:0 0 8px rgba(34,197,94,.5)}.djzone-user-info{display:flex;flex-direction:column;align-items:flex-start}.djzone-user-name{font-size:.875rem;font-weight:600;color:var(--djzone-text-primary);line-height:1.2}.djzone-user-role{font-size:.75rem;color:var(--djzone-text-muted);line-height:1}.djzone-user-dropdown{position:absolute;top:100%;right:0;margin-top:var(--djzone-space-sm);background:linear-gradient(145deg,var(--djzone-bg-card),rgba(31,31,31,.95));border:1px solid rgba(255,255,255,.1);border-radius:var(--djzone-radius-lg);box-shadow:0 12px 32px rgba(0,0,0,.4);backdrop-filter:blur(20px);min-width:200px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--djzone-transition-normal);z-index:1000}.djzone-user-menu:hover .djzone-user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.djzone-dropdown-item{display:flex;align-items:center;gap:var(--djzone-space-sm);padding:var(--djzone-space-md);color:var(--djzone-text-secondary);text-decoration:none;border:none;background:none;width:100%;text-align:left;cursor:pointer;transition:all var(--djzone-transition-fast);font-size:.875rem}.djzone-dropdown-item:hover{background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));color:var(--djzone-text-primary)}.djzone-dropdown-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);margin:var(--djzone-space-sm) 0}.djzone-content-enhanced{padding:var(--djzone-space-xl);min-height:calc(100vh - var(--djzone-header-height));background:linear-gradient(180deg,rgba(10,10,10,.95) 0,rgba(15,15,15,.9) 50%,rgba(10,10,10,.95));position:relative;overflow-x:auto}.djzone-content-enhanced:before{content:"";position:absolute;top:0;left:0;right:0;height:40px;background:linear-gradient(180deg,rgba(23,23,23,.3) 0,transparent);pointer-events:none}.djzone-dashboard-enhanced{min-height:100vh;background:linear-gradient(135deg,rgba(10,10,10,.98),rgba(15,15,15,.95) 50%,rgba(10,10,10,.98))}.djzone-dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--djzone-space-xl);margin-bottom:var(--djzone-space-2xl);padding:var(--djzone-space-xl);background:var(--djzone-bg-card);border-radius:var(--djzone-radius-xl);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(20px);box-shadow:0 20px 40px rgba(0,0,0,.3);position:relative;overflow:hidden}.djzone-dashboard-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;opacity:.6}.djzone-welcome-section{display:flex;align-items:center;gap:var(--djzone-space-lg);flex:1}.djzone-welcome-avatar{position:relative;display:flex;align-items:center;justify-content:center}.djzone-avatar-large{width:80px;height:80px;border-radius:50%;border:4px solid rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(50,44,232,.3);object-fit:cover;transition:all var(--djzone-transition-normal)}.djzone-avatar-large:hover{transform:scale(1.05);box-shadow:0 12px 40px rgba(50,44,232,.4)}.djzone-status-badge{position:absolute;bottom:4px;right:4px;display:flex;align-items:center;gap:var(--djzone-space-xs);background:linear-gradient(135deg,var(--djzone-success),#10b981);color:white;padding:.25rem var(--djzone-space-sm);border-radius:var(--djzone-radius-lg);font-size:.75rem;font-weight:600;border:2px solid var(--djzone-bg-primary);box-shadow:0 4px 12px rgba(34,197,94,.3);animation:djzone-pulse-live 2s infinite}@keyframes djzone-pulse-live{0%,to{box-shadow:0 4px 12px rgba(34,197,94,.3)}50%{box-shadow:0 6px 20px rgba(34,197,94,.5)}}.djzone-welcome-content{flex:1}.djzone-welcome-title{font-size:2rem;font-weight:800;color:var(--djzone-text-primary);margin-bottom:var(--djzone-space-sm);background:var(--djzone-text-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.djzone-wave{display:inline-block;animation:djzone-wave 2s ease-in-out infinite;transform-origin:70% 70%}@keyframes djzone-wave{0%,40%,to{transform:rotate(0deg)}10%,30%{transform:rotate(-10deg)}20%{transform:rotate(12deg)}}.djzone-welcome-subtitle{font-size:1rem;color:var(--djzone-text-muted);font-weight:500;line-height:1.4}.djzone-header-actions{display:flex;flex-direction:column;gap:var(--djzone-space-lg);align-items:flex-end}.djzone-quick-stats{display:flex;gap:var(--djzone-space-md)}.djzone-quick-stat{display:flex;flex-direction:column;align-items:center;gap:var(--djzone-space-xs);padding:var(--djzone-space-md);background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:var(--djzone-radius-lg);backdrop-filter:blur(8px);min-width:80px;transition:all var(--djzone-transition-fast)}.djzone-quick-stat:hover{background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.04));border-color:rgba(255,255,255,.15);transform:translateY(-2px)}.djzone-quick-stat svg{color:var(--djzone-accent-blue)}.djzone-quick-stat span{font-size:1.25rem;font-weight:700;color:var(--djzone-text-primary);line-height:1}.djzone-quick-stat small{font-size:.75rem;color:var(--djzone-text-muted);text-align:center}.djzone-action-btn,.djzone-action-buttons{display:flex;gap:var(--djzone-space-sm)}.djzone-action-btn{align-items:center;padding:var(--djzone-space-sm) var(--djzone-space-md);background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:var(--djzone-radius-lg);color:var(--djzone-text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--djzone-transition-fast);backdrop-filter:blur(8px);position:relative;overflow:hidden}.djzone-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.djzone-action-btn:hover:before{left:100%}.djzone-action-btn:hover{color:var(--djzone-text-primary);background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border-color:rgba(255,255,255,.2);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2)}.djzone-action-btn.refresh:hover{background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(34,197,94,.1));border-color:rgba(34,197,94,.3);color:var(--djzone-success)}.djzone-action-btn.customize.active{background:linear-gradient(135deg,var(--djzone-accent-blue),var(--djzone-accent-blue-light));border-color:var(--djzone-accent-blue);color:white;box-shadow:0 4px 16px rgba(50,44,232,.3)}.djzone-action-btn.theme:hover{background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(245,158,11,.1));border-color:rgba(245,158,11,.3);color:var(--djzone-warning)}.djzone-current-program{padding:var(--djzone-space-lg)}.djzone-current-program-header{align-items:flex-start}.djzone-program-artwork{position:relative;flex-shrink:0}.djzone-artwork-container{width:64px;height:64px;background:linear-gradient(135deg,rgba(50,44,232,.2),rgba(5,190,120,.1));border-radius:var(--djzone-radius-lg);display:flex;align-items:center;justify-content:center;color:var(--djzone-accent-blue);border:2px solid rgba(50,44,232,.3);position:relative;overflow:hidden}.djzone-artwork-pulse{position:absolute;inset:-2px;border-radius:var(--djzone-radius-lg);background:linear-gradient(135deg,var(--djzone-accent-blue),var(--djzone-accent-green));filter:blur(8px);opacity:.3;animation:djzone-artwork-pulse 3s ease-in-out infinite;z-index:-1}@keyframes djzone-artwork-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.djzone-live-indicator{position:absolute;top:-8px;right:-8px;display:flex;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px rgba(239,68,68,.4);animation:djzone-live-pulse 2s infinite}.djzone-live-dot{width:4px;height:4px;animation:djzone-blink 1s infinite}@keyframes djzone-blink{0%,to{opacity:1}50%{opacity:0}}.djzone-program-info{flex:1;min-width:0}.djzone-program-title{font-size:1.125rem;font-weight:700;color:var(--djzone-text-primary);margin-bottom:var(--djzone-space-xs);line-height:1.2}.djzone-program-artist{font-size:.875rem;color:var(--djzone-text-secondary);margin-bottom:.125rem}.djzone-program-album{font-size:.75rem;color:var(--djzone-text-muted)}.djzone-program-actions{display:flex;gap:var(--djzone-space-xs);flex-shrink:0}.djzone-action-btn-small{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--djzone-radius-md);color:var(--djzone-text-muted);padding:var(--djzone-space-sm);cursor:pointer;transition:all var(--djzone-transition-fast);display:flex;align-items:center;gap:var(--djzone-space-xs);font-size:.75rem}.djzone-action-btn-small:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:var(--djzone-text-primary);transform:scale(1.05)}.djzone-progress-section{margin-bottom:var(--djzone-space-lg)}.djzone-progress-info{display:flex;align-items:center;gap:var(--djzone-space-md)}.djzone-current-time,.djzone-total-time{font-size:.75rem;color:var(--djzone-text-muted);font-family:monospace;font-weight:600;min-width:40px}.djzone-progress-container{flex:1}.djzone-progress-track{height:6px;background:rgba(255,255,255,.1);border-radius:3px;position:relative;overflow:hidden}.djzone-progress-fill{border-radius:3px;position:relative;transition:width var(--djzone-transition-fast)}.djzone-progress-thumb{position:absolute;right:-3px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:white;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.3)}.djzone-program-footer{display:flex;justify-content:space-between}.djzone-playback-controls{display:flex;gap:var(--djzone-space-xs)}.djzone-control-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:50%;color:var(--djzone-text-primary);padding:var(--djzone-space-sm);cursor:pointer;transition:all var(--djzone-transition-fast);display:flex;align-items:center;justify-content:center;width:36px;height:36px}.djzone-control-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);transform:scale(1.1)}.djzone-control-btn.primary{background:var(--djzone-accent-blue);border-color:var(--djzone-accent-blue);color:white}.djzone-control-btn.primary:hover{background:var(--djzone-accent-blue-dark);border-color:var(--djzone-accent-blue-dark)}.djzone-quicklinks-grid{display:grid}.djzone-quicklink-enhanced{display:flex;align-items:center;gap:var(--djzone-space-md);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--djzone-radius-lg);color:var(--djzone-text-primary);text-decoration:none;transition:all var(--djzone-transition-fast);position:relative;overflow:hidden}.djzone-quicklink-enhanced:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left .5s ease}.djzone-quicklink-enhanced:hover:before{left:100%}.djzone-quicklink-enhanced:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.15);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2);color:var(--djzone-text-primary)}.djzone-quicklink-icon-enhanced{width:40px;height:40px;border-radius:var(--djzone-radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--djzone-transition-fast)}.djzone-quicklink-icon-enhanced.blue{background:rgba(50,44,232,.15);color:var(--djzone-accent-blue);border:1px solid rgba(50,44,232,.3)}.djzone-quicklink-icon-enhanced.orange{background:rgba(245,158,11,.15);color:var(--djzone-warning);border:1px solid rgba(245,158,11,.3)}.djzone-quicklink-icon-enhanced.green{background:rgba(34,197,94,.15);color:var(--djzone-success);border:1px solid rgba(34,197,94,.3)}.djzone-quicklink-icon-enhanced.purple{background:rgba(147,51,234,.15);color:#9333ea;border:1px solid rgba(147,51,234,.3)}.djzone-quicklink-enhanced:hover .djzone-quicklink-icon-enhanced{transform:scale(1.1)}.djzone-quicklink-content-enhanced{flex:1;min-width:0}.djzone-quicklink-title-enhanced{font-size:.875rem;font-weight:600;color:var(--djzone-text-primary);margin-bottom:.125rem;line-height:1.2}.djzone-quicklink-description-enhanced{font-size:.75rem;color:var(--djzone-text-muted);line-height:1.2}.djzone-external-indicator{color:var(--djzone-text-muted);padding:var(--djzone-space-xs);border-radius:var(--djzone-radius-sm);background:rgba(255,255,255,.05);transition:all var(--djzone-transition-fast)}.djzone-quicklink-enhanced:hover .djzone-external-indicator{background:rgba(255,255,255,.1);color:var(--djzone-text-secondary)}.djzone-stream-monitor-enhanced{padding:var(--djzone-space-lg)}.djzone-monitor-status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--djzone-space-lg)}.djzone-stream-status-enhanced{display:flex;align-items:center;gap:var(--djzone-space-sm);padding:var(--djzone-space-sm) var(--djzone-space-md);border-radius:var(--djzone-radius-lg);font-size:.875rem;font-weight:600;border:1px solid;transition:all var(--djzone-transition-fast)}.djzone-stream-status-enhanced.online{background:rgba(34,197,94,.1);color:var(--djzone-success);border-color:rgba(34,197,94,.3)}.djzone-stream-status-enhanced.offline{background:rgba(239,68,68,.1);color:var(--djzone-error);border-color:rgba(239,68,68,.3)}.djzone-status-dot-enhanced{width:6px;height:6px;border-radius:50%;background:currentColor;animation:djzone-pulse 2s infinite}.djzone-monitor-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--djzone-radius-md);color:var(--djzone-text-muted);padding:var(--djzone-space-sm);cursor:pointer;transition:all var(--djzone-transition-fast)}.djzone-monitor-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:var(--djzone-text-primary)}.djzone-monitor-btn.active{background:var(--djzone-accent-blue);border-color:var(--djzone-accent-blue);color:white}.djzone-listener-metrics{display:grid;grid-template-columns:1fr 1fr;gap:var(--djzone-space-md);margin-bottom:var(--djzone-space-lg)}.djzone-metric-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--djzone-radius-lg);padding:var(--djzone-space-md);display:flex;align-items:center;gap:var(--djzone-space-sm);transition:all var(--djzone-transition-fast)}.djzone-metric-card:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.15);transform:translateY(-2px)}.djzone-metric-icon{color:var(--djzone-accent-blue);flex-shrink:0}.djzone-metric-content{flex:1}.djzone-metric-value{font-size:1.25rem;font-weight:700;color:var(--djzone-text-primary);line-height:1}.djzone-metric-label{font-size:.75rem;color:var(--djzone-text-muted);margin-top:.125rem}.djzone-metric-trend{color:var(--djzone-success);flex-shrink:0}.djzone-metric-badge{background:rgba(34,197,94,.1);color:var(--djzone-success);padding:.125rem var(--djzone-space-sm);border-radius:var(--djzone-radius-sm);font-size:.625rem;font-weight:600}.djzone-volume-section{margin-bottom:var(--djzone-space-lg)}.djzone-volume-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--djzone-space-md)}.djzone-volume-title{display:flex;align-items:center;gap:var(--djzone-space-sm);font-size:.875rem;color:var(--djzone-text-secondary)}.djzone-volume-toggle{background:none;border:none;color:var(--djzone-text-muted);cursor:pointer;transition:all var(--djzone-transition-fast);padding:var(--djzone-space-xs);border-radius:var(--djzone-radius-sm)}.djzone-volume-toggle:hover{color:var(--djzone-text-primary);background:rgba(255,255,255,.1)}.djzone-volume-toggle.muted{color:var(--djzone-error)}.djzone-volume-display{font-size:.875rem;font-weight:600;color:var(--djzone-text-primary);font-family:monospace}.djzone-volume-control-enhanced{margin-bottom:var(--djzone-space-sm)}.djzone-slider-enhanced{width:100%;height:6px;background:rgba(255,255,255,.1);border-radius:3px;outline:none;transition:all var(--djzone-transition-fast);appearance:none}.djzone-slider-enhanced::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:var(--djzone-accent-blue);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px rgba(50,44,232,.3);transition:all var(--djzone-transition-fast)}.djzone-slider-enhanced::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 16px rgba(50,44,232,.5)}.djzone-slider-enhanced::-moz-range-thumb{width:18px;height:18px;background:var(--djzone-accent-blue);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px rgba(50,44,232,.3)}.djzone-volume-markers{display:flex;justify-content:space-between;font-size:.625rem;color:var(--djzone-text-muted);margin-top:var(--djzone-space-xs)}.djzone-tech-info{margin-bottom:var(--djzone-space-lg)}.djzone-section-title{font-size:.875rem;font-weight:600;color:var(--djzone-text-primary);margin-bottom:var(--djzone-space-md);display:flex;align-items:center;gap:var(--djzone-space-sm)}.djzone-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--djzone-space-sm)}.djzone-info-item{display:flex;justify-content:space-between;align-items:center;padding:var(--djzone-space-sm);background:rgba(255,255,255,.03);border-radius:var(--djzone-radius-md);font-size:.75rem}.djzone-info-key{color:var(--djzone-text-muted)}.djzone-info-value{color:var(--djzone-text-primary);font-weight:600}.djzone-audio-player-enhanced{margin-bottom:var(--djzone-space-lg)}.djzone-audio-element{width:100%;height:40px;background:rgba(255,255,255,.05);border-radius:var(--djzone-radius-md)}.djzone-audio-controls-enhanced{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--djzone-radius-lg);padding:var(--djzone-space-md);margin-bottom:var(--djzone-space-lg)}.djzone-audio-player-header{display:flex;align-items:center;justify-content:space-between;gap:var(--djzone-space-md)}.djzone-audio-info{display:flex;align-items:center;gap:var(--djzone-space-sm);flex:1}.djzone-audio-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(50,44,232,.2);color:var(--djzone-accent-blue);border-radius:var(--djzone-radius-md)}.djzone-audio-details{flex:1}.djzone-audio-title{font-size:14px;font-weight:600;color:var(--djzone-text-primary);margin-bottom:2px}.djzone-audio-subtitle{font-size:12px;color:var(--djzone-text-secondary)}.djzone-play-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--djzone-accent-blue);color:white;border:none;border-radius:var(--djzone-radius-full);cursor:pointer;transition:all var(--djzone-transition-fast);position:relative;overflow:hidden}.djzone-play-btn:hover{background:var(--djzone-accent-blue-dark);transform:scale(1.05)}.djzone-play-btn:active{transform:scale(.95)}.djzone-play-btn:disabled{background:rgba(255,255,255,.1);color:rgba(255,255,255,.4);cursor:not-allowed;transform:none}.djzone-play-btn.playing{background:var(--djzone-accent-green);animation:pulse-green 2s infinite}.djzone-play-btn.playing:hover{background:var(--djzone-accent-green-dark)}@keyframes pulse-green{0%{box-shadow:0 0 0 0 rgba(5,190,120,.4)}70%{box-shadow:0 0 0 10px rgba(5,190,120,0)}to{box-shadow:0 0 0 0 rgba(5,190,120,0)}}.djzone-monitor-actions{display:flex;gap:var(--djzone-space-sm)}.djzone-music-requests-enhanced{padding:var(--djzone-space-lg)}.djzone-requests-queue{margin-bottom:var(--djzone-space-lg)}.djzone-request-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--djzone-radius-lg);padding:var(--djzone-space-md);margin-bottom:var(--djzone-space-md);transition:all var(--djzone-transition-fast);position:relative}.djzone-request-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--djzone-accent-blue);border-radius:0 3px 3px 0;opacity:.5;transition:opacity var(--djzone-transition-fast)}.djzone-request-card.high:before{background:var(--djzone-warning);opacity:1}.djzone-request-card:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.15);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2)}.djzone-request-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--djzone-space-sm)}.djzone-request-main{display:flex;align-items:center;gap:var(--djzone-space-md);flex:1}.djzone-track-info{flex:1}.djzone-track-title{font-size:.875rem;font-weight:600;color:var(--djzone-text-primary);margin-bottom:.125rem;line-height:1.2}.djzone-track-artist{font-size:.75rem;color:var(--djzone-text-muted);margin:0}.djzone-priority-badge{display:flex;align-items:center;gap:var(--djzone-space-xs);padding:.125rem var(--djzone-space-sm);border-radius:var(--djzone-radius-sm);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.djzone-priority-badge.high{background:rgba(245,158,11,.15);color:var(--djzone-warning);border:1px solid rgba(245,158,11,.3)}.djzone-request-actions-enhanced{display:flex;gap:var(--djzone-space-xs)}.djzone-request-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--djzone-radius-md);color:var(--djzone-text-muted);padding:var(--djzone-space-sm);cursor:pointer;transition:all var(--djzone-transition-fast);display:flex;align-items:center;justify-content:center;width:32px;height:32px}.djzone-request-btn.approve:hover{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.3);color:var(--djzone-success);transform:scale(1.1)}.djzone-request-btn.reject:hover{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3);color:var(--djzone-error);transform:scale(1.1)}.djzone-request-meta{margin-bottom:var(--djzone-space-sm)}.djzone-requester-info{display:flex;align-items:center;gap:var(--djzone-space-sm)}.djzone-requester-avatar{width:24px;height:24px;background:var(--djzone-accent-blue);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.djzone-requester-name{font-size:.75rem;color:var(--djzone-text-secondary);font-weight:500}.djzone-request-time{font-size:.75rem;color:var(--djzone-text-muted)}.djzone-request-message{display:flex;align-items:flex-start;gap:var(--djzone-space-xs);padding:var(--djzone-space-sm);background:rgba(50,44,232,.05);border-radius:var(--djzone-radius-md);border-left:2px solid var(--djzone-accent-blue);font-size:.75rem;color:var(--djzone-text-secondary);font-style:italic}.djzone-empty-state-enhanced{text-align:center;padding:var(--djzone-space-2xl) var(--djzone-space-lg);color:var(--djzone-text-muted)}.djzone-empty-illustration{display:inline-block;margin-bottom:var(--djzone-space-lg)}.djzone-empty-title{font-size:1rem}.djzone-empty-description{font-size:.875rem;line-height:1.5;max-width:250px;margin:0 auto}.djzone-request-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:var(--djzone-space-lg)}.djzone-request-stat-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--djzone-radius-md);padding:var(--djzone-space-md);display:flex;align-items:center;gap:var(--djzone-space-sm);transition:all var(--djzone-transition-fast)}.djzone-request-stat-card:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.15);transform:translateY(-1px)}.djzone-stat-icon{color:var(--djzone-accent-blue);flex-shrink:0}.djzone-stat-content{flex:1}.djzone-stat-number{font-size:1.125rem;font-weight:700;color:var(--djzone-text-primary);line-height:1}.djzone-stat-label{font-size:.675rem;margin-top:.125rem}.djzone-request-footer{display:flex;justify-content:center}.djzone-view-all-btn{display:flex;align-items:center;gap:var(--djzone-space-sm);padding:var(--djzone-space-sm) var(--djzone-space-md);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--djzone-radius-lg);color:var(--djzone-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--djzone-transition-fast);text-decoration:none}.djzone-view-all-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:var(--djzone-text-primary);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2)}.djzone-chat-enhanced{background:linear-gradient(135deg,rgba(50,44,232,.02),rgba(5,190,120,.01));min-height:100vh;padding:var(--djzone-space-lg)}.djzone-chat-header{margin-bottom:var(--djzone-space-lg);background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:var(--djzone-radius-xl);backdrop-filter:blur(12px)}.djzone-chat-title-section{display:flex;align-items:center;gap:var(--djzone-space-md)}.djzone-chat-icon{position:relative;width:52px;height:52px;display:flex;align-items:center;justify-content:center;color:white}.djzone-chat-icon,.djzone-chat-icon-glow{background:linear-gradient(135deg,var(--djzone-accent-blue),var(--djzone-accent-green));border-radius:var(--djzone-radius-lg)}.djzone-chat-icon-glow{position:absolute;inset:-4px;filter:blur(8px);opacity:.3;z-index:-1;animation:djzone-chat-icon-pulse 3s ease-in-out infinite}@keyframes djzone-chat-icon-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.djzone-chat-title-content{flex:1}.djzone-chat-title{font-size:1.75rem;font-weight:700;color:var(--djzone-text-primary);margin-bottom:.125rem;line-height:1.2}.djzone-chat-subtitle{font-size:.875rem;color:var(--djzone-text-muted)}.djzone-chat-action-btn,.djzone-chat-header-actions{gap:var(--djzone-space-sm)}.djzone-chat-action-btn{display:flex;align-items:center;padding:var(--djzone-space-sm) var(--djzone-space-md);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--djzone-radius-lg);color:var(--djzone-text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--djzone-transition-fast)}.djzone-chat-action-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:var(--djzone-text-primary);transform:translateY(-2px)}.djzone-chat-action-btn.active{background:var(--djzone-accent-blue);border-color:var(--djzone-accent-blue);color:white}.djzone-chat-action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.djzone-chat-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--djzone-space-md);margin-bottom:var(--djzone-space-lg)}.djzone-chat-stat-card{display:flex;align-items:center;gap:var(--djzone-space-md);padding:var(--djzone-space-lg);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--djzone-radius-lg);transition:all var(--djzone-transition-fast);position:relative;overflow:hidden}.djzone-chat-stat-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left .5s ease}.djzone-chat-stat-card:hover:before{left:100%}.djzone-chat-stat-card:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.15);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2)}.djzone-chat-stat-icon{width:44px;height:44px;border-radius:var(--djzone-radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--djzone-transition-fast)}.djzone-chat-stat-card.total .djzone-chat-stat-icon{background:rgba(50,44,232,.15);color:var(--djzone-accent-blue);border:1px solid rgba(50,44,232,.3)}.djzone-chat-stat-card.unread .djzone-chat-stat-icon{background:rgba(245,158,11,.15);color:var(--djzone-warning);border:1px solid rgba(245,158,11,.3)}.djzone-chat-stat-card.starred .djzone-chat-stat-icon{background:rgba(234,179,8,.15);color:#eab308;border:1px solid rgba(234,179,8,.3)}.djzone-chat-stat-card.today .djzone-chat-stat-icon{background:rgba(34,197,94,.15);color:var(--djzone-success);border:1px solid rgba(34,197,94,.3)}.djzone-chat-stat-content{flex:1}.djzone-chat-stat-value{font-size:1.5rem;font-weight:700;color:var(--djzone-text-primary);line-height:1}.djzone-chat-stat-label{font-size:.75rem;color:var(--djzone-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:.125rem}.djzone-chat-stat-badge{position:absolute;top:-6px;right:-6px;background:var(--djzone-error);color:white;padding:.125rem var(--djzone-space-sm);border-radius:var(--djzone-radius-sm);font-size:.625rem;font-weight:600;animation:djzone-badge-pulse 2s infinite}.djzone-chat-tabs-container{margin-bottom:var(--djzone-space-lg)}.djzone-chat-tabs{display:flex;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--djzone-radius-lg);padding:var(--djzone-space-xs);backdrop-filter:blur(8px)}.djzone-chat-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--djzone-space-sm);padding:var(--djzone-space-md);border-radius:var(--djzone-radius-md);color:var(--djzone-text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--djzone-transition-fast);position:relative}.djzone-chat-tab:hover{color:var(--djzone-text-secondary);background:rgba(255,255,255,.05)}.djzone-chat-tab.active{background:var(--djzone-accent-blue);color:white;box-shadow:0 4px 12px rgba(50,44,232,.3)}.djzone-chat-tab-icon{flex-shrink:0}.djzone-chat-tab-label{font-weight:600}.djzone-chat-tab-badge{background:var(--djzone-error);color:white;padding:.125rem var(--djzone-space-xs);border-radius:var(--djzone-radius-sm);font-size:.625rem;font-weight:700;margin-left:var(--djzone-space-xs);animation:djzone-pulse 2s infinite}.djzone-chat-filters-panel{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--djzone-radius-lg);margin-bottom:var(--djzone-space-lg);backdrop-filter:blur(8px)}.djzone-chat-filters-content{padding:var(--djzone-space-lg)}.djzone-chat-search-container{position:relative;margin-bottom:var(--djzone-space-md)}.djzone-chat-search-icon{position:absolute;left:var(--djzone-space-md);top:50%;transform:translateY(-50%);color:var(--djzone-text-muted);z-index:1}.djzone-chat-search-input{width:100%;padding:var(--djzone-space-md) var(--djzone-space-md) var(--djzone-space-md) 3rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--djzone-radius-lg);color:var(--djzone-text-primary);font-size:.875rem;transition:all var(--djzone-transition-fast)}.djzone-chat-search-input:focus{background:rgba(255,255,255,.08);border-color:var(--djzone-accent-blue);outline:none;box-shadow:0 0 0 3px rgba(50,44,232,.1)}.djzone-chat-search-clear{position:absolute;right:var(--djzone-space-md);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--djzone-text-muted);cursor:pointer;padding:var(--djzone-space-xs);border-radius:var(--djzone-radius-sm);transition:all var(--djzone-transition-fast)}.djzone-chat-search-clear:hover{color:var(--djzone-text-primary);background:rgba(255,255,255,.1)}.djzone-chat-filter-selects{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--djzone-space-md)}.djzone-chat-filter-group{display:flex;flex-direction:column;gap:var(--djzone-space-xs)}.djzone-chat-filter-label{font-size:.75rem;font-weight:600;color:var(--djzone-text-secondary);text-transform:uppercase;letter-spacing:.5px}.djzone-chat-filter-select{padding:var(--djzone-space-sm) var(--djzone-space-md);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--djzone-radius-md);color:var(--djzone-text-primary);font-size:.875rem;cursor:pointer;transition:all var(--djzone-transition-fast)}.djzone-chat-filter-select:focus{background:rgba(255,255,255,.08);border-color:var(--djzone-accent-blue);outline:none;box-shadow:0 0 0 3px rgba(50,44,232,.1)}.djzone-chat-main-content{display:flex;gap:var(--djzone-space-lg);flex:1;min-height:0}.djzone-chat-list-container{display:flex;flex-direction:column;min-height:0;transition:all var(--djzone-transition-medium)}.djzone-chat-list-container.full{width:100%}.djzone-chat-list-container.narrow{width:35%;min-width:320px}.djzone-chat-detail-container{width:65%;transition:all var(--djzone-transition-medium);min-height:0}.djzone-chat-list-panel{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--djzone-radius-xl);backdrop-filter:blur(12px);display:flex;flex-direction:column;overflow:hidden;height:100%}.djzone-chat-list-header{display:flex;justify-content:space-between;align-items:center;padding:var(--djzone-space-lg);border-bottom:1px solid rgba(255,255,255,.08)}.djzone-chat-list-title-section{display:flex;align-items:center;gap:var(--djzone-space-md)}.djzone-chat-list-icon{color:var(--djzone-accent-blue)}.djzone-chat-list-title{font-size:1.125rem;font-weight:600;color:var(--djzone-text-primary);line-height:1.2}.djzone-chat-list-count{font-size:.75rem;color:var(--djzone-text-muted);margin-top:.125rem}.djzone-chat-list-actions{display:flex;gap:var(--djzone-space-xs)}.djzone-chat-list-action-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--djzone-radius-md);color:var(--djzone-text-muted);padding:var(--djzone-space-sm);cursor:pointer;transition:all var(--djzone-transition-fast)}.djzone-chat-list-action-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:var(--djzone-text-primary)}.djzone-chat-list-content{flex:1;overflow-y:auto;min-height:0}.djzone-chat-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--djzone-space-2xl);text-align:center}.djzone-chat-loading-icon{color:var(--djzone-accent-blue);margin-bottom:var(--djzone-space-lg)}.djzone-chat-loading-title{font-size:1.125rem;font-weight:600;color:var(--djzone-text-primary);margin-bottom:var(--djzone-space-sm)}.djzone-chat-loading-text{font-size:.875rem;color:var(--djzone-text-muted);max-width:250px}.djzone-chat-sessions-list{display:flex;flex-direction:column}.djzone-chat-session-card{padding:var(--djzone-space-md);border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all var(--djzone-transition-fast);position:relative}.djzone-chat-session-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:background var(--djzone-transition-fast)}.djzone-chat-session-card:hover{background:rgba(255,255,255,.05)}.djzone-chat-session-card.active{background:var(--djzone-bg-card);border-left:3px solid var(--djzone-accent-blue)}.djzone-chat-session-card.active:before{background:var(--djzone-accent-blue)}.djzone-chat-session-content{display:flex;align-items:center;gap:var(--djzone-space-md)}.djzone-chat-session-avatar{position:relative;flex-shrink:0}.djzone-chat-avatar-container{width:44px;height:44px;background:var(--djzone-accent-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;position:relative}.djzone-chat-avatar-status{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid var(--djzone-surface)}.djzone-chat-avatar-status.online{background:var(--djzone-success);animation:djzone-pulse 2s infinite}.djzone-chat-session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.125rem}.djzone-chat-session-name{truncate:true}.djzone-chat-session-time{font-size:.75rem;color:var(--djzone-text-muted);font-family:monospace}.djzone-chat-session-message{font-size:.75rem;color:var(--djzone-text-secondary);line-height:1.3;margin-bottom:var(--djzone-space-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.djzone-chat-session-meta{justify-content:space-between}.djzone-chat-unread-badge{background:var(--djzone-accent-blue);padding:.125rem var(--djzone-space-xs);border-radius:var(--djzone-radius-sm);font-weight:700;min-width:18px}.djzone-chat-active-indicator,.djzone-chat-session-indicators{display:flex;align-items:center;gap:var(--djzone-space-xs)}.djzone-chat-active-indicator{font-size:.625rem;color:var(--djzone-success);font-weight:600}.djzone-chat-pulse-dot{width:6px;height:6px;background:var(--djzone-success);border-radius:50%;animation:djzone-pulse 2s infinite}.djzone-chat-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--djzone-space-2xl);text-align:center;color:var(--djzone-text-muted)}.djzone-chat-empty-icon{color:var(--djzone-text-muted);margin-bottom:var(--djzone-space-lg);opacity:.5}.djzone-chat-empty-title{font-size:1.125rem;font-weight:600;color:var(--djzone-text-secondary);margin-bottom:var(--djzone-space-sm)}.djzone-chat-empty-text{font-size:.875rem;line-height:1.5;max-width:280px}.djzone-nav-item{display:flex;align-items:center;gap:var(--djzone-space-md);padding:var(--djzone-space-md) var(--djzone-space-lg);color:var(--djzone-text-secondary);text-decoration:none;transition:all var(--djzone-transition-fast);border:none;background:none;width:100%;cursor:pointer;font-size:.875rem}.djzone-nav-item:hover{background:var(--djzone-bg-hover);color:var(--djzone-text-primary)}.djzone-nav-item.active{background:var(--djzone-accent-blue);color:white}.djzone-nav-item.active:hover{background:var(--djzone-accent-blue-dark)}.djzone-nav-icon{width:20px;height:20px;flex-shrink:0}.djzone-nav-text{transition:opacity var(--djzone-transition-normal)}.djzone-sidebar.collapsed .djzone-nav-text{opacity:0;width:0;overflow:hidden}.djzone-card{background:linear-gradient(145deg,var(--djzone-bg-card) 0,rgba(31,31,31,.8) 100%);border:1px solid var(--djzone-border-primary);border-radius:var(--djzone-radius-xl);padding:var(--djzone-space-lg);box-shadow:var(--djzone-shadow-md);transition:all var(--djzone-transition-normal);backdrop-filter:blur(8px);position:relative;overflow:hidden}.djzone-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(50,44,232,.3),transparent);opacity:0;transition:opacity var(--djzone-transition-normal)}.djzone-card:hover{border-color:var(--djzone-accent-blue);box-shadow:0 8px 32px rgba(50,44,232,.15),var(--djzone-shadow-lg);transform:translateY(-2px)}.djzone-card:hover:before{opacity:1}.djzone-card-header{display:flex;align-items:center;gap:var(--djzone-space-md);margin-bottom:var(--djzone-space-lg)}.djzone-card-icon{width:24px;height:24px;color:var(--djzone-accent-blue)}.djzone-card-title{font-size:1.125rem;font-weight:600;color:var(--djzone-text-primary)}.djzone-card-content{color:var(--djzone-text-secondary);line-height:1.6}.djzone-button{display:inline-flex;align-items:center;gap:var(--djzone-space-sm);padding:var(--djzone-space-sm) var(--djzone-space-md);background:var(--djzone-bg-tertiary);color:var(--djzone-text-primary);border:1px solid var(--djzone-border-primary);border-radius:var(--djzone-radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--djzone-transition-fast);text-decoration:none;line-height:1}.djzone-button:hover{background:var(--djzone-bg-hover);border-color:var(--djzone-border-secondary)}.djzone-button:active{background:var(--djzone-bg-active)}.djzone-button.primary{background:var(--djzone-accent-blue);border-color:var(--djzone-accent-blue);color:white}.djzone-button.primary:hover{background:var(--djzone-accent-blue-dark);border-color:var(--djzone-accent-blue-dark)}.djzone-button.success{background:var(--djzone-success)}.djzone-button.success:hover{background:#16a34a}.djzone-button.danger{background:var(--djzone-error);border-color:var(--djzone-error);color:white}.djzone-button.danger:hover{background:#dc2626;border-color:#dc2626}.djzone-button:disabled{opacity:.5;cursor:not-allowed}.djzone-button:disabled:hover{background:var(--djzone-bg-tertiary);border-color:var(--djzone-border-primary)}.djzone-dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--djzone-space-lg);min-height:calc(100vh - var(--djzone-header-height) - var(--djzone-space-lg) * 2)}.djzone-dashboard-column{display:flex;flex-direction:column;gap:var(--djzone-space-lg)}.djzone-widget{position:relative;transition:transform var(--djzone-transition-fast)}.djzone-widget.dragging{transform:scale(1.02);z-index:1000;opacity:.8}.djzone-widget-handle{position:absolute;top:var(--djzone-space-sm);right:var(--djzone-space-sm);background:var(--djzone-bg-hover);border:1px solid var(--djzone-border-primary);border-radius:var(--djzone-radius-sm);padding:var(--djzone-space-xs);cursor:grab;opacity:0;transition:opacity var(--djzone-transition-fast)}.djzone-widget:hover .djzone-widget-handle{opacity:1}.djzone-widget-handle:active{cursor:grabbing}.djzone-drop-zone{min-height:100px;border:2px dashed var(--djzone-border-primary);border-radius:var(--djzone-radius-lg);display:flex;align-items:center;justify-content:center;color:var(--djzone-text-muted);font-size:.875rem;transition:all var(--djzone-transition-fast)}.djzone-drop-zone.active{border-color:var(--djzone-accent-blue);background:rgba(50,44,232,.05);color:var(--djzone-accent-blue)}.djzone-status{display:inline-flex;align-items:center;gap:var(--djzone-space-xs);padding:var(--djzone-space-xs) var(--djzone-space-sm);border-radius:var(--djzone-radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.djzone-status.online{background:rgba(34,197,94,.1);color:var(--djzone-success);border:1px solid rgba(34,197,94,.2)}.djzone-status.live,.djzone-status.offline{background:rgba(239,68,68,.1);color:var(--djzone-error);border:1px solid rgba(239,68,68,.2)}.djzone-status.warning{background:rgba(245,158,11,.1);color:var(--djzone-warning);border:1px solid rgba(245,158,11,.2)}.djzone-status-dot{width:6px;height:6px;background:currentColor}.djzone-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--djzone-space-md)}.djzone-stat{padding:var(--djzone-space-lg);background:linear-gradient(135deg,var(--djzone-bg-tertiary) 0,rgba(38,38,38,.8) 100%);border-radius:var(--djzone-radius-lg);border:1px solid var(--djzone-border-primary);position:relative;overflow:hidden;transition:all var(--djzone-transition-normal)}.djzone-stat:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--djzone-accent-blue),var(--djzone-accent-green));opacity:0;transition:opacity var(--djzone-transition-normal)}.djzone-stat:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(50,44,232,.1)}.djzone-stat:hover:before{opacity:1}.djzone-stat-value{display:block;font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--djzone-accent-blue),var(--djzone-accent-green));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--djzone-space-sm);transition:all var(--djzone-transition-normal)}.djzone-stat-label{font-size:.75rem;color:var(--djzone-text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.djzone-stat-trend{font-size:.625rem;margin-top:var(--djzone-space-xs);display:flex;align-items:center;gap:var(--djzone-space-xs)}.djzone-stat-trend.up{color:var(--djzone-success)}.djzone-stat-trend.down{color:var(--djzone-error)}.djzone-input{width:100%;padding:var(--djzone-space-sm) var(--djzone-space-md);background:var(--djzone-bg-tertiary);border:1px solid var(--djzone-border-primary);border-radius:var(--djzone-radius-md);color:var(--djzone-text-primary);font-size:.875rem;transition:all var(--djzone-transition-fast)}.djzone-input::placeholder{color:var(--djzone-text-muted)}.djzone-textarea{resize:vertical;min-height:100px}.djzone-select{appearance:none;background-image: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 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.djzone-toggle{position:relative;display:inline-block;width:44px;height:24px}.djzone-toggle input{opacity:0;width:0;height:0}.djzone-toggle-slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--djzone-bg-tertiary);border:1px solid var(--djzone-border-primary);border-radius:12px}.djzone-toggle-slider,.djzone-toggle-slider:before{position:absolute;transition:var(--djzone-transition-fast)}.djzone-toggle-slider:before{content:"";height:18px;width:18px;left:2px;bottom:2px;background:var(--djzone-text-muted);border-radius:50%}.djzone-toggle input:checked+.djzone-toggle-slider{background:var(--djzone-accent-blue);border-color:var(--djzone-accent-blue)}.djzone-toggle input:checked+.djzone-toggle-slider:before{transform:translateX(20px);background:white}.djzone-progress{width:100%;height:8px;background:var(--djzone-bg-tertiary);border-radius:4px}.djzone-progress-bar{background:var(--djzone-accent-blue);transition:width var(--djzone-transition-normal)}.djzone-fade-in{animation:fadeIn .3s ease-out}@media (max-width:1024px){.djzone-dashboard{grid-template-columns:repeat(2,1fr)}.djzone-header-center{display:none}.djzone-header-left,.djzone-header-right{flex:1}}@media (max-width:768px){.djzone-sidebar-enhanced{transform:translateX(-100%)}.djzone-sidebar-enhanced,.djzone-sidebar-enhanced.collapsed{width:var(--djzone-sidebar-width)}.djzone-sidebar-enhanced.mobile-open{transform:translateX(0)}.djzone-main-enhanced,.djzone-main-enhanced.sidebar-collapsed{margin-left:0}.djzone-logo-container.collapsed .djzone-logo-icon,.djzone-logo-mobile-override{display:none}.djzone-logo-container.collapsed .djzone-logo-mobile-override{display:block}.djzone-logo-container.collapsed .djzone-logo-wrapper{width:auto;height:50px;padding:var(--djzone-space-sm) var(--djzone-space-lg)}.djzone-dashboard{grid-template-columns:1fr}.djzone-content-enhanced{padding:var(--djzone-space-lg)}.djzone-stats{grid-template-columns:repeat(2,1fr)}.djzone-page-title{font-size:1.25rem}.djzone-quick-actions,.djzone-time-display,.djzone-user-info{display:none}}@media (max-width:640px){.djzone-sidebar-enhanced{transform:translateX(-100%);z-index:2000;width:280px}.djzone-sidebar-enhanced.mobile-open{transform:translateX(0)}.djzone-main-enhanced{margin-left:0}.djzone-header-enhanced{padding:0 var(--djzone-space-md)}.djzone-content-enhanced{padding:var(--djzone-space-md)}.djzone-stats{grid-template-columns:1fr}.djzone-page-info{max-width:200px}.djzone-page-title{font-size:1.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.djzone-notification-button,.djzone-page-description{display:none}.djzone-dashboard-header{flex-direction:column;gap:var(--djzone-space-lg);padding:var(--djzone-space-lg)}.djzone-welcome-section{flex-direction:column;text-align:center;gap:var(--djzone-space-md)}.djzone-avatar-large{width:auto;height:48px}.djzone-welcome-title{font-size:1.5rem}.djzone-header-actions{align-items:center;width:100%}.djzone-quick-stats{order:2;justify-content:center;width:100%}.djzone-quick-stat{min-width:70px;padding:var(--djzone-space-sm)}.djzone-quick-stat span{font-size:1rem}.djzone-action-buttons{order:1;justify-content:center;flex-wrap:wrap}.djzone-action-btn span{display:none}.djzone-info-grid,.djzone-listener-metrics,.djzone-request-stats{grid-template-columns:1fr}.djzone-program-footer{flex-direction:column;gap:var(--djzone-space-md);align-items:stretch}.djzone-playback-controls{justify-content:center}}@media (max-width:480px){.djzone-current-program-header{flex-direction:column;text-align:center;gap:var(--djzone-space-md)}.djzone-program-actions{justify-content:center}.djzone-action-btn-small{padding:var(--djzone-space-md)}.djzone-quicklinks-grid{gap:var(--djzone-space-xs)}.djzone-quicklink-enhanced{padding:var(--djzone-space-md)}.djzone-quicklink-icon-enhanced{width:36px;height:36px}.djzone-request-card{padding:var(--djzone-space-sm)}.djzone-request-header{flex-direction:column;gap:var(--djzone-space-sm);align-items:stretch}.djzone-request-actions-enhanced{justify-content:center}.djzone-chat-enhanced{padding:var(--djzone-space-md)}.djzone-chat-header{gap:var(--djzone-space-md)}.djzone-chat-header,.djzone-chat-title-section{flex-direction:column;text-align:center}.djzone-chat-header-actions{justify-content:center}.djzone-chat-stats{grid-template-columns:1fr}.djzone-chat-main-content{flex-direction:column}.djzone-chat-list-container.narrow{width:100%;min-width:auto}.djzone-chat-detail-container{width:100%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;background:var(--djzone-bg-primary)}.djzone-chat-filter-selects{grid-template-columns:1fr}.djzone-chat-tab-label{display:none}.djzone-chat-title{font-size:1.5rem}.djzone-chat-action-btn span{display:none}.djzone-chat-stats{gap:var(--djzone-space-sm)}.djzone-chat-list-header,.djzone-chat-stat-card{padding:var(--djzone-space-md)}.djzone-chat-session-card{padding:var(--djzone-space-sm)}.djzone-chat-avatar-container{width:36px;height:36px}.djzone-header-enhanced{padding:0 var(--djzone-space-sm);gap:var(--djzone-space-sm)}.djzone-content-enhanced{padding:var(--djzone-space-sm)}.djzone-page-info{max-width:150px}.djzone-sidebar-enhanced{width:100vw}.djzone-user-menu{padding:var(--djzone-space-xs)}}@media (hover:none) and (pointer:coarse){.djzone-nav-item-enhanced{padding:var(--djzone-space-lg) var(--djzone-space-lg)}.djzone-action-button,.djzone-notification-button{min-height:44px;min-width:44px}.djzone-user-dropdown{position:fixed;top:auto;bottom:var(--djzone-space-lg);left:var(--djzone-space-lg);right:var(--djzone-space-lg);margin:0}.djzone-user-menu:hover .djzone-user-dropdown{opacity:0;visibility:hidden}.djzone-user-menu:active .djzone-user-dropdown{opacity:1;visibility:visible}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.djzone-logo{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-reduced-motion:reduce){.djzone-layout-enhanced:before,.djzone-logo-glow,.djzone-nav-badge,.djzone-nav-new,.djzone-notification-badge{animation:none}.djzone-action-button,.djzone-main-enhanced,.djzone-nav-item-enhanced,.djzone-notification-button,.djzone-sidebar-enhanced{transition:none}}@media print{.djzone-header-enhanced,.djzone-sidebar-enhanced{display:none}.djzone-main-enhanced{margin-left:0}.djzone-content-enhanced{padding:0;background:white;color:black}}.djzone-text-left{text-align:left}.djzone-text-right{text-align:right}.djzone-mb-0{margin-bottom:0}.djzone-mb-1{margin-bottom:var(--djzone-space-xs)}.djzone-mb-2{margin-bottom:var(--djzone-space-sm)}.djzone-mb-3{margin-bottom:var(--djzone-space-md)}.djzone-mb-4{margin-bottom:var(--djzone-space-lg)}.djzone-mt-0{margin-top:0}.djzone-mt-1{margin-top:var(--djzone-space-xs)}.djzone-mt-2{margin-top:var(--djzone-space-sm)}.djzone-mt-3{margin-top:var(--djzone-space-md)}.djzone-mt-4{margin-top:var(--djzone-space-lg)}.djzone-flex{display:flex}.djzone-flex-col{flex-direction:column}.djzone-items-center{align-items:center}.djzone-justify-center{justify-content:center}.djzone-gap-1{gap:var(--djzone-space-xs)}.djzone-gap-2{gap:var(--djzone-space-sm)}.djzone-gap-4{gap:var(--djzone-space-lg)}.djzone-hidden{display:none}.djzone-block{display:block}.djzone-inline-block{display:inline-block}.djzone-teleprompter{background:var(--djzone-bg-primary);z-index:2000}.djzone-teleprompter.fullscreen{z-index:2147483647}.teleprompter-controls{background:var(--djzone-bg-secondary);border-bottom:1px solid var(--djzone-border-primary)}.teleprompter-content{padding:var(--djzone-space-xl);font-size:1.25rem;line-height:1.8;scroll-behavior:smooth}.teleprompter-article h1{color:var(--djzone-text-primary)}.teleprompter-meta{gap:var(--djzone-space-lg);color:var(--djzone-text-muted);padding-bottom:var(--djzone-space-lg);border-bottom:1px solid var(--djzone-border-primary)}.teleprompter-text{color:var(--djzone-text-primary);font-size:1.5rem;line-height:2;max-width:80ch;margin:0 auto}.teleprompter-text h1,.teleprompter-text h2,.teleprompter-text h3,.teleprompter-text h4,.teleprompter-text h5,.teleprompter-text h6{color:var(--djzone-text-primary);font-weight:700;margin:var(--djzone-space-lg) 0;line-height:1.4}.teleprompter-text h1{font-size:2rem}.teleprompter-text h2{font-size:1.75rem}.teleprompter-text h3{font-size:1.5rem}.teleprompter-text h4{font-size:1.25rem}.teleprompter-text h5{font-size:1.125rem}.teleprompter-text h6{font-size:1rem}.teleprompter-text b,.teleprompter-text strong{color:var(--djzone-text-primary)}.teleprompter-text em,.teleprompter-text i{font-style:italic}.teleprompter-text u{text-decoration:underline}.teleprompter-text ol,.teleprompter-text ul{margin:var(--djzone-space-lg) 0;padding-left:2rem}.teleprompter-text blockquote{border-left:4px solid var(--djzone-accent-blue);padding-left:var(--djzone-space-lg);margin:var(--djzone-space-lg) 0;font-style:italic;color:var(--djzone-text-secondary)}.teleprompter-text a{color:var(--djzone-accent-primary)}.teleprompter-text a:hover{color:var(--djzone-accent-blue-light)}.teleprompter-text br{line-height:2.5}.djzone-teleprompter.fullscreen .teleprompter-content{font-size:1.75rem}.djzone-teleprompter.fullscreen .teleprompter-article h1{font-size:3rem}.djzone-teleprompter.fullscreen .teleprompter-text{font-size:2rem;line-height:2.2}.djzone-teleprompter.fullscreen .teleprompter-text h1{font-size:2.5rem}.djzone-teleprompter.fullscreen .teleprompter-text h2{font-size:2.25rem}.djzone-teleprompter.fullscreen .teleprompter-text h3{font-size:2rem}.djzone-teleprompter.fullscreen .teleprompter-text h4{font-size:1.75rem}.djzone-teleprompter.fullscreen .teleprompter-text h5{font-size:1.5rem}.djzone-teleprompter.fullscreen .teleprompter-text h6{font-size:1.25rem}.djzone-teleprompter.fullscreen .teleprompter-text p{margin-bottom:calc(var(--djzone-space-lg) * 1.5)}.djzone-teleprompter.fullscreen .teleprompter-text ol,.djzone-teleprompter.fullscreen .teleprompter-text ul{margin:calc(var(--djzone-space-lg) * 1.5) 0;padding-left:3rem}.djzone-teleprompter.fullscreen .teleprompter-text blockquote{border-left-width:6px;padding-left:calc(var(--djzone-space-lg) * 1.5);margin:calc(var(--djzone-space-lg) * 1.5) 0}.djzone-grid{display:grid}.djzone-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.djzone-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.djzone-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:768px){.djzone-grid-cols-2,.djzone-grid-cols-3,.djzone-grid-cols-4,.djzone-grid-cols-5,.djzone-grid-cols-6{display:flex;flex-direction:column;gap:var(--djzone-space-md)}.djzone-grid-cols-2>*,.djzone-grid-cols-3>*,.djzone-grid-cols-4>*,.djzone-grid-cols-5>*,.djzone-grid-cols-6>*{width:100%}}.djzone-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.col-span-6{grid-column:span 6/span 6}.col-span-7{grid-column:span 7/span 7}.col-span-8{grid-column:span 8/span 8}.col-span-9{grid-column:span 9/span 9}.col-span-10{grid-column:span 10/span 10}.col-span-11{grid-column:span 11/span 11}.col-span-12{grid-column:span 12/span 12}.djzone-gap-3{gap:var(--djzone-space-md)}.djzone-gap-6{gap:var(--djzone-space-xl)}.djzone-mb-6{margin-bottom:var(--djzone-space-xl)}.djzone-flex-1{flex:1 1 0%}.djzone-items-start{align-items:flex-start}.djzone-justify-between{justify-content:space-between}.djzone-flex-wrap{flex-wrap:wrap}.djzone-relative{position:relative}.djzone-absolute{position:absolute}.djzone-sticky{position:sticky}.djzone-transform{transform:var(--djzone-transform)}.djzone-transition-all{transition:all var(--djzone-transition-normal)}.djzone-duration-300{transition-duration:.3s}.djzone-py-12{padding-top:3rem;padding-bottom:3rem}.djzone-px-1{padding-left:.25rem;padding-right:.25rem}.djzone-px-2{padding-left:.5rem;padding-right:.5rem}.djzone-py-1{padding-top:.25rem;padding-bottom:.25rem}.djzone-py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.djzone-px-1\.5{padding-left:.375rem;padding-right:.375rem}.djzone-w-6{width:1.5rem}.djzone-w-8{width:2rem}.djzone-w-20{width:5rem}.max-w-xs{max-width:20rem}.djzone-h-3{height:.75rem}.djzone-h-6{height:1.5rem}.djzone-ml-auto{margin-left:auto}.djzone-ml-6{margin-left:1.5rem}.djzone-mt-0\.5{margin-top:.125rem}.djzone-mt-2{margin-top:.5rem}.djzone-mt-3{margin-top:.75rem}.djzone-opacity-0{opacity:0}.djzone-opacity-20{opacity:.2}.djzone-transition-opacity{transition-property:opacity}.djzone-transition-colors{transition-property:color,background-color,border-color}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:text-blue-400{color:#60a5fa}.djzone-w-full{width:100%}.djzone-h-full{height:100%}.djzone-min-w-0{min-width:0}.djzone-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.djzone-card.group:hover{transform:translateY(-2px)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from:#3b82f6;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(59,130,246,0))}.to-purple-600{--tw-gradient-to:#9333ea}@media (min-width:1280px){.xl\:djzone-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1536px){.\32xl\:djzone-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.djzone-teleprompter .teleprompter-controls{backdrop-filter:blur(10px);background:rgba(23,23,23,.9)}.djzone-button.warning{background:var(--djzone-warning);border-color:var(--djzone-warning);color:white}.djzone-button.warning:hover{background:#d97706;border-color:#d97706}.djzone-input:focus{outline:none;border-color:var(--djzone-accent-blue);box-shadow:0 0 0 3px rgba(50,44,232,.1)}@media print{.djzone{background:white!important;color:black!important}.djzone-sidebar{display:none}.djzone-main{margin-left:0}.teleprompter-content{padding:var(--djzone-space-md);font-size:1.125rem}.teleprompter-article h1{font-size:2rem}.teleprompter-text{font-size:1.25rem}.djzone-teleprompter.fullscreen .teleprompter-text{font-size:1.5rem}}.djzone-studio-berichten-widget{position:relative}.djzone-studio-berichten-widget .djzone-error-state,.djzone-studio-berichten-widget .djzone-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--djzone-space-xl);text-align:center;color:var(--djzone-text-muted)}.djzone-studio-berichten-widget .djzone-error-state p,.djzone-studio-berichten-widget .djzone-loading-state p{margin-top:var(--djzone-space-sm);font-size:.875rem}.djzone-berichten-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--djzone-space-md);padding-bottom:var(--djzone-space-sm);border-bottom:1px solid var(--djzone-border-primary)}.djzone-berichten-stats{gap:var(--djzone-space-md)}.djzone-berichten-stat{font-size:.75rem;color:var(--djzone-text-muted)}.djzone-berichten-unread{display:flex;align-items:center;gap:var(--djzone-space-xs);background:rgba(239,68,68,.1);color:var(--djzone-error);padding:var(--djzone-space-xs) var(--djzone-space-sm);border-radius:var(--djzone-radius-sm);font-size:.75rem;font-weight:600}.djzone-berichten-expand-btn{background:var(--djzone-bg-tertiary);border:1px solid var(--djzone-border-primary);border-radius:var(--djzone-radius-sm);padding:var(--djzone-space-xs)}.djzone-berichten-expand-btn:hover{background:var(--djzone-bg-hover)}.djzone-berichten-content{margin-bottom:var(--djzone-space-md)}.djzone-berichten-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--djzone-space-xl);color:var(--djzone-text-muted);text-align:center}.djzone-berichten-empty p{margin-top:var(--djzone-space-sm);font-size:.875rem}.djzone-berichten-compact{display:flex;flex-direction:column;gap:var(--djzone-space-sm)}.djzone-berichten-session-compact{display:flex;align-items:center;gap:var(--djzone-space-sm);padding:var(--djzone-space-sm);background:rgba(255,255,255,.03);border:1px solid var(--djzone-border-primary);border-radius:var(--djzone-radius-md);cursor:pointer;transition:all var(--djzone-transition-fast)}.djzone-berichten-session-compact:hover{background:rgba(255,255,255,.06);border-color:var(--djzone-border-secondary);transform:translateY(-1px)}.djzone-session-avatar{width:32px;height:32px;background:linear-gradient(135deg,var(--djzone-accent-blue),var(--djzone-accent-green));font-size:.875rem;flex-shrink:0}.djzone-session-info{flex:1;min-width:0}.djzone-session-name{margin-bottom:var(--djzone-space-xs)}.djzone-session-name,.djzone-session-preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.djzone-session-preview{font-size:.75rem;color:var(--djzone-text-muted)}.djzone-session-meta{flex-direction:column;align-items:flex-end;gap:var(--djzone-space-xs)}.djzone-unread-badge{background:var(--djzone-accent-blue);color:white;font-size:.625rem;font-weight:600;padding:2px 6px;border-radius:10px;min-width:16px;text-align:center}.djzone-session-time{font-size:.625rem;color:var(--djzone-text-muted)}.djzone-berichten-more{text-align:center;padding:var(--djzone-space-sm)}.djzone-berichten-more button{background:var(--djzone-bg-tertiary);border:1px solid var(--djzone-border-primary);border-radius:var(--djzone-radius-sm);padding:var(--djzone-space-xs) var(--djzone-space-sm);color:var(--djzone-text-muted);font-size:.75rem;cursor:pointer;transition:all var(--djzone-transition-fast)}.djzone-berichten-more button:hover{background:var(--djzone-bg-hover);color:var(--djzone-text-primary)}.djzone-berichten-expanded{display:flex;flex-direction:column;gap:var(--djzone-space-md);max-height:400px;overflow:hidden}.djzone-sessions-list{display:flex;flex-direction:column;gap:var(--djzone-space-sm);max-height:200px;overflow-y:auto}.djzone-session-item{display:flex;align-items:center;gap:var(--djzone-space-sm);padding:var(--djzone-space-sm);background:rgba(255,255,255,.03);border:1px solid var(--djzone-border-primary);border-radius:var(--djzone-radius-md);cursor:pointer;transition:all var(--djzone-transition-fast)}.djzone-session-item:hover{background:rgba(255,255,255,.06);border-color:var(--djzone-border-secondary)}.djzone-session-item.selected{background:rgba(50,44,232,.1);border-color:var(--djzone-accent-blue)}.djzone-conversation{border:1px solid var(--djzone-border-primary);border-radius:var(--djzone-radius-md);background:var(--djzone-bg-secondary);overflow:hidden}.djzone-conversation-header{display:flex;align-items:center;justify-content:space-between;padding:var(--djzone-space-sm) var(--djzone-space-md);background:rgba(255,255,255,.02);border-bottom:1px solid var(--djzone-border-primary)}.djzone-conversation-header h4{font-size:.875rem;font-weight:600;color:var(--djzone-text-primary)}.djzone-conversation-header button{background:none;border:none;color:var(--djzone-text-muted);cursor:pointer;padding:var(--djzone-space-xs);border-radius:var(--djzone-radius-sm);transition:all var(--djzone-transition-fast)}.djzone-conversation-header button:hover{background:var(--djzone-bg-hover);color:var(--djzone-text-primary)}.djzone-messages{max-height:200px;overflow-y:auto;padding:var(--djzone-space-md)}.djzone-message{display:flex;gap:var(--djzone-space-sm);margin-bottom:var(--djzone-space-sm)}.djzone-message.listener{flex-direction:row}.djzone-message.dj{flex-direction:row-reverse}.djzone-message-avatar{width:24px;height:24px;background:linear-gradient(135deg,var(--djzone-accent-blue),var(--djzone-accent-green));border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:.75rem;flex-shrink:0}.djzone-message-content{background:var(--djzone-bg-tertiary);border:1px solid var(--djzone-border-primary);border-radius:var(--djzone-radius-md);padding:var(--djzone-space-sm);max-width:80%}.djzone-message.dj .djzone-message-content{background:var(--djzone-accent-blue);border-color:var(--djzone-accent-blue);color:white}.djzone-message-content p{font-size:.875rem;margin-bottom:var(--djzone-space-xs);word-wrap:break-word}.djzone-message-time{font-size:.625rem;color:var(--djzone-text-muted)}.djzone-message.dj .djzone-message-time{color:rgba(255,255,255,.7)}.djzone-reply-input{display:flex;gap:var(--djzone-space-sm);padding:var(--djzone-space-md);border-top:1px solid var(--djzone-border-primary);background:rgba(255,255,255,.02)}.djzone-reply-input .djzone-input{flex:1;background:var(--djzone-bg-tertiary);border:1px solid var(--djzone-border-primary);border-radius:var(--djzone-radius-md);padding:var(--djzone-space-sm);color:var(--djzone-text-primary);font-size:.875rem;resize:none}.djzone-reply-input .djzone-input:focus{outline:none;border-color:var(--djzone-accent-blue)}.djzone-reply-input .djzone-button{padding:var(--djzone-space-sm);min-width:40px;height:40px}.djzone-berichten-footer{display:flex;justify-content:center;padding-top:var(--djzone-space-sm);border-top:1px solid var(--djzone-border-primary)}.djzone-berichten-footer .djzone-button{font-size:.875rem;padding:var(--djzone-space-sm) var(--djzone-space-md)}@media (max-width:768px){.djzone-berichten-stats{gap:var(--djzone-space-sm)}.djzone-berichten-stat{font-size:.625rem}.djzone-session-name{font-size:.75rem}.djzone-session-preview{font-size:.625rem}.djzone-message-content{max-width:90%}}@media (max-width:640px){.djzone-berichten-header{flex-direction:column;align-items:flex-start;gap:var(--djzone-space-sm)}.djzone-berichten-stats{flex-wrap:wrap}.djzone-berichten-expanded{max-height:300px}.djzone-messages,.djzone-sessions-list{max-height:150px}}.djzone-chat-session-info{flex:1;min-width:0}.djzone-chat-session-name{font-weight:600;color:var(--djzone-text-primary);font-size:.875rem;margin-bottom:var(--djzone-space-xs)}.djzone-chat-session-meta{font-size:.75rem;color:var(--djzone-text-muted)}.djzone-chat-session-badges,.djzone-chat-session-meta{display:flex;align-items:center;gap:var(--djzone-space-xs)}.djzone-chat-unread-badge{background:var(--djzone-warning)}.djzone-chat-session-preview{color:var(--djzone-text-muted);font-size:.875rem;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.djzone-chat-session-tags{margin-top:var(--djzone-space-sm);display:flex;gap:var(--djzone-space-xs)}.djzone-tag{padding:.125rem var(--djzone-space-sm);border-radius:var(--djzone-radius-sm);font-size:.625rem;font-weight:600}.djzone-tag.info{color:#3b82f6}.djzone-media-indicator,.djzone-tag.info{background:rgba(59,130,246,.1)}.djzone-chat-expanded{display:flex;flex-direction:column}.djzone-chat-sessions-list{border-bottom:1px solid var(--djzone-border-primary);background:var(--djzone-bg-secondary);padding:var(--djzone-space-sm)}.djzone-chat-sessions{max-height:12rem;overflow-y:auto;display:flex;flex-direction:column;gap:var(--djzone-space-xs)}.djzone-chat-session-compact{transition:all var(--djzone-transition-normal);border:1px solid transparent}.djzone-chat-session-compact:hover{border-color:var(--djzone-border-secondary);background:var(--djzone-bg-hover)}.djzone-chat-session-compact.selected{background:rgba(50,44,232,.1)}.djzone-chat-conversation{background:var(--djzone-bg-card);border-radius:var(--djzone-radius-lg);border:1px solid var(--djzone-border-primary)}.djzone-chat-header{background:var(--djzone-bg-secondary);border-bottom:1px solid var(--djzone-border-primary)}.djzone-chat-header-info{flex:1;min-width:0}.djzone-chat-header-meta{align-items:center;font-size:.75rem;margin-top:var(--djzone-space-xs)}.djzone-chat-header-actions,.djzone-chat-header-meta{display:flex;gap:var(--djzone-space-xs)}.djzone-status-text{color:var(--djzone-text-muted)}.djzone-status-text.online{color:var(--djzone-success);font-weight:600}.djzone-message-count,.djzone-separator,.djzone-timestamp{color:var(--djzone-text-muted)}.djzone-timestamp{font-size:.75rem}.djzone-chat-messages{background:linear-gradient(to bottom,var(--djzone-bg-card),var(--djzone-bg-secondary))}.djzone-chat-message-group{display:flex;flex-direction:column;gap:var(--djzone-space-xs)}.djzone-chat-message{display:flex;align-items:flex-end;gap:var(--djzone-space-sm)}.djzone-chat-message.from-listener{justify-content:flex-start}.djzone-chat-message.from-dj{justify-content:flex-end}.djzone-chat-message-content{display:flex;flex-direction:column;max-width:75%}.djzone-chat-message-content.listener{align-items:flex-start}.djzone-chat-message-content.dj{align-items:flex-end}.djzone-message-bubble{box-shadow:var(--djzone-shadow-sm)}.djzone-message-bubble:hover{box-shadow:var(--djzone-shadow-md)}.djzone-message-bubble.listener{background:var(--djzone-bg-tertiary);border:1px solid var(--djzone-border-primary)}.djzone-text-lg{font-size:1.125rem}.djzone-pt-2{padding-top:var(--djzone-space-sm)}.djzone-text-center{text-align:center}.djzone-chat-message-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--djzone-space-sm)}.djzone-chat-message-sender{font-weight:600;color:var(--djzone-text-primary)}.djzone-chat-message-actions{display:flex;align-items:center;gap:var(--djzone-space-xs)}.djzone-chat-priority-badge{padding:.125rem var(--djzone-space-sm);border-radius:var(--djzone-radius-sm);font-size:.75rem;font-weight:500;border:1px solid}.djzone-chat-priority-urgent{color:var(--djzone-error);background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2)}.djzone-chat-priority-high{color:var(--djzone-warning);background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.2)}.djzone-chat-priority-normal{color:var(--djzone-info);background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.2)}.djzone-chat-priority-low{color:var(--djzone-text-muted);background:rgba(161,161,170,.1);border-color:rgba(161,161,170,.2)}.djzone-chat-content{color:var(--djzone-text-secondary);line-height:1.5;margin-bottom:var(--djzone-space-sm)}.djzone-chat-media{margin-top:var(--djzone-space-sm)}.djzone-chat-media img{max-width:100%;height:auto;border-radius:var(--djzone-radius-md)}.djzone-chat-media audio{width:100%}.djzone-chat-dj-response{margin-top:var(--djzone-space-sm);padding:var(--djzone-space-sm);background:rgba(50,44,232,.2);border-radius:var(--djzone-radius-sm);border-left:2px solid var(--djzone-accent-blue)}.djzone-chat-dj-response-label{font-size:.75rem;color:var(--djzone-accent-blue);font-weight:600;margin-bottom:var(--djzone-space-xs)}.djzone-chat-reply-input{display:flex;gap:var(--djzone-space-sm);align-items:center}.djzone-chat-stats{display:flex;align-items:center;gap:var(--djzone-space-lg);font-size:.875rem}.djzone-chat-filter-tabs{display:flex;gap:.25rem}.djzone-chat-filter-tab{padding:.5rem .75rem;border-radius:var(--djzone-radius-sm);font-size:.875rem;font-weight:500;transition:all var(--djzone-transition-normal);border:none;cursor:pointer}.djzone-chat-filter-tab.active{background:var(--djzone-accent-blue);color:white;box-shadow:var(--djzone-shadow-sm)}.djzone-chat-filter-tab:not(.active){color:var(--djzone-text-muted);background:transparent}.djzone-chat-filter-tab:not(.active):hover{color:var(--djzone-text-primary);background:var(--djzone-bg-hover)}.djzone-chat-placeholder{height:100%;text-align:center}.djzone-chat-loading,.djzone-chat-placeholder{display:flex;align-items:center;justify-content:center;color:var(--djzone-text-muted)}.djzone-chat-loading{padding:var(--djzone-space-xl)}.djzone-chat-empty{text-align:center;padding:var(--djzone-space-2xl);color:var(--djzone-text-muted)}.djzone-chat-empty-icon{margin:0 auto var(--djzone-space-md)}.djzone-chat-expand-button{transition:transform var(--djzone-transition-normal)}.djzone-chat-expand-button.collapsed{transform:rotate(180deg)}.djzone-widget.enhanced{border:1px solid var(--djzone-border-primary);background:var(--djzone-bg-card);border-radius:var(--djzone-radius-lg);overflow:hidden;transition:all var(--djzone-transition-normal)}.djzone-widget.enhanced:hover{border-color:var(--djzone-border-secondary);box-shadow:var(--djzone-shadow-md)}.djzone-widget.enhanced .djzone-card-header{border-bottom:1px solid var(--djzone-border-primary);background:rgba(255,255,255,.02)}.djzone-live-indicator{display:inline-flex;align-items:center;gap:var(--djzone-space-xs);background:var(--djzone-error);color:white;padding:.25rem var(--djzone-space-sm);border-radius:var(--djzone-radius-sm);font-size:.75rem;font-weight:600;animation:djzone-pulse 2s infinite}@keyframes djzone-pulse{0%,to{opacity:1}50%{opacity:.8}}.djzone-stats-enhanced{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--djzone-space-md)}.djzone-stat-enhanced{background:var(--djzone-bg-secondary);padding:var(--djzone-space-md);border-radius:var(--djzone-radius-md);text-align:center;border:1px solid var(--djzone-border-primary)}.djzone-stat-enhanced-value{font-size:1.5rem;font-weight:700;color:var(--djzone-text-primary);margin-bottom:var(--djzone-space-xs)}.djzone-stat-enhanced-label{font-size:.75rem;color:var(--djzone-text-muted);text-transform:uppercase;letter-spacing:.05em}@media (max-width:1024px){.djzone-studio-berichten .djzone-grid-cols-2{grid-template-columns:1fr}.djzone-chat-sessions{max-height:20rem}.djzone-chat-messages{max-height:12rem}}@media (max-width:640px){.djzone-studio-berichten .djzone-card-header{flex-direction:column;gap:var(--djzone-space-md);align-items:flex-start}.djzone-chat-stats{flex-direction:column;gap:var(--djzone-space-sm);align-items:flex-start}.djzone-chat-filter-tabs{width:100%;justify-content:stretch}.djzone-chat-filter-tab{flex:1;text-align:center}}.djzone-line-clamp-1{-webkit-line-clamp:1}.djzone-line-clamp-1,.djzone-line-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.djzone-line-clamp-2{-webkit-line-clamp:2}.djzone-line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.djzone-chat-loading-spinner{width:1rem;height:1rem;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:djzone-spin 1s linear infinite}.djzone-traffic-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--djzone-space-md)}@media (min-width:1024px){.djzone-traffic-stats{grid-template-columns:repeat(4,1fr)}}.djzone-traffic-stat-card{background:linear-gradient(135deg,var(--djzone-bg-secondary),var(--djzone-bg-tertiary));border:1px solid var(--djzone-border-primary);border-radius:var(--djzone-radius-lg);padding:var(--djzone-space-lg);text-align:center;transition:all var(--djzone-transition-normal);position:relative;overflow:hidden}.djzone-traffic-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:currentColor;opacity:.3}.djzone-traffic-stat-card:hover{transform:translateY(-2px);box-shadow:var(--djzone-shadow-lg);border-color:var(--djzone-border-secondary)}.djzone-traffic-stat-icon{display:flex;align-items:center;justify-content:center;margin:0 auto var(--djzone-space-sm);padding:var(--djzone-space-sm);border-radius:var(--djzone-radius-md);background:rgba(255,255,255,.05)}.djzone-traffic-stat-value{font-size:1.75rem;font-weight:800;color:var(--djzone-text-primary);margin-bottom:var(--djzone-space-xs);line-height:1}.djzone-traffic-stat-label{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;line-height:1.2}.djzone-route-overview{background:rgba(0,0,0,.2);border-radius:var(--djzone-radius-lg);padding:var(--djzone-space-lg);margin-bottom:var(--djzone-space-xl)}.djzone-route-item{display:flex;align-items:center;justify-content:space-between;padding:var(--djzone-space-md);background:rgba(255,255,255,.03);border-radius:var(--djzone-radius-md);border:1px solid var(--djzone-border-primary);transition:all var(--djzone-transition-normal)}.djzone-route-item:hover{background:rgba(255,255,255,.05);border-color:var(--djzone-border-secondary)}.djzone-route-status{width:.75rem;height:.75rem;border-radius:50%;margin-right:var(--djzone-space-sm);box-shadow:0 0 0 2px rgba(0,0,0,.1);animation:djzone-status-pulse 2s infinite}@keyframes djzone-status-pulse{0%,to{opacity:1}50%{opacity:.7}}.djzone-route-status.clear{background:var(--djzone-success);box-shadow:0 0 8px rgba(34,197,94,.3)}.djzone-route-status.blocked{background:var(--djzone-error);box-shadow:0 0 8px rgba(239,68,68,.3)}.djzone-traffic-incident{background:rgba(255,255,255,.02);backdrop-filter:blur(10px);border-radius:var(--djzone-radius-lg);padding:var(--djzone-space-lg);border-left:4px solid;transition:all var(--djzone-transition-normal);margin-bottom:var(--djzone-space-md)}.djzone-traffic-incident:hover{background:rgba(255,255,255,.04);transform:translateX(2px);box-shadow:var(--djzone-shadow-md)}.djzone-traffic-incident-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--djzone-space-md)}.djzone-traffic-incident-info{display:flex;align-items:flex-start;gap:var(--djzone-space-md);flex:1}.djzone-traffic-incident-icon{padding:var(--djzone-space-sm);border-radius:var(--djzone-radius-md);background:rgba(255,255,255,.05);flex-shrink:0}.djzone-traffic-incident-title{font-size:1.125rem;font-weight:700;color:var(--djzone-text-primary);margin-bottom:var(--djzone-space-xs);line-height:1.3}.djzone-traffic-incident-location{display:flex;align-items:center;gap:var(--djzone-space-xs);margin-bottom:var(--djzone-space-sm);color:var(--djzone-text-secondary);font-size:.875rem}.djzone-traffic-incident-badges{display:flex;align-items:center;gap:var(--djzone-space-sm);flex-wrap:wrap}.djzone-traffic-incident-severity{padding:.25rem var(--djzone-space-sm);border-radius:var(--djzone-radius-sm);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:1px solid}.djzone-traffic-incident-type{color:var(--djzone-text-muted);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.djzone-traffic-incident-meta{text-align:right;color:var(--djzone-text-muted);font-size:.875rem}.djzone-traffic-incident-distance{margin-bottom:var(--djzone-space-xs)}.djzone-traffic-incident-delay,.djzone-traffic-incident-distance{display:flex;align-items:center;gap:var(--djzone-space-xs);justify-content:flex-end}.djzone-traffic-incident-delay{color:var(--djzone-warning);font-weight:600}.djzone-traffic-incident-description{color:var(--djzone-text-secondary);line-height:1.6;margin-bottom:var(--djzone-space-md);font-size:.925rem}.djzone-traffic-incident-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--djzone-space-md);border-top:1px solid var(--djzone-border-primary)}.djzone-traffic-incident-time{display:flex;align-items:center;gap:var(--djzone-space-md);color:var(--djzone-text-muted);font-size:.875rem}.djzone-traffic-incident-time-item{display:flex;align-items:center;gap:var(--djzone-space-xs)}.djzone-traffic-incident-actions{display:flex;align-items:center;gap:var(--djzone-space-sm)}.djzone-traffic-reroute-badge{display:flex;align-items:center;gap:var(--djzone-space-xs);padding:.25rem var(--djzone-space-sm);background:rgba(59,130,246,.1);color:var(--djzone-info);border:1px solid rgba(59,130,246,.2);border-radius:var(--djzone-radius-sm);font-size:.75rem;font-weight:600}.djzone-traffic-details-button{padding:.25rem var(--djzone-space-sm);background:transparent;color:var(--djzone-text-muted);border:1px solid var(--djzone-border-primary);border-radius:var(--djzone-radius-sm);font-size:.75rem;cursor:pointer;transition:all var(--djzone-transition-fast)}.djzone-traffic-details-button:hover{color:var(--djzone-text-primary);border-color:var(--djzone-border-secondary);background:rgba(255,255,255,.05)}.djzone-traffic-filter{background:var(--djzone-bg-secondary);border:1px solid var(--djzone-border-primary);border-radius:var(--djzone-radius-md);padding:var(--djzone-space-sm) var(--djzone-space-md);color:var(--djzone-text-primary);font-size:.875rem;transition:all var(--djzone-transition-normal)}.djzone-traffic-filter:focus{outline:none;border-color:var(--djzone-accent-blue);box-shadow:0 0 0 2px rgba(50,44,232,.2)}.djzone-traffic-filter option{background:var(--djzone-bg-secondary);color:var(--djzone-text-primary);padding:var(--djzone-space-sm)}.djzone-traffic-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--djzone-space-lg);padding-bottom:var(--djzone-space-md);border-bottom:1px solid var(--djzone-border-primary)}.djzone-traffic-section-title{font-size:1.125rem;font-weight:700;color:var(--djzone-text-primary)}.djzone-traffic-section-meta{display:flex;align-items:center;gap:var(--djzone-space-sm);color:var(--djzone-text-muted);font-size:.875rem}.djzone-traffic-filter-reset{color:var(--djzone-info);text-decoration:none;font-weight:500;cursor:pointer;transition:color var(--djzone-transition-fast)}.djzone-traffic-filter-reset:hover{color:var(--djzone-accent-blue-light)}@media (max-width:768px){.djzone-traffic-incident-header{flex-direction:column;gap:var(--djzone-space-md)}.djzone-traffic-incident-meta{text-align:left}.djzone-traffic-incident-delay,.djzone-traffic-incident-distance{justify-content:flex-start}.djzone-route-overview{padding:var(--djzone-space-md)}.djzone-traffic-stats{grid-template-columns:1fr}}@media (max-width:640px){.djzone-traffic-incident-footer{flex-direction:column;gap:var(--djzone-space-md);align-items:flex-start}.djzone-traffic-incident-time{flex-direction:column;gap:var(--djzone-space-sm);align-items:flex-start}}.djzone-select{background:var(--djzone-bg-secondary);border:1px solid var(--djzone-border-primary);border-radius:var(--djzone-radius-md);padding:var(--djzone-space-sm) var(--djzone-space-md);color:var(--djzone-text-primary);font-size:.875rem;transition:all var(--djzone-transition-normal);min-width:150px}.djzone-select:focus{outline:none;border-color:var(--djzone-accent-blue);box-shadow:0 0 0 2px rgba(50,44,232,.2)}.djzone-select option{background:var(--djzone-bg-secondary);color:var(--djzone-text-primary);padding:var(--djzone-space-sm)}.djzone-progress{background:rgba(255,255,255,.1);height:4px;overflow:hidden}.djzone-progress,.djzone-progress-bar{border-radius:var(--djzone-radius-full)}.djzone-progress-bar{background:linear-gradient(90deg,var(--djzone-accent-blue),var(--djzone-accent-blue-light));height:100%;width:30%;animation:djzone-progress-slide 2s ease-in-out infinite}@keyframes djzone-progress-slide{0%{transform:translateX(-100%)}50%{transform:translateX(100%)}to{transform:translateX(400%)}}.djzone-grid-transition{transition:all var(--djzone-transition-normal)}.djzone-card.group:hover{border-color:var(--djzone-accent-blue);box-shadow:var(--djzone-shadow-lg);transform:translateY(-1px)}.djzone-card.group:hover .djzone-card-title{color:var(--djzone-accent-blue-light)}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.djzone-traffic-source-anwb{color:#FFD700}.djzone-traffic-source-rijkswaterstaat{color:#0066CC}.djzone-traffic-source-politie{color:#FF6B35}.djzone-traffic-source-accidents{color:#DC2626}.djzone-traffic-source-roadworks{color:#F59E0B}.djzone-traffic-source-weather{color:#3B82F6}.djzone-traffic-source-local{color:#8B5CF6}.djzone-card.sticky{position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow-y:auto}.djzone-card.sticky::-webkit-scrollbar{width:4px}.djzone-card.sticky::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:2px}.djzone-card.sticky::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:2px}.djzone-card.sticky::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.djzone-button.danger{background:rgba(239,68,68,.1);color:var(--djzone-error);border:1px solid rgba(239,68,68,.2)}.djzone-button.danger:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.4)}.djzone-source-category{animation:djzone-fade-in-up .3s ease-out}@keyframes djzone-fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.djzone-traffic-incident-card{position:relative;overflow:hidden}.djzone-traffic-incident-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:currentColor;opacity:.5;transition:opacity var(--djzone-transition-fast)}.djzone-traffic-incident-card:hover:before{opacity:1}.djzone-filter-pill{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--djzone-radius-full);padding:.25rem var(--djzone-space-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all var(--djzone-transition-fast);cursor:pointer}.djzone-filter-pill:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.djzone-filter-pill.active{background:var(--djzone-accent-blue);border-color:var(--djzone-accent-blue);color:white}.djzone-bookmark-button,.djzone-star-button{padding:.25rem;border-radius:var(--djzone-radius-sm);transition:all var(--djzone-transition-fast);cursor:pointer}.djzone-star-button:hover{background:rgba(251,191,36,.1);color:rgb(251,191,36)}.djzone-star-button.active{color:rgb(251,191,36)}.djzone-bookmark-button:hover{background:rgba(59,130,246,.1);color:rgb(59,130,246)}.djzone-bookmark-button.active{color:rgb(59,130,246)}.djzone-stats-card{background:linear-gradient(135deg,var(--djzone-bg-secondary),var(--djzone-bg-tertiary));border:1px solid var(--djzone-border-primary);border-radius:var(--djzone-radius-lg);padding:var(--djzone-space-lg);text-align:center;transition:all var(--djzone-transition-normal);position:relative;overflow:hidden}.djzone-stats-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:currentColor;opacity:.6}.djzone-stats-card:hover{transform:translateY(-2px);box-shadow:var(--djzone-shadow-lg);border-color:var(--djzone-border-secondary)}@media (max-width:1024px){.djzone-grid-cols-12>.col-span-3{display:none}.djzone-grid-cols-12>.col-span-9{grid-column:span 12}.djzone-grid-cols-12>.col-span-2{grid-column:span 3}.djzone-grid-cols-12>.col-span-10{grid-column:span 9}}@media (max-width:768px){.djzone-grid-cols-12>*{grid-column:span 12!important}.djzone-card.sticky{position:relative;max-height:none}.djzone-traffic-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.djzone-traffic-stats{grid-template-columns:1fr}.djzone-card.group.djzone-flex,.djzone-search-controls{flex-direction:column}}.djzone-current-program{position:relative}.djzone-current-program-header{display:flex;margin-bottom:var(--djzone-space-lg)}.djzone-program-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--djzone-accent-blue),var(--djzone-accent-green));border-radius:var(--djzone-radius-lg);display:flex;align-items:center;justify-content:center;color:white;font-size:1.5rem;box-shadow:0 4px 12px rgba(50,44,232,.3)}.djzone-program-info h4{font-size:1.125rem;font-weight:600;color:var(--djzone-text-primary);margin-bottom:var(--djzone-space-xs)}.djzone-program-info p{font-size:.875rem;color:var(--djzone-text-muted)}.djzone-live-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:white;padding:var(--djzone-space-xs) var(--djzone-space-sm);border-radius:var(--djzone-radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:var(--djzone-space-xs);animation:pulse 2s infinite}.djzone-live-dot{width:6px;height:6px;background:white;border-radius:50%}.djzone-stream-monitor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--djzone-space-lg)}.djzone-stream-status{display:flex;align-items:center;gap:var(--djzone-space-sm)}.djzone-listener-count{display:flex;align-items:center;gap:var(--djzone-space-xs);color:var(--djzone-text-muted);font-size:.875rem}.djzone-volume-control{margin-bottom:var(--djzone-space-lg)}.djzone-volume-slider{width:100%;height:6px;background:var(--djzone-bg-tertiary);border-radius:3px;outline:none;transition:background var(--djzone-transition-fast)}.djzone-volume-slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:var(--djzone-accent-blue);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px rgba(50,44,232,.3)}.djzone-volume-slider::-moz-range-thumb{width:18px;height:18px;background:var(--djzone-accent-blue);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px rgba(50,44,232,.3)}.djzone-audio-player{background:var(--djzone-bg-tertiary);border-radius:var(--djzone-radius-lg)}.djzone-audio-player,.djzone-request-item{padding:var(--djzone-space-md);border:1px solid var(--djzone-border-primary)}.djzone-request-item{background:linear-gradient(135deg,var(--djzone-bg-secondary),rgba(23,23,23,.8));border-radius:var(--djzone-radius-lg);display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--djzone-space-md);transition:all var(--djzone-transition-fast)}.djzone-request-item:hover{border-color:var(--djzone-accent-blue);box-shadow:0 4px 12px rgba(50,44,232,.1)}.djzone-request-info h5{font-size:.875rem;font-weight:600;color:var(--djzone-text-primary);margin-bottom:var(--djzone-space-xs)}.djzone-request-info p{font-size:.75rem;color:var(--djzone-text-muted)}.djzone-request-actions{display:flex;gap:var(--djzone-space-xs)}.djzone-request-action{width:32px;height:32px;border-radius:var(--djzone-radius-md);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--djzone-transition-fast);font-size:.875rem;font-weight:600}.djzone-request-action.approve{background:linear-gradient(135deg,var(--djzone-success),#16a34a);color:white}.djzone-request-action.approve:hover{box-shadow:0 4px 12px rgba(34,197,94,.3);transform:translateY(-1px)}.djzone-request-action.reject{background:linear-gradient(135deg,var(--djzone-error),#dc2626);color:white}.djzone-request-action.reject:hover{box-shadow:0 4px 12px rgba(239,68,68,.3);transform:translateY(-1px)}.djzone-empty-state{padding:var(--djzone-space-2xl) var(--djzone-space-lg)}.djzone-empty-icon{width:48px;height:48px;margin:0 auto var(--djzone-space-md) auto;opacity:.5}.djzone-quicklink{display:flex;align-items:center;gap:var(--djzone-space-md);padding:var(--djzone-space-md);background:linear-gradient(135deg,var(--djzone-bg-secondary),rgba(23,23,23,.8));border:1px solid var(--djzone-border-primary);border-radius:var(--djzone-radius-lg);text-decoration:none;color:var(--djzone-text-primary);transition:all var(--djzone-transition-fast);margin-bottom:var(--djzone-space-md)}.djzone-quicklink:hover{border-color:var(--djzone-accent-blue);box-shadow:0 4px 12px rgba(50,44,232,.1);transform:translateY(-2px);color:var(--djzone-text-primary)}.djzone-quicklink-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--djzone-accent-blue),var(--djzone-accent-green));border-radius:var(--djzone-radius-md);display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0}.djzone-quicklink-content{flex:1}.djzone-quicklink-title{font-size:.875rem;font-weight:600;margin-bottom:var(--djzone-space-xs)}.djzone-quicklink-description{font-size:.75rem;color:var(--djzone-text-muted);line-height:1.4}.djzone-weather-header{display:flex;align-items:center;gap:var(--djzone-space-md);margin-bottom:var(--djzone-space-lg)}.djzone-weather-icon{font-size:3rem;line-height:1}.djzone-weather-temp{font-size:1.5rem;font-weight:700;color:var(--djzone-text-primary);margin-bottom:var(--djzone-space-xs)}.djzone-weather-condition{font-size:.875rem;color:var(--djzone-text-muted)}.djzone-traffic-section{margin-bottom:var(--djzone-space-lg)}.djzone-traffic-section h5{font-size:.875rem;font-weight:600;color:var(--djzone-text-primary);margin-bottom:var(--djzone-space-sm);display:flex;align-items:center;gap:var(--djzone-space-xs)}.djzone-traffic-item{font-size:.875rem;color:var(--djzone-text-secondary);line-height:1.4;padding:var(--djzone-space-sm);background:var(--djzone-bg-tertiary);border-radius:var(--djzone-radius-md);border-left:3px solid var(--djzone-warning)}.djzone-card-header .djzone-card-subtitle{font-size:.75rem;color:var(--djzone-text-muted);margin-top:var(--djzone-space-xs)}.djzone-search-controls{gap:var(--djzone-space-md)}.djzone-search-controls .djzone-flex-1{flex:none}.djzone-loading-skeleton{background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.1) 50%,rgba(255,255,255,.05));background-size:200% 100%;animation:djzone-skeleton-shimmer 2s infinite}@keyframes djzone-skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.djzone-error-card{background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.2);border-radius:var(--djzone-radius-lg)}.djzone-error-icon{animation:djzone-pulse-error 2s infinite}@keyframes djzone-pulse-error{0%,to{opacity:1}50%{opacity:.7}}.djzone-priority-extreme{border-left-color:#ef4444!important}.djzone-priority-high{border-left-color:#f59e0b!important}.djzone-priority-medium{border-left-color:#eab308!important}.djzone-priority-low{border-left-color:#22c55e!important}.djzone-studio-berichten{background:linear-gradient(145deg,var(--djzone-bg-card) 0,rgba(31,31,31,.8) 100%);border:1px solid var(--djzone-border-primary);border-radius:var(--djzone-radius-xl);backdrop-filter:blur(12px);position:relative;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.3);transition:all var(--djzone-transition-normal)}.djzone-studio-berichten:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(50,44,232,.4),var(--djzone-accent-green),transparent);opacity:0;transition:opacity var(--djzone-transition-normal)}.djzone-studio-berichten:hover:before{opacity:1}.djzone-studio-berichten:hover{border-color:var(--djzone-accent-blue);box-shadow:0 12px 48px rgba(50,44,232,.15),0 8px 32px rgba(0,0,0,.4);transform:translateY(-1px)}.djzone-studio-berichten .djzone-card-header{background:linear-gradient(135deg,rgba(50,44,232,.1),rgba(5,190,120,.05));border-bottom:1px solid rgba(255,255,255,.1);padding:var(--djzone-space-lg);backdrop-filter:blur(8px);position:relative}.djzone-studio-berichten .djzone-card-header:after{content:"";position:absolute;bottom:0;left:var(--djzone-space-lg);right:var(--djzone-space-lg);height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.djzone-studio-berichten .djzone-card-icon{width:32px;height:32px;background:linear-gradient(135deg,var(--djzone-accent-blue),var(--djzone-accent-green));border-radius:var(--djzone-radius-lg);display:flex;align-items:center;justify-content:center;color:white;box-shadow:0 4px 12px rgba(50,44,232,.3);transition:all var(--djzone-transition-normal);position:relative;overflow:hidden}.djzone-studio-berichten .djzone-card-icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.2),transparent);animation:djzone-icon-spin 3s linear infinite;opacity:0;transition:opacity var(--djzone-transition-normal)}.djzone-studio-berichten .djzone-card-icon:hover:before{opacity:1}.djzone-studio-berichten .djzone-card-icon:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(50,44,232,.4)}@keyframes djzone-icon-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.djzone-studio-berichten .djzone-card-title{background:linear-gradient(135deg,var(--djzone-text-primary),var(--djzone-accent-blue));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;font-size:1.25rem;margin-bottom:var(--djzone-space-xs)}.djzone-studio-berichten .djzone-card-subtitle{color:var(--djzone-text-muted);font-size:.8rem;font-weight:500;letter-spacing:.3px}.djzone-badge{display:inline-flex;align-items:center;gap:var(--djzone-space-xs);padding:var(--djzone-space-xs) var(--djzone-space-sm);border-radius:9999px;font-size:.75rem;font-weight:600;background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(245,158,11,.1));border:1px solid rgba(245,158,11,.3);backdrop-filter:blur(8px);box-shadow:0 2px 8px rgba(245,158,11,.2);transition:all var(--djzone-transition-fast)}.djzone-badge:hover{background:linear-gradient(135deg,rgba(245,158,11,.25),rgba(245,158,11,.15));border-color:rgba(245,158,11,.5);box-shadow:0 4px 12px rgba(245,158,11,.3);transform:translateY(-1px)}.djzone-badge.warning{color:#f59e0b}.djzone-filter-group{display:flex;gap:var(--djzone-space-xs);background:rgba(255,255,255,.03);border-radius:var(--djzone-radius-lg);padding:var(--djzone-space-xs);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px)}.djzone-filter-button{background:transparent;border:1px solid transparent;border-radius:var(--djzone-radius-md);padding:var(--djzone-space-sm) var(--djzone-space-md);font-size:.8rem;font-weight:600;color:var(--djzone-text-muted);transition:all var(--djzone-transition-fast);position:relative;overflow:hidden;cursor:pointer}.djzone-filter-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.djzone-filter-button:hover:before{left:100%}.djzone-filter-button:hover{color:var(--djzone-text-primary);background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);transform:translateY(-1px)}.djzone-filter-button.active{background:linear-gradient(135deg,var(--djzone-accent-blue),var(--djzone-accent-blue-light));color:white;border-color:var(--djzone-accent-blue);box-shadow:0 4px 12px rgba(50,44,232,.3)}.djzone-filter-button.active:hover{background:linear-gradient(135deg,var(--djzone-accent-blue-dark),var(--djzone-accent-blue));box-shadow:0 6px 16px rgba(50,44,232,.4)}.djzone-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--djzone-accent-blue),var(--djzone-accent-green));color:white;font-weight:600;flex-shrink:0;border:2px solid rgba(255,255,255,.2);position:relative;overflow:hidden;transition:all var(--djzone-transition-normal)}.djzone-avatar:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.2),transparent);animation:djzone-avatar-spin 3s linear infinite;opacity:0;transition:opacity var(--djzone-transition-normal)}.djzone-avatar:hover:before{opacity:1}.djzone-avatar:hover{transform:scale(1.05);box-shadow:0 4px 16px rgba(50,44,232,.4)}@keyframes djzone-avatar-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.djzone-avatar-sm{width:2rem;height:2rem;font-size:.75rem}.djzone-avatar-lg{width:2.75rem;height:2.75rem;font-size:1rem}.djzone-avatar-with-status{position:relative}.djzone-status-indicator{display:flex;align-items:center;gap:var(--djzone-space-xs)}.djzone-status-dot{width:.5rem;height:.5rem;border-radius:50%}.djzone-status-dot.online{background:var(--djzone-success);box-shadow:0 0 12px rgba(34,197,94,.5);animation:djzone-pulse-online 2s infinite}@keyframes djzone-pulse-online{0%,to{box-shadow:0 0 12px rgba(34,197,94,.5)}50%{box-shadow:0 0 20px rgba(34,197,94,.8)}}.djzone-status-indicator.absolute{position:absolute;bottom:-2px;right:-2px;background:var(--djzone-bg-card);border:2px solid var(--djzone-bg-card);border-radius:50%;padding:1px}.djzone-chat-sessions-compact{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--djzone-space-sm);background:linear-gradient(180deg,transparent,rgba(0,0,0,.1))}.djzone-chat-session,.djzone-chat-sessions-compact{padding:var(--djzone-space-md);border-radius:var(--djzone-radius-lg)}.djzone-chat-session{cursor:pointer;transition:all var(--djzone-transition-normal);border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(255,255,255,.01));backdrop-filter:blur(8px);position:relative;overflow:hidden}.djzone-chat-session:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(50,44,232,.3),transparent);opacity:0;transition:opacity var(--djzone-transition-normal)}.djzone-chat-session:hover:before{opacity:1}.djzone-chat-session:hover{border-color:rgba(50,44,232,.4);background:linear-gradient(135deg,rgba(50,44,232,.08),rgba(255,255,255,.05));transform:translateY(-2px);box-shadow:0 8px 24px rgba(50,44,232,.15)}.djzone-chat-session.selected{background:linear-gradient(135deg,rgba(50,44,232,.15),rgba(5,190,120,.05));border-color:var(--djzone-accent-blue);box-shadow:0 0 0 2px rgba(50,44,232,.2),0 8px 24px rgba(50,44,232,.2);transform:translateY(-1px)}.djzone-chat-session-compact{padding:var(--djzone-space-sm) var(--djzone-space-md);border-radius:var(--djzone-radius-md);cursor:pointer;transition:all var(--djzone-transition-fast);border:1px solid rgba(255,255,255,.06);background:linear-gradient(135deg,rgba(255,255,255,.02),rgba(255,255,255,.01));backdrop-filter:blur(6px)}.djzone-chat-session-compact:hover{background:linear-gradient(135deg,rgba(50,44,232,.06),rgba(255,255,255,.03));border-color:rgba(50,44,232,.3);transform:translateX(2px)}.djzone-chat-session-compact.selected{background:linear-gradient(135deg,rgba(50,44,232,.12),rgba(5,190,120,.04));border-color:var(--djzone-accent-blue);box-shadow:0 0 0 1px rgba(50,44,232,.2)}.djzone-chat-unread-badge{background:linear-gradient(135deg,var(--djzone-warning),#f59e0b);color:white;padding:.125rem var(--djzone-space-sm);border-radius:9999px;font-size:.625rem;font-weight:600;min-width:1.25rem;text-align:center;border:1px solid rgba(245,158,11,.3);box-shadow:0 2px 8px rgba(245,158,11,.3);animation:djzone-pulse-glow 2s infinite}@keyframes djzone-pulse-glow{0%,to{box-shadow:0 2px 8px rgba(245,158,11,.3)}50%{box-shadow:0 4px 16px rgba(245,158,11,.5)}}.djzone-media-indicator{width:1.25rem;height:1.25rem;background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(59,130,246,.1));border-radius:var(--djzone-radius-sm);color:#3b82f6;display:flex;align-items:center;justify-content:center;font-size:.75rem;border:1px solid rgba(59,130,246,.3);backdrop-filter:blur(6px);transition:all var(--djzone-transition-fast)}.djzone-media-indicator:hover{background:linear-gradient(135deg,rgba(59,130,246,.25),rgba(59,130,246,.15));border-color:rgba(59,130,246,.5);transform:scale(1.05)}.djzone-chat-conversation{display:flex;flex-direction:column;background:linear-gradient(145deg,rgba(31,31,31,.8),rgba(23,23,23,.9));border-radius:var(--djzone-radius-xl);overflow:hidden;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px);box-shadow:0 8px 32px rgba(0,0,0,.3)}.djzone-chat-header{display:flex;justify-content:space-between;align-items:center;padding:var(--djzone-space-lg);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(8px);position:relative}.djzone-chat-header:after{content:"";position:absolute;bottom:0;left:var(--djzone-space-lg);right:var(--djzone-space-lg);height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.djzone-message-bubble{position:relative;padding:var(--djzone-space-sm) var(--djzone-space-md);border-radius:var(--djzone-radius-lg);box-shadow:0 4px 16px rgba(0,0,0,.2);transition:all var(--djzone-transition-normal);backdrop-filter:blur(8px)}.djzone-message-bubble:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--djzone-bg-card);opacity:0;transition:opacity var(--djzone-transition-normal)}.djzone-message-bubble:hover:before{opacity:1}.djzone-message-bubble:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,0,0,.3)}.djzone-message-bubble.listener{background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.04));color:var(--djzone-text-primary);border-bottom-left-radius:var(--djzone-radius-sm);border:1px solid rgba(255,255,255,.12)}.djzone-message-bubble.listener:hover{background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.06));border-color:rgba(255,255,255,.2)}.djzone-message-bubble.dj{background:linear-gradient(135deg,var(--djzone-accent-blue),var(--djzone-accent-blue-light));color:white;border-bottom-right-radius:var(--djzone-radius-sm);border:1px solid rgba(50,44,232,.3);box-shadow:0 4px 16px rgba(50,44,232,.2)}.djzone-message-bubble.dj:hover{background:linear-gradient(135deg,var(--djzone-accent-blue-dark),var(--djzone-accent-blue));box-shadow:0 6px 20px rgba(50,44,232,.3)}.djzone-chat-messages{flex:1;max-height:25rem;overflow-y:auto;padding:var(--djzone-space-md);display:flex;flex-direction:column;gap:var(--djzone-space-md);background:linear-gradient(180deg,rgba(31,31,31,.9) 0,rgba(23,23,23,.8) 50%,rgba(31,31,31,.9));position:relative}.djzone-chat-messages:before{top:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.1))}.djzone-chat-messages:after,.djzone-chat-messages:before{content:"";position:absolute;left:0;right:0;height:20px;pointer-events:none}.djzone-chat-messages:after{bottom:0;background:linear-gradient(0deg,transparent,rgba(0,0,0,.1))}.djzone-chat-messages+div{padding:var(--djzone-space-sm);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.1);position:relative}.djzone-chat-messages+div:before{content:"";position:absolute;top:0;left:var(--djzone-space-lg);right:var(--djzone-space-lg);height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.djzone-chat-messages+div textarea{background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));padding:var(--djzone-space-sm);border:2px solid rgba(255,255,255,.1);color:var(--djzone-text-primary);backdrop-filter:blur(8px);transition:all var(--djzone-transition-normal)}.djzone-chat-messages+div textarea:focus{border-color:var(--djzone-accent-blue);box-shadow:0 0 0 3px rgba(50,44,232,.15),0 4px 16px rgba(50,44,232,.2);background:linear-gradient(135deg,rgba(50,44,232,.08),rgba(255,255,255,.05))}.djzone-chat-messages+div button{background:linear-gradient(135deg,var(--djzone-accent-blue),var(--djzone-accent-green));border:1px solid rgba(50,44,232,.3);color:var(--djzone-text-primary);box-shadow:0 4px 16px rgba(50,44,232,.3);transition:all var(--djzone-transition-normal)}.djzone-chat-messages+div button:hover:not(:disabled){background:linear-gradient(135deg,var(--djzone-accent-blue-dark),var(--djzone-accent-blue));box-shadow:0 6px 20px rgba(50,44,232,.4);transform:translateY(-1px)}.djzone-chat-messages+div button:disabled{background:linear-gradient(135deg,rgba(107,114,128,.6),rgba(75,85,99,.6));border-color:rgba(107,114,128,.3);box-shadow:none}.djzone-chat-empty .w-20,.djzone-text-center .w-20{background:linear-gradient(135deg,rgba(50,44,232,.15),rgba(5,190,120,.1));border:2px solid rgba(50,44,232,.2);backdrop-filter:blur(8px);box-shadow:0 8px 24px rgba(50,44,232,.15);animation:djzone-float 3s ease-in-out infinite}@keyframes djzone-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-spin{border-color:var(--djzone-accent-blue);border-top-color:transparent;filter:drop-shadow(0 0 8px rgba(50,44,232,.3))}.djzone-chat-messages .djzone-flex:has(.animate-bounce) .bg-gradient-to-r{background:linear-gradient(135deg,var(--djzone-accent-blue),var(--djzone-accent-green));box-shadow:0 4px 16px rgba(50,44,232,.2)}.djzone-chat-messages .animate-bounce{filter:drop-shadow(0 2px 4px rgba(255,255,255,.3))}.djzone-chat-message .bg-gradient-to-br{background:linear-gradient(135deg,#f97316,#ea580c);border:1px solid rgba(249,115,22,.3);box-shadow:0 4px 16px rgba(249,115,22,.2);backdrop-filter:blur(8px)}.djzone-chat-message .bg-gradient-to-br:hover{background:linear-gradient(135deg,#ea580c,#dc2626);box-shadow:0 6px 20px rgba(249,115,22,.3)}@media (max-width:768px){.djzone-studio-berichten .djzone-card-header{flex-direction:column;gap:var(--djzone-space-md);align-items:stretch}.djzone-filter-group{justify-content:center}.djzone-chat-session-header{flex-direction:column;gap:var(--djzone-space-sm);align-items:flex-start}}.djzone-kladblok{min-height:100vh;background:var(--djzone-bg-primary);color:var(--djzone-text-primary);display:flex;flex-direction:column}.djzone-kladblok-header{padding:var(--djzone-space-lg);backdrop-filter:blur(8px);position:relative}.djzone-kladblok-header:after{content:"";position:absolute;bottom:0;left:var(--djzone-space-lg);right:var(--djzone-space-lg);height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.djzone-kladblok-title h1{background:linear-gradient(135deg,var(--djzone-text-primary),var(--djzone-accent-blue));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--djzone-space-xs)}.djzone-error-message{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(239,68,68,.1));border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:var(--djzone-space-md);border-radius:var(--djzone-radius-lg);margin-top:var(--djzone-space-md);display:flex;justify-content:space-between;align-items:center;backdrop-filter:blur(8px)}.djzone-error-close{background:none;border:none;color:inherit;cursor:pointer;padding:var(--djzone-space-xs);border-radius:var(--djzone-radius-sm);transition:background-color var(--djzone-transition-fast)}.djzone-error-close:hover{background:rgba(255,255,255,.1)}.djzone-kladblok-content{display:grid;grid-template-columns:300px 1fr;border:1px solid var(--djzone-border-primary);border-radius:var(--djzone-radius-xl);flex:1;gap:0;overflow:hidden}.djzone-kladblok-sidebar{background:linear-gradient(145deg,var(--djzone-bg-secondary),rgba(23,23,23,.8));border-right:1px solid var(--djzone-border-primary);display:flex;flex-direction:column;overflow:hidden}.djzone-kladblok-search{padding:var(--djzone-space-lg);border-bottom:1px solid var(--djzone-border-primary)}.djzone-search-input-container{position:relative}.djzone-search-icon{position:absolute;left:var(--djzone-space-md);top:50%;transform:translateY(-50%);color:var(--djzone-text-muted);pointer-events:none}.djzone-search-input{width:100%;padding:var(--djzone-space-sm) var(--djzone-space-md) var(--djzone-space-sm) 2.5rem;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:2px solid rgba(255,255,255,.1);border-radius:var(--djzone-radius-lg);color:var(--djzone-text-primary);font-size:.875rem;backdrop-filter:blur(8px);transition:all var(--djzone-transition-normal)}.djzone-search-input:focus{outline:none;border-color:var(--djzone-accent-blue);box-shadow:0 0 0 3px rgba(50,44,232,.15);background:linear-gradient(135deg,rgba(50,44,232,.08),rgba(255,255,255,.05))}.djzone-search-input::placeholder{color:var(--djzone-text-muted)}.djzone-kladblok-categories{padding:var(--djzone-space-md);border-bottom:1px solid var(--djzone-border-primary)}.djzone-category-button{width:100%;display:flex;align-items:center;gap:var(--djzone-space-sm);padding:var(--djzone-space-sm) var(--djzone-space-md);background:transparent;border:1px solid transparent;border-radius:var(--djzone-radius-lg);color:var(--djzone-text-secondary);font-size:.875rem;cursor:pointer;transition:all var(--djzone-transition-fast);position:relative;overflow:hidden;margin-bottom:var(--djzone-space-xs)}.djzone-category-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left .5s ease}.djzone-category-button:hover:before{left:100%}.djzone-category-button:hover{color:var(--djzone-text-primary);background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.1);transform:translateX(2px)}.djzone-category-button.active{background:linear-gradient(135deg,var(--djzone-accent-blue),var(--djzone-accent-blue-light));color:white;border-color:var(--djzone-accent-blue);box-shadow:0 4px 12px rgba(50,44,232,.3)}.djzone-category-button.active:hover{background:linear-gradient(135deg,var(--djzone-accent-blue-dark),var(--djzone-accent-blue));box-shadow:0 6px 16px rgba(50,44,232,.4)}.djzone-category-count{margin-left:auto;background:rgba(255,255,255,.1);padding:.125rem var(--djzone-space-sm);border-radius:var(--djzone-radius-sm);font-size:.75rem;font-weight:600}.djzone-category-button.active .djzone-category-count{background:rgba(255,255,255,.2)}.djzone-kladblok-notes-list{flex:1;overflow-y:auto;padding:var(--djzone-space-md)}.djzone-note-item{background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.08);border-radius:var(--djzone-radius-lg);padding:var(--djzone-space-md);margin-bottom:var(--djzone-space-md);cursor:pointer;transition:all var(--djzone-transition-normal);backdrop-filter:blur(8px);position:relative;overflow:hidden}.djzone-note-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(50,44,232,.3),transparent);opacity:0;transition:opacity var(--djzone-transition-normal)}.djzone-note-item:hover:before{opacity:1}.djzone-note-item:hover{border-color:rgba(50,44,232,.4);background:linear-gradient(135deg,rgba(50,44,232,.08),rgba(255,255,255,.05));transform:translateY(-2px);box-shadow:0 8px 24px rgba(50,44,232,.15)}.djzone-note-item.selected{background:linear-gradient(135deg,rgba(50,44,232,.15),rgba(5,190,120,.05));border-color:var(--djzone-accent-blue);box-shadow:0 0 0 2px rgba(50,44,232,.2),0 8px 24px rgba(50,44,232,.2);transform:translateY(-1px)}.djzone-note-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--djzone-space-sm)}.djzone-note-title{font-size:1rem;font-weight:600;color:var(--djzone-text-primary);margin:0;line-height:1.3}.djzone-note-actions{display:flex;gap:var(--djzone-space-xs)}.djzone-note-star{background:none;border:none;color:var(--djzone-text-muted);cursor:pointer;padding:var(--djzone-space-xs);border-radius:var(--djzone-radius-sm);transition:all var(--djzone-transition-fast)}.djzone-note-star:hover{color:#fbbf24;background:rgba(251,191,36,.1)}.djzone-note-star.starred{color:#fbbf24}.djzone-note-preview{color:var(--djzone-text-muted);font-size:.875rem;line-height:1.4;margin-bottom:var(--djzone-space-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.djzone-note-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--djzone-space-sm)}.djzone-note-category{background:linear-gradient(135deg,rgba(50,44,232,.15),rgba(50,44,232,.1));color:var(--djzone-accent-blue);padding:.125rem var(--djzone-space-sm);border-radius:var(--djzone-radius-sm);font-size:.75rem;font-weight:600;text-transform:capitalize}.djzone-note-date{color:var(--djzone-text-muted);font-size:.75rem}.djzone-note-tags{display:flex;gap:var(--djzone-space-xs);flex-wrap:wrap}.djzone-note-tag{background:rgba(5,190,120,.1);color:var(--djzone-accent-green);padding:.125rem var(--djzone-space-sm);border-radius:var(--djzone-radius-sm);font-size:.625rem;font-weight:600}.djzone-empty-state{text-align:center;padding:var(--djzone-space-2xl);color:var(--djzone-text-muted)}.djzone-empty-icon{color:var(--djzone-text-muted);margin-bottom:var(--djzone-space-lg);filter:drop-shadow(0 4px 8px rgba(50,44,232,.1))}.djzone-empty-state h3{font-size:1.125rem;font-weight:600;color:var(--djzone-text-secondary);margin-bottom:var(--djzone-space-sm)}.djzone-empty-state p{font-size:.875rem;line-height:1.5}.djzone-kladblok-editor{background:linear-gradient(145deg,var(--djzone-bg-card),rgba(31,31,31,.8));display:flex;flex-direction:column;overflow:hidden}.djzone-editor-toolbar{border-bottom:1px solid var(--djzone-border-primary);padding:var(--djzone-space-lg);display:flex;justify-content:space-between;align-items:center;backdrop-filter:blur(8px);position:relative}.djzone-editor-toolbar:after{content:"";position:absolute;bottom:0;left:var(--djzone-space-lg);right:var(--djzone-space-lg);height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.djzone-editor-title-input{background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:2px solid rgba(255,255,255,.1);border-radius:var(--djzone-radius-lg);padding:var(--djzone-space-sm) var(--djzone-space-md);color:var(--djzone-text-primary);font-size:1.125rem;font-weight:600;min-width:300px;backdrop-filter:blur(8px);transition:all var(--djzone-transition-normal)}.djzone-editor-title-input:focus{outline:none;border-color:var(--djzone-accent-blue);box-shadow:0 0 0 3px rgba(50,44,232,.15);background:linear-gradient(135deg,rgba(50,44,232,.08),rgba(255,255,255,.05))}.djzone-editor-title-input::placeholder{color:var(--djzone-text-muted)}.djzone-editor-title-input:disabled{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.05);cursor:not-allowed}.djzone-editor-formatting{background:rgba(255,255,255,.02);border-bottom:1px solid var(--djzone-border-primary);padding:var(--djzone-space-md) var(--djzone-space-lg);display:flex;gap:var(--djzone-space-md);align-items:center}.djzone-formatting-group{display:flex;gap:var(--djzone-space-xs);padding-right:var(--djzone-space-md);border-right:1px solid var(--djzone-border-primary)}.djzone-formatting-group:last-child{border-right:none}.djzone-format-button{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--djzone-radius-md);padding:var(--djzone-space-sm);color:var(--djzone-text-secondary);cursor:pointer;transition:all var(--djzone-transition-fast);display:flex;align-items:center;justify-content:center}.djzone-format-button:hover{color:var(--djzone-text-primary);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);transform:translateY(-1px)}.djzone-format-button:active{transform:translateY(0)}.djzone-editor-content{flex:1;padding:var(--djzone-space-lg);color:var(--djzone-text-primary);font-size:1rem;line-height:1.6;overflow-y:auto;background:linear-gradient(180deg,rgba(31,31,31,.9) 0,rgba(23,23,23,.8) 50%,rgba(31,31,31,.9));min-height:400px}.djzone-editor-content:focus{outline:none}.djzone-editor-content.reading{cursor:default}.djzone-editor-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--djzone-space-2xl);color:var(--djzone-text-muted)}.djzone-welcome-icon{color:var(--djzone-accent-blue);margin-bottom:var(--djzone-space-lg);filter:drop-shadow(0 4px 12px rgba(50,44,232,.2))}.djzone-editor-welcome h2{font-size:1.5rem;font-weight:600;color:var(--djzone-text-primary);margin-bottom:var(--djzone-space-sm)}.djzone-editor-welcome p{font-size:1rem;margin-bottom:var(--djzone-space-lg);max-width:400px}.djzone-button-lg{padding:var(--djzone-space-md) var(--djzone-space-lg);font-size:1rem}.djzone-button.success{background:linear-gradient(135deg,var(--djzone-success),#16a34a);border-color:var(--djzone-success);color:white}.djzone-button.success:hover{background:linear-gradient(135deg,#16a34a,#15803d);border-color:#16a34a;box-shadow:0 4px 12px rgba(34,197,94,.3)}.djzone-upload-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(8px)}.djzone-upload-content{background:linear-gradient(145deg,var(--djzone-bg-card),rgba(31,31,31,.9));border:2px dashed var(--djzone-accent-blue);border-radius:var(--djzone-radius-xl);padding:var(--djzone-space-2xl);text-align:center;color:var(--djzone-text-primary);box-shadow:0 8px 32px rgba(50,44,232,.3)}.djzone-upload-content svg{color:var(--djzone-accent-blue);margin-bottom:var(--djzone-space-lg)}.djzone-upload-content h3{font-size:1.25rem;font-weight:600;margin-bottom:var(--djzone-space-sm)}.djzone-upload-content p{color:var(--djzone-text-muted)}.djzone-upload-progress{position:fixed;bottom:var(--djzone-space-lg);right:var(--djzone-space-lg);background:linear-gradient(135deg,var(--djzone-bg-card),rgba(31,31,31,.9));border:1px solid var(--djzone-border-primary);border-radius:var(--djzone-radius-lg);padding:var(--djzone-space-lg);min-width:300px;box-shadow:0 8px 32px rgba(0,0,0,.3);backdrop-filter:blur(12px);z-index:1000}.djzone-progress-bar{background:rgba(255,255,255,.1);border-radius:var(--djzone-radius-sm);height:8px;overflow:hidden;margin-bottom:var(--djzone-space-sm)}.djzone-progress-fill{background:linear-gradient(90deg,var(--djzone-accent-blue),var(--djzone-accent-green));height:100%;border-radius:var(--djzone-radius-sm);transition:width .3s ease}.djzone-upload-progress span{color:var(--djzone-text-primary);font-size:.875rem;font-weight:500}.djzone-kladblok-teleprompter{background:var(--djzone-bg-primary)}.djzone-kladblok-teleprompter .teleprompter-controls{background:rgba(23,23,23,.95);backdrop-filter:blur(12px)}.djzone-range{background:rgba(255,255,255,.1);border-radius:var(--djzone-radius-sm);height:6px;outline:none;transition:background var(--djzone-transition-fast)}.djzone-range::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:var(--djzone-accent-blue);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px rgba(50,44,232,.3)}.djzone-range::-moz-range-thumb{width:18px;height:18px;background:var(--djzone-accent-blue);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px rgba(50,44,232,.3)}.djzone-mobile-sidebar-overlay{width:100vw;height:100vh;z-index:998;animation:fadeIn .2s ease-in-out}.djzone-mobile-menu-toggle{min-width:44px;min-height:44px;padding:var(--djzone-space-sm);border-radius:var(--djzone-radius-md);display:flex;align-items:center;justify-content:center}@media (min-width:769px){.djzone-nieuws-layout{display:grid;grid-template-columns:1fr 3fr;gap:var(--djzone-space-lg)}.djzone-nieuws-sidebar{position:static;transform:none;width:auto;max-width:none;height:auto;background:transparent;border:none;z-index:auto;box-shadow:none;backdrop-filter:none}.djzone-nieuws-sidebar.djzone-sidebar-expanded{grid-column:1/span 1}.djzone-nieuws-sidebar.djzone-sidebar-collapsed{grid-column:1/span 1;width:280px}.djzone-verkeer-layout{display:grid;grid-template-columns:1fr 3fr;gap:var(--djzone-space-lg)}.djzone-verkeer-sidebar{position:static;transform:none;width:auto;max-width:none;height:auto;background:transparent;border:none;z-index:auto;box-shadow:none;backdrop-filter:none}.djzone-verkeer-sidebar.djzone-sidebar-expanded{grid-column:1/span 1}.djzone-verkeer-sidebar.djzone-sidebar-collapsed{grid-column:1/span 1;width:280px}}@media (max-width:1024px){.djzone-kladblok-content{grid-template-columns:250px 1fr}.djzone-editor-title-input{min-width:200px}}@media (max-width:768px){.djzone-kladblok{overflow-x:hidden}.djzone-kladblok-header{padding:var(--djzone-space-md)}.djzone-kladblok-header .djzone-flex{flex-direction:column;gap:var(--djzone-space-md);align-items:stretch}.djzone-kladblok-header .djzone-flex .ml-auto{margin-left:0}.djzone-kladblok-header .djzone-flex .djzone-flex:last-child{flex-direction:row;gap:var(--djzone-space-sm);justify-content:center;flex-wrap:wrap}.djzone-kladblok-header .djzone-button{min-width:44px;min-height:44px;padding:var(--djzone-space-sm);border-radius:var(--djzone-radius-md);display:flex;align-items:center;justify-content:center;gap:var(--djzone-space-xs);white-space:nowrap}.djzone-kladblok-header .djzone-kladblok-title{flex:1;min-width:0}.djzone-kladblok-header .djzone-kladblok-title h1{font-size:1.5rem;margin:0}.djzone-kladblok-header .djzone-kladblok-title p{margin:0;font-size:.85rem;display:none}.djzone-kladblok-content{grid-template-columns:1fr;grid-template-rows:1fr;position:relative}.djzone-kladblok-sidebar{position:fixed;top:0;left:0;width:85%;max-width:320px;height:100vh;background:linear-gradient(145deg,var(--djzone-bg-secondary),rgba(23,23,23,.95));border-right:1px solid var(--djzone-border-primary);border-bottom:none;max-height:none;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:999;transform:translateX(-100%);transition:transform .3s ease-in-out;backdrop-filter:blur(10px);box-shadow:2px 0 20px rgba(0,0,0,.3)}.djzone-kladblok-sidebar.mobile-open{transform:translateX(0)}.djzone-kladblok-sidebar.mobile-closed{transform:translateX(-100%)}.djzone-category-button{padding:var(--djzone-space-md) var(--djzone-space-md);min-height:44px;font-size:1rem}.djzone-note-item{padding:var(--djzone-space-md);min-height:80px;cursor:pointer}.djzone-note-header{margin-bottom:var(--djzone-space-sm)}.djzone-note-actions button{min-width:44px;min-height:44px;padding:var(--djzone-space-sm)}.djzone-editor-toolbar{flex-direction:column;gap:var(--djzone-space-sm);align-items:stretch;padding:var(--djzone-space-md)}.djzone-editor-toolbar .djzone-flex:first-child{order:1}.djzone-editor-toolbar .djzone-flex:last-child{order:0;flex-wrap:wrap;gap:var(--djzone-space-xs);justify-content:center}.djzone-editor-title-input{min-width:auto;font-size:1.1rem;padding:var(--djzone-space-md);min-height:44px}.djzone-editor-formatting{flex-wrap:wrap;padding:var(--djzone-space-sm);gap:var(--djzone-space-xs);justify-content:center}.djzone-formatting-group{border-right:none;border-bottom:none;padding:0;margin:0;display:flex;gap:var(--djzone-space-xs)}.djzone-format-button{min-width:44px;min-height:44px;padding:var(--djzone-space-sm);border-radius:var(--djzone-radius-md)}.djzone-editor-content{font-size:1rem;line-height:1.6;padding:var(--djzone-space-lg);min-height:calc(100vh - 200px);max-height:calc(100vh - 200px);overflow-y:auto;-webkit-overflow-scrolling:touch}.djzone-kladblok-editor{padding:0;height:calc(100vh - 140px);display:flex;flex-direction:column}.djzone-editor-welcome{padding:var(--djzone-space-xl);text-align:center}.djzone-button-lg{min-height:56px;padding:var(--djzone-space-md) var(--djzone-space-lg);font-size:1.1rem}.djzone-upload-overlay .djzone-upload-content{margin:var(--djzone-space-md);padding:var(--djzone-space-xl);text-align:center}.djzone-upload-progress{left:var(--djzone-space-md);right:var(--djzone-space-md);bottom:var(--djzone-space-md);padding:var(--djzone-space-md);border-radius:var(--djzone-radius-lg)}.djzone-kladblok-teleprompter{position:fixed!important;top:0;left:0;width:100vw;height:100vh;z-index:9999}.djzone-kladblok-teleprompter .teleprompter-controls{flex-direction:column;gap:var(--djzone-space-sm);padding:var(--djzone-space-sm);position:sticky;top:0;z-index:10}.djzone-kladblok-teleprompter .teleprompter-controls .djzone-flex{flex-wrap:wrap;justify-content:center;gap:var(--djzone-space-xs)}.djzone-kladblok-teleprompter .teleprompter-controls .djzone-button{min-height:44px;min-width:44px;font-size:.9rem;padding:var(--djzone-space-xs) var(--djzone-space-sm)}.djzone-kladblok-teleprompter .teleprompter-controls .djzone-flex:first-child{order:2}.djzone-kladblok-teleprompter .teleprompter-controls .djzone-flex:nth-child(2){order:1}.djzone-kladblok-teleprompter .teleprompter-controls .djzone-flex:nth-child(3),.djzone-kladblok-teleprompter .teleprompter-controls .djzone-flex:nth-child(4){order:3;flex:1;min-width:280px}.djzone-kladblok-teleprompter .teleprompter-controls .djzone-range{flex:1;min-width:120px}.djzone-kladblok-teleprompter .teleprompter-content{height:calc(100vh - 120px)!important;max-height:calc(100vh - 120px)!important;min-height:calc(100vh - 120px)!important}.djzone-kladblok-teleprompter .teleprompter-article{padding:var(--djzone-space-lg) var(--djzone-space-md);padding-bottom:50vh}.djzone-kladblok-teleprompter .teleprompter-text{font-size:1.2rem!important;line-height:1.8!important}.djzone-range{-webkit-appearance:none;height:8px;background:rgba(255,255,255,.2);border-radius:4px;outline:none}.djzone-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:var(--djzone-accent-blue);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px rgba(50,44,232,.3)}.djzone-range::-moz-range-thumb{width:24px;height:24px;background:var(--djzone-accent-blue);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px rgba(50,44,232,.3)}}@media (max-width:480px){.djzone-kladblok-header{padding:var(--djzone-space-sm)}.djzone-kladblok-header .djzone-kladblok-title h1{font-size:1.3rem}.djzone-kladblok-sidebar{width:90%;max-width:280px}.djzone-kladblok-header .djzone-button,.djzone-mobile-menu-toggle{min-width:40px;min-height:40px;padding:var(--djzone-space-xs)}.djzone-kladblok-header .djzone-button{font-size:.85rem}.djzone-kladblok-header .djzone-flex{gap:var(--djzone-space-sm)}.djzone-nieuws-container{padding:0 var(--djzone-space-xs)}.djzone-nieuws-sidebar{width:90%;max-width:280px}.djzone-nieuws-title span{font-size:1.3rem}.djzone-nieuws-controls .djzone-button{min-width:40px;min-height:40px;padding:var(--djzone-space-xs);font-size:.85rem}.djzone-nieuws-teleprompter-controls{gap:var(--djzone-space-sm)}.djzone-nieuws-teleprompter-settings{gap:var(--djzone-space-xs)}.djzone-nieuws-teleprompter .teleprompter-content{height:calc(100vh - 160px);max-height:calc(100vh - 160px);min-height:calc(100vh - 160px)}.djzone-verkeer-container{padding:0 var(--djzone-space-xs)}.djzone-verkeer-sidebar{width:90%;max-width:280px}.djzone-verkeer-title span{font-size:1.3rem}.djzone-verkeer-controls .djzone-button{min-width:40px;min-height:40px;padding:var(--djzone-space-xs);font-size:.85rem}.djzone-verkeer-search-controls{gap:var(--djzone-space-sm)}.djzone-verkeer-filter-controls{gap:var(--djzone-space-xs)}.djzone-verkeer-categories button{font-size:.85rem;padding:var(--djzone-space-xs) var(--djzone-space-sm)}.djzone-category-button{font-size:.9rem;padding:var(--djzone-space-sm)}.djzone-note-item{padding:var(--djzone-space-sm);min-height:70px}.djzone-note-title{font-size:.95rem}.djzone-editor-title-input,.djzone-editor-toolbar{padding:var(--djzone-space-sm)}.djzone-editor-title-input{font-size:1rem;min-height:40px}.djzone-format-button{min-width:40px;min-height:40px;padding:var(--djzone-space-xs)}.djzone-editor-content{padding:var(--djzone-space-md);font-size:.95rem}.djzone-editor-welcome{padding:var(--djzone-space-lg)}.djzone-editor-welcome h2{font-size:1.3rem}.djzone-button-lg{min-height:50px;padding:var(--djzone-space-sm) var(--djzone-space-md);font-size:1rem}.djzone-kladblok-teleprompter .teleprompter-controls{padding:var(--djzone-space-xs)}.djzone-kladblok-teleprompter .teleprompter-controls .djzone-button{min-height:40px;min-width:40px;font-size:.8rem;padding:var(--djzone-space-xs)}.djzone-kladblok-teleprompter .teleprompter-controls .djzone-flex:nth-child(3),.djzone-kladblok-teleprompter .teleprompter-controls .djzone-flex:nth-child(4){min-width:250px;font-size:.8rem}.djzone-kladblok-teleprompter .teleprompter-content{height:calc(100vh - 140px)!important;max-height:calc(100vh - 140px)!important;min-height:calc(100vh - 140px)!important}.djzone-kladblok-teleprompter .teleprompter-article{padding:var(--djzone-space-md) var(--djzone-space-sm)}.djzone-kladblok-teleprompter .teleprompter-text{font-size:1.1rem!important;line-height:1.7!important}.djzone-search-input{font-size:1rem;padding:var(--djzone-space-sm) var(--djzone-space-sm) var(--djzone-space-sm) 2.2rem}.djzone-search-icon{left:var(--djzone-space-sm)}}.djzone-dashboard-enhanced .djzone-grid-cols-3{display:flex;flex-direction:column;gap:var(--djzone-space-md)}.djzone-dashboard-enhanced .djzone-grid>div{width:100%}.djzone-nieuws-container,.djzone-verkeer-container{padding:0 var(--djzone-space-sm)}.djzone-verkeer-header{flex-direction:column;gap:var(--djzone-space-md);align-items:stretch}.djzone-verkeer-header .djzone-flex:first-child{order:0}.djzone-verkeer-title{flex-direction:column;align-items:flex-start;gap:var(--djzone-space-sm)}.djzone-verkeer-title span{font-size:1.5rem}.djzone-verkeer-last-update,.djzone-verkeer-stats,.djzone-verkeer-subtitle{display:none}.djzone-verkeer-controls{justify-content:center;order:1}.djzone-verkeer-controls .djzone-button{min-width:44px;min-height:44px;padding:var(--djzone-space-sm);justify-content:center}.djzone-verkeer-layout{display:block;position:relative}.djzone-verkeer-sidebar{position:fixed;top:0;left:0;width:85%;max-width:320px;height:100vh;background:linear-gradient(145deg,var(--djzone-bg-secondary),rgba(23,23,23,.95));border-right:1px solid var(--djzone-border-primary);z-index:999;transform:translateX(-100%);transition:transform .3s ease-in-out;backdrop-filter:blur(10px);box-shadow:2px 0 20px rgba(0,0,0,.3);overflow-y:auto;-webkit-overflow-scrolling:touch}.djzone-verkeer-sidebar.mobile-open{transform:translateX(0)}.djzone-verkeer-sidebar.mobile-closed{transform:translateX(-100%)}.djzone-verkeer-sidebar .djzone-card{margin:var(--djzone-space-md);position:static}.djzone-verkeer-main-content{width:100%;min-height:calc(100vh - 200px)}.djzone-verkeer-search-controls{flex-direction:column;gap:var(--djzone-space-md);align-items:stretch}.djzone-verkeer-filter-controls{justify-content:center;flex-wrap:wrap}.djzone-verkeer-filter-controls select{flex:1;min-width:120px}.djzone-verkeer-categories{justify-content:center}.djzone-verkeer-categories button{min-width:auto;flex:1;justify-content:center}.djzone-nieuws-header{flex-direction:column;gap:var(--djzone-space-md);align-items:stretch}.djzone-nieuws-header .djzone-flex:first-child{order:0}.djzone-nieuws-title{flex-direction:column;align-items:flex-start;gap:var(--djzone-space-sm)}.djzone-nieuws-title span{font-size:1.5rem}.djzone-nieuws-subtitle{display:none}.djzone-nieuws-stats{flex-direction:column;gap:var(--djzone-space-xs);align-items:flex-start}.djzone-nieuws-last-update{display:none}.djzone-nieuws-controls{justify-content:center;order:1}.djzone-nieuws-controls .djzone-button{min-width:44px;min-height:44px;padding:var(--djzone-space-sm);justify-content:center}.djzone-nieuws-layout{display:block;position:relative}.djzone-nieuws-sidebar{position:fixed;top:0;left:0;width:85%;max-width:320px;height:100vh;background:linear-gradient(145deg,var(--djzone-bg-secondary),rgba(23,23,23,.95));border-right:1px solid var(--djzone-border-primary);z-index:999;transform:translateX(-100%);transition:transform .3s ease-in-out;backdrop-filter:blur(10px);box-shadow:2px 0 20px rgba(0,0,0,.3);overflow-y:auto;-webkit-overflow-scrolling:touch}.djzone-nieuws-sidebar.mobile-open{transform:translateX(0)}.djzone-nieuws-sidebar.mobile-closed{transform:translateX(-100%)}.djzone-nieuws-sidebar .djzone-card{margin:var(--djzone-space-md);position:static}.djzone-nieuws-main-content{width:100%;min-height:calc(100vh - 200px)}.djzone-nieuws-search-controls{flex-direction:column;gap:var(--djzone-space-md);align-items:stretch}.djzone-nieuws-view-controls{justify-content:center;flex-wrap:wrap}.djzone-nieuws-view-controls select{flex:1;min-width:120px}.djzone-nieuws-teleprompter .teleprompter-controls{padding:var(--djzone-space-sm)}.djzone-nieuws-teleprompter-controls{flex-direction:column;gap:var(--djzone-space-md);align-items:stretch}.djzone-nieuws-teleprompter-settings{display:flex;flex-direction:column;gap:var(--djzone-space-sm);order:1}.djzone-nieuws-teleprompter-settings .djzone-flex{justify-content:space-between}.djzone-nieuws-teleprompter-settings .djzone-range{flex:1;margin:0 var(--djzone-space-sm)}.djzone-nieuws-teleprompter .teleprompter-content{height:calc(100vh - 200px);max-height:calc(100vh - 200px);min-height:calc(100vh - 200px)}.djzone-grid-cols-12{grid-template-columns:1fr!important}.djzone-grid-cols-12>div[class*=col-span]{grid-column:1/-1!important}.djzone-flex.djzone-gap-3:has(button){flex-wrap:wrap;justify-content:center}.djzone-card .djzone-flex.djzone-items-center.djzone-gap-4{flex-direction:column;gap:var(--djzone-space-md);align-items:stretch}.djzone-card .djzone-flex.djzone-items-center.djzone-gap-4 .djzone-flex-1{order:-1}.djzone-card .djzone-flex.djzone-gap-2:has(select,.djzone-flex){justify-content:center;flex-wrap:wrap}.djzone-flex.border.border-gray-600.rounded-lg{order:1}.djzone-grid.djzone-grid-cols-1.xl\\:djzone-grid-cols-2.\32xl\\:djzone-grid-cols-3{grid-template-columns:1fr!important}.djzone-card:has(.djzone-card-title:contains("RSS Bronnen")){margin-bottom:var(--djzone-space-lg)}.djzone-flex.djzone-gap-1.djzone-flex-wrap:has(button){justify-content:center}.djzone-flex.djzone-gap-1.djzone-flex-wrap button{min-width:auto;flex:1;justify-content:center}.djzone-flex.djzone-flex-col.djzone-gap-3{gap:var(--djzone-space-sm)}.djzone-card.group{margin-bottom:var(--djzone-space-md)}.djzone-card-header .djzone-flex.djzone-items-start.djzone-gap-3{flex-wrap:wrap}.djzone-card-header .djzone-flex-1.min-w-0{min-width:0;flex:1 1 100%}.djzone-card-header .djzone-flex.djzone-gap-1{flex:0 0 auto;margin-left:0;margin-top:var(--djzone-space-sm);width:100%;justify-content:center}.djzone-card-content .djzone-flex.djzone-gap-2:has(.djzone-button){flex-wrap:wrap;gap:var(--djzone-space-sm)}.djzone-card-content .djzone-button.djzone-flex-1{flex:1 1 100%;min-width:0}.djzone-card-content .djzone-button:not(.djzone-flex-1){flex:1;min-width:0}.djzone-card-content.text-center.py-12{padding:var(--djzone-space-xl) var(--djzone-space-md)}.teleprompter-controls .djzone-flex.djzone-justify-between{flex-direction:column;gap:var(--djzone-space-md)}.teleprompter-controls .djzone-flex.djzone-items-center.djzone-gap-4{flex-direction:column;gap:var(--djzone-space-sm);align-items:stretch}.teleprompter-controls .djzone-flex.djzone-items-center.djzone-gap-2{justify-content:space-between}.teleprompter-controls input[type=range]{width:100px}.teleprompter-content{padding:var(--djzone-space-lg) var(--djzone-space-md)}.teleprompter-article h1{font-size:1.8rem;margin-bottom:var(--djzone-space-md)}.teleprompter-meta{flex-direction:column;gap:var(--djzone-space-xs);text-align:center;font-size:1rem}.djzone-flex.djzone-justify-between.djzone-items-start{flex-direction:column;gap:var(--djzone-space-md);align-items:stretch}.djzone-flex.djzone-gap-3:has(label,a,button){flex-wrap:wrap;justify-content:center;gap:var(--djzone-space-sm)}.djzone-grid.djzone-grid-cols-1.lg\\:djzone-grid-cols-2{grid-template-columns:1fr!important;gap:var(--djzone-space-md)}.djzone-card .djzone-flex.djzone-items-center.djzone-justify-between{flex-direction:column;gap:var(--djzone-space-md);align-items:stretch}.djzone-card .djzone-flex.djzone-items-center.djzone-gap-6{flex-direction:column;text-align:center;gap:var(--djzone-space-md)}.djzone-grid.djzone-grid-cols-2.djzone-gap-4{grid-template-columns:1fr!important;gap:var(--djzone-space-sm)}.djzone-flex.djzone-gap-4.px-4.pt-4{justify-content:center;flex-wrap:wrap;gap:var(--djzone-space-sm);padding:var(--djzone-space-md)}.djzone-flex.djzone-items-center.djzone-justify-between.p-4{flex-direction:column;gap:var(--djzone-space-sm);text-align:center;padding:var(--djzone-space-md)}.djzone-grid.djzone-grid-cols-3.djzone-gap-4{grid-template-columns:1fr!important;gap:var(--djzone-space-sm);text-align:center}.djzone-grid.grid-cols-4{grid-template-columns:repeat(2,1fr)!important;gap:var(--djzone-space-md)}.djzone-current-program-header{flex-direction:column;text-align:center;gap:var(--djzone-space-md);align-items:center}.djzone-program-info{text-align:center}.djzone-program-actions{justify-content:center}.djzone-progress-info{flex-direction:column;gap:var(--djzone-space-sm);text-align:center}.djzone-progress-container{order:-1}.djzone-program-footer{flex-direction:column;gap:var(--djzone-space-md);align-items:center}.djzone-playback-controls{justify-content:center}.djzone-monitor-status-header{flex-direction:column;gap:var(--djzone-space-sm);text-align:center}.djzone-listener-metrics{grid-template-columns:1fr;gap:var(--djzone-space-sm)}.djzone-volume-header{flex-direction:column;gap:var(--djzone-space-sm);text-align:center}.djzone-volume-title{justify-content:center}.djzone-info-grid{grid-template-columns:1fr}.djzone-monitor-actions{justify-content:center}.djzone-request-header{align-items:stretch}.djzone-request-header,.djzone-request-main{flex-direction:column;gap:var(--djzone-space-sm)}.djzone-request-main{text-align:center}.djzone-request-actions-enhanced{justify-content:center}.djzone-request-stats{grid-template-columns:1fr}.djzone-quicklinks-grid,.djzone-request-stats{gap:var(--djzone-space-sm)}.djzone-quicklink-enhanced{padding:var(--djzone-space-md)}.djzone-studio-berichten-header{gap:var(--djzone-space-md)}.djzone-berichten-title-section,.djzone-studio-berichten-header{flex-direction:column;text-align:center}.djzone-berichten-header-actions{justify-content:center;flex-wrap:wrap}.djzone-berichten-filters{justify-content:center}@media (max-width:480px){.djzone-dashboard-enhanced{padding:var(--djzone-space-sm)}.djzone-dashboard-header{padding:var(--djzone-space-md)}.djzone-welcome-section{gap:var(--djzone-space-sm)}.djzone-welcome-avatar{width:48px;height:48px}.djzone-welcome-title{font-size:1.25rem}.djzone-quick-stats{gap:var(--djzone-space-xs);grid-template-columns:1fr}.djzone-quick-stat{padding:var(--djzone-space-sm)}.djzone-action-buttons{gap:var(--djzone-space-xs);justify-content:center}.djzone-action-btn{padding:var(--djzone-space-sm);min-width:auto}.djzone-action-btn span{display:none}.djzone-card{padding:var(--djzone-space-md);margin-bottom:var(--djzone-space-sm)}.djzone-card-header{padding:var(--djzone-space-md);flex-direction:column;text-align:center;gap:var(--djzone-space-sm)}.djzone-card-title{font-size:1rem}.djzone-card-subtitle{font-size:.75rem}.djzone-artwork-container{width:48px;height:48px}.djzone-program-title{font-size:1rem}.djzone-program-artist{font-size:.8rem}.djzone-program-album{font-size:.7rem}.djzone-action-btn-small{padding:var(--djzone-space-sm);width:32px;height:32px}.djzone-control-btn{width:32px;height:32px;padding:var(--djzone-space-xs)}.djzone-metric-card{padding:var(--djzone-space-sm)}.djzone-metric-icon{width:36px;height:36px}.djzone-metric-value{font-size:1.125rem}.djzone-volume-control-enhanced{margin-bottom:var(--djzone-space-sm)}.djzone-tech-info{margin-bottom:var(--djzone-space-md)}.djzone-request-card{padding:var(--djzone-space-sm)}.djzone-track-title{font-size:.8rem}.djzone-track-artist{font-size:.7rem}.djzone-request-btn{width:28px;height:28px;padding:var(--djzone-space-xs)}.djzone-requester-avatar{width:20px;height:20px;font-size:.7rem}.djzone-request-stat-card{padding:var(--djzone-space-sm)}.djzone-stat-number{font-size:1rem}.djzone-stat-label{font-size:.6rem}.djzone-quicklinks-grid{gap:var(--djzone-space-xs)}.djzone-quicklink-enhanced{padding:var(--djzone-space-sm);flex-direction:column;text-align:center;gap:var(--djzone-space-sm)}.djzone-quicklink-icon-enhanced{width:32px;height:32px;align-self:center}.djzone-quicklink-title-enhanced{font-size:.8rem}.djzone-quicklink-description-enhanced{font-size:.7rem}.djzone-external-indicator{align-self:center}.djzone-studio-berichten-enhanced{min-height:300px}.djzone-flex.djzone-gap-3:has(.djzone-button){flex-direction:column;gap:var(--djzone-space-sm)}.djzone-flex.djzone-gap-3 .djzone-button{width:100%;justify-content:center}.djzone-card .djzone-flex.djzone-gap-2:has(select){flex-direction:column;gap:var(--djzone-space-sm)}.djzone-select{width:100%;text-align:center}.djzone-flex.djzone-gap-1.djzone-flex-wrap button{font-size:.7rem;padding:var(--djzone-space-xs) var(--djzone-space-sm)}.djzone-card:has(.djzone-card-title) .djzone-card-content{padding:var(--djzone-space-sm)}.djzone-flex.djzone-items-center.djzone-gap-2.p-2{padding:var(--djzone-space-sm);gap:var(--djzone-space-sm)}.font-medium.text-white.text-xs{font-size:.7rem}.djzone-card-header .djzone-card-title{font-size:.9rem;line-height:1.3}.djzone-card-header .text-sm{font-size:.75rem}.djzone-card-content p.text-gray-300{font-size:.85rem;line-height:1.4}.djzone-card-content .djzone-button{font-size:.8rem;padding:var(--djzone-space-sm)}.djzone-card-content .djzone-button svg{width:14px;height:14px}.teleprompter-controls{padding:var(--djzone-space-sm)}.teleprompter-controls .djzone-button{font-size:.8rem;padding:var(--djzone-space-sm)}.teleprompter-controls input[type=range]{width:80px}.teleprompter-controls .text-sm{font-size:.75rem}.teleprompter-article h1{font-size:1.4rem;line-height:1.2}.teleprompter-meta{font-size:.85rem;margin-bottom:var(--djzone-space-md)}.teleprompter-text{font-size:.9rem;line-height:1.6}.djzone-card-content.text-center svg{width:48px;height:48px}.text-xl{font-size:1.1rem}.max-w-md{max-width:100%}h1.text-3xl{font-size:1.5rem;line-height:1.3}h1.text-3xl .p-2{padding:var(--djzone-space-xs)}.text-lg{font-size:1rem}.djzone-flex.djzone-gap-3:has(label){flex-direction:column;gap:var(--djzone-space-sm);text-align:center}.djzone-flex.djzone-gap-3 label{justify-content:center}.djzone-flex.djzone-gap-3 a,.djzone-flex.djzone-gap-3 button{width:100%;justify-content:center}.text-4xl{font-size:2rem}.djzone-card .djzone-flex.djzone-items-center.djzone-gap-2{justify-content:center}.djzone-grid.djzone-grid-cols-2 .rounded-lg.p-3{padding:var(--djzone-space-sm);text-align:center}.djzone-flex.djzone-gap-4.px-4 button{font-size:.8rem;padding:var(--djzone-space-sm) var(--djzone-space-md)}.djzone-flex.djzone-items-center.djzone-justify-between .djzone-flex.djzone-items-center.djzone-gap-4{flex-direction:column;gap:var(--djzone-space-sm)}.djzone-flex.djzone-items-center.djzone-justify-between .text-right{text-align:center}.djzone-grid.grid-cols-4{grid-template-columns:1fr!important;gap:var(--djzone-space-md)}.djzone-text-center .text-3xl{font-size:2rem}.djzone-text-center .text-sm{font-size:.8rem}.djzone-text-center .text-xs{font-size:.7rem}.djzone-berichten-title-section{text-align:center}.djzone-berichten-header-actions,.djzone-berichten-title-section{flex-direction:column;gap:var(--djzone-space-sm)}.djzone-berichten-filters{width:100%;justify-content:center}.djzone-filter-label{display:none}.djzone-berichten-sessions-compact,.djzone-session-card-content{padding:var(--djzone-space-sm)}.djzone-session-card-content{gap:var(--djzone-space-sm)}.djzone-session-avatar-container{width:36px;height:36px}.djzone-session-avatar{font-size:.875rem}.djzone-session-name{font-size:.8rem}.djzone-session-preview-text{font-size:.7rem;-webkit-line-clamp:1}.djzone-session-timestamp{font-size:.6rem}.djzone-session-indicators{flex-wrap:wrap}.djzone-session-media-tag,.djzone-session-priority-tag{font-size:.55rem;padding:.125rem var(--djzone-space-xs)}.djzone-berichten-view-all-btn{padding:var(--djzone-space-sm);font-size:.8rem}}.djzone-studio-berichten-enhanced{background:var(--djzone-bg-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--djzone-radius-xl);overflow:hidden;position:relative}.djzone-studio-berichten-enhanced:before{content:"";position:absolute;top:0;left:0;right:0;height:1px}.djzone-studio-berichten-header{display:flex;justify-content:space-between;align-items:center;padding:var(--djzone-space-lg);border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(255,255,255,.01))}.djzone-berichten-title-section{display:flex;align-items:center;gap:var(--djzone-space-md)}.djzone-berichten-icon{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0}.djzone-berichten-icon,.djzone-berichten-icon-glow{background:linear-gradient(135deg,var(--djzone-accent-blue),var(--djzone-accent-green));border-radius:var(--djzone-radius-lg)}.djzone-berichten-icon-glow{position:absolute;inset:-4px;filter:blur(8px);opacity:.3;z-index:-1;animation:djzone-berichten-glow 3s ease-in-out infinite}@keyframes djzone-berichten-glow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.djzone-berichten-title{font-size:1.25rem;font-weight:700;color:var(--djzone-text-primary);margin-bottom:.125rem;line-height:1.2}.djzone-berichten-stats{display:flex;align-items:center;gap:var(--djzone-space-sm);font-size:.75rem;color:var(--djzone-text-muted)}.djzone-berichten-stat{display:flex;align-items:center;gap:var(--djzone-space-xs)}.djzone-berichten-separator{color:var(--djzone-text-muted);opacity:.5}.djzone-berichten-header-actions{display:flex;align-items:center;gap:var(--djzone-space-sm)}.djzone-chat-templates-panel{background:rgba(0,0,0,.95);border:1px solid rgba(255,255,255,.1);border-radius:var(--djzone-radius-lg);margin:var(--djzone-space-md) 0;backdrop-filter:blur(12px);box-shadow:0 8px 32px rgba(0,0,0,.3);animation:djzone-slide-down .3s ease-out}.djzone-chat-templates-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--djzone-space-md);padding-bottom:var(--djzone-space-sm);border-bottom:1px solid rgba(255,255,255,.1)}.djzone-chat-templates-title{display:flex;align-items:center;gap:var(--djzone-space-xs);font-size:1.1rem;font-weight:600;color:var(--djzone-text-primary);margin:0}.djzone-chat-close-btn{background:none;border:none;color:var(--djzone-text-muted);font-size:1.2rem;cursor:pointer;padding:var(--djzone-space-xs);border-radius:var(--djzone-radius-md);transition:all var(--djzone-transition-normal)}.djzone-chat-close-btn:hover{color:var(--djzone-text-primary);background:rgba(255,255,255,.1)}.djzone-chat-templates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--djzone-space-md);max-height:300px;overflow-y:auto}.djzone-chat-template-card{background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:var(--djzone-radius-lg);padding:var(--djzone-space-md);cursor:pointer;transition:all var(--djzone-transition-normal);position:relative;overflow:hidden}.djzone-chat-template-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--djzone-accent-blue),var(--djzone-accent-green),transparent);opacity:0;transition:opacity var(--djzone-transition-normal)}.djzone-chat-template-card:hover:before{opacity:1}.djzone-chat-template-card:hover{background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border-color:var(--djzone-accent-blue);transform:translateY(-2px);box-shadow:0 8px 25px rgba(50,44,232,.15)}.djzone-template-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--djzone-space-sm)}.djzone-template-title{font-size:.9rem;font-weight:600;color:var(--djzone-text-primary);margin:0;line-height:1.3}.djzone-template-category{font-size:.7rem;padding:2px 6px;border-radius:var(--djzone-radius-sm);text-transform:uppercase;font-weight:500;letter-spacing:.5px}.djzone-template-category.general{background:rgba(59,130,246,.2);color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.djzone-template-category.request{background:rgba(34,197,94,.2);color:#86efac;border:1px solid rgba(34,197,94,.3)}.djzone-template-message{font-size:.8rem;color:var(--djzone-text-muted);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.djzone-chat-quick-replies-panel{background:rgba(0,0,0,.95);border:1px solid rgba(255,255,255,.1);border-radius:var(--djzone-radius-lg);margin:var(--djzone-space-md) 0;backdrop-filter:blur(12px);box-shadow:0 8px 32px rgba(0,0,0,.3);animation:djzone-slide-down .3s ease-out}.djzone-chat-quick-replies-content{padding:var(--djzone-space-lg)}.djzone-chat-quick-replies-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--djzone-space-md);padding-bottom:var(--djzone-space-sm);border-bottom:1px solid rgba(255,255,255,.1)}.djzone-chat-quick-replies-title{display:flex;align-items:center;gap:var(--djzone-space-xs);font-size:1.1rem;font-weight:600;color:var(--djzone-text-primary);margin:0}.djzone-chat-quick-replies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--djzone-space-sm);max-height:250px;overflow-y:auto}.djzone-chat-quick-reply-btn{background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:var(--djzone-radius-lg);padding:var(--djzone-space-md);cursor:pointer;transition:all var(--djzone-transition-normal);text-align:left;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center}.djzone-chat-quick-reply-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--djzone-accent-green),transparent);opacity:0;transition:opacity var(--djzone-transition-normal)}.djzone-chat-quick-reply-btn:hover:before{opacity:1}.djzone-chat-quick-reply-btn:hover{background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border-color:var(--djzone-accent-green);transform:translateY(-1px);box-shadow:0 6px 20px rgba(5,190,120,.15)}.djzone-quick-reply-content{display:flex;flex-direction:column;gap:var(--djzone-space-xs);flex:1}.djzone-quick-reply-label{font-size:.85rem;font-weight:600;color:var(--djzone-text-primary);line-height:1.2}.djzone-quick-reply-message{font-size:.75rem;color:var(--djzone-text-muted);line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.djzone-quick-reply-category{font-size:.65rem;padding:2px 5px;border-radius:var(--djzone-radius-sm);text-transform:uppercase;font-weight:500;letter-spacing:.5px;flex-shrink:0}.djzone-quick-reply-category.general{background:rgba(59,130,246,.2);color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.djzone-quick-reply-category.request{background:rgba(34,197,94,.2);color:#86efac;border:1px solid rgba(34,197,94,.3)}.djzone-quick-reply-category.technical{background:rgba(239,68,68,.2);color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.djzone-quick-actions-bar{display:flex;align-items:center;gap:var(--djzone-space-sm);padding:var(--djzone-space-sm);background:rgba(255,255,255,.03);border-radius:var(--djzone-radius-md);border:1px solid rgba(255,255,255,.05)}.djzone-quick-actions-label{font-size:.8rem;color:var(--djzone-text-muted);font-weight:500;white-space:nowrap}.djzone-quick-actions-buttons{display:flex;align-items:center;gap:var(--djzone-space-xs);flex-wrap:wrap}.djzone-quick-action-btn{background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.1);border-radius:var(--djzone-radius-md);padding:var(--djzone-space-xs) var(--djzone-space-sm);font-size:.75rem;font-weight:500;color:var(--djzone-text-primary);cursor:pointer;transition:all var(--djzone-transition-normal);white-space:nowrap}.djzone-quick-action-btn:hover{background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.08));border-color:var(--djzone-accent-green);transform:translateY(-1px)}.djzone-quick-action-btn.close{background:linear-gradient(145deg,rgba(239,68,68,.15),rgba(239,68,68,.08));border-color:rgba(239,68,68,.3);color:#fca5a5}.djzone-quick-action-btn.close:hover{background:linear-gradient(145deg,rgba(239,68,68,.25),rgba(239,68,68,.15));border-color:rgba(239,68,68,.5)}@keyframes djzone-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.djzone-berichten-view-all{display:flex;gap:var(--djzone-space-sm);align-items:center;justify-content:space-between;background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.01));border-top:1px solid rgba(255,255,255,.05);border-radius:0 0 var(--djzone-radius-lg) var(--djzone-radius-lg)}.djzone-berichten-full-page-btn{display:flex;align-items:center;gap:var(--djzone-space-xs);padding:var(--djzone-space-xs) var(--djzone-space-sm);background:linear-gradient(145deg,rgba(50,44,232,.15),rgba(50,44,232,.08));border:1px solid rgba(50,44,232,.3);border-radius:var(--djzone-radius-md);color:var(--djzone-text-primary);text-decoration:none;font-size:.75rem;font-weight:500;transition:all var(--djzone-transition-normal);white-space:nowrap}.djzone-berichten-full-page-btn:hover{background:linear-gradient(145deg,rgba(50,44,232,.25),rgba(50,44,232,.15));border-color:rgba(50,44,232,.5);transform:translateY(-1px);box-shadow:0 4px 12px rgba(50,44,232,.2)}.djzone-berichten-full-page-btn span{color:inherit}@media (max-width:768px){.djzone-chat-templates-panel{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.98);z-index:9999;margin:0;border-radius:0}.djzone-chat-templates-content{padding:var(--djzone-space-xl);height:100%;display:flex;flex-direction:column}.djzone-chat-templates-grid{grid-template-columns:1fr;max-height:none;flex:1;overflow-y:auto}.djzone-chat-quick-replies-panel{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.98);z-index:9999;margin:0;border-radius:0}.djzone-chat-quick-replies-content{padding:var(--djzone-space-xl);height:100%;display:flex;flex-direction:column}.djzone-chat-quick-replies-grid{grid-template-columns:1fr;max-height:none;flex:1;overflow-y:auto}.djzone-chat-header-actions{flex-wrap:wrap;gap:var(--djzone-space-xs)}.djzone-chat-action-btn span{display:none}.djzone-quick-actions-bar{flex-direction:column;align-items:stretch;gap:var(--djzone-space-xs)}.djzone-quick-actions-buttons{justify-content:center}.djzone-berichten-view-all{flex-direction:column;gap:var(--djzone-space-xs)}.djzone-berichten-full-page-btn,.djzone-berichten-view-all-btn{width:100%;justify-content:center}}@media (min-width:768px) and (max-width:1024px){.djzone-chat-quick-replies-grid,.djzone-chat-templates-grid{grid-template-columns:repeat(2,1fr)}.djzone-chat-header-actions{gap:var(--djzone-space-xs)}.djzone-chat-action-btn span{font-size:.7rem}}.djzone-berichten-notification-badge{position:relative;display:flex;align-items:center;gap:var(--djzone-space-xs);padding:var(--djzone-space-xs) var(--djzone-space-sm);background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);border-radius:var(--djzone-radius-lg);color:var(--djzone-error);font-size:.75rem;font-weight:600;overflow:hidden}.djzone-notification-pulse{position:absolute;inset:0;background:rgba(239,68,68,.1);border-radius:var(--djzone-radius-lg);animation:djzone-notification-pulse 2s infinite}@keyframes djzone-notification-pulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.djzone-berichten-filters{display:flex;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--djzone-radius-lg);padding:var(--djzone-space-xs)}.djzone-berichten-filter{display:flex;align-items:center;gap:var(--djzone-space-xs);padding:var(--djzone-space-sm) var(--djzone-space-md);border-radius:var(--djzone-radius-md);color:var(--djzone-text-muted);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--djzone-transition-fast);background:none;border:none}.djzone-berichten-filter:hover{color:var(--djzone-text-secondary);background:rgba(255,255,255,.05)}.djzone-berichten-filter.active{background:var(--djzone-accent-blue);color:white;box-shadow:0 2px 8px rgba(50,44,232,.3)}.djzone-filter-label{font-weight:600}.djzone-berichten-expand-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--djzone-radius-md);color:var(--djzone-text-muted);padding:var(--djzone-space-sm);cursor:pointer;transition:all var(--djzone-transition-fast)}.djzone-berichten-expand-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:var(--djzone-text-primary);transform:translateY(-1px)}.djzone-berichten-content{flex:1;display:flex;flex-direction:column;min-height:0}.djzone-berichten-loading-state{display:flex;align-items:center;justify-content:center;flex:1;padding:var(--djzone-space-2xl)}.djzone-berichten-loading-content{text-align:center}.djzone-berichten-loading-spinner{position:relative;margin:0 auto var(--djzone-space-lg);width:48px;height:48px}.djzone-spinner-ring{position:absolute;inset:0;border:3px solid rgba(50,44,232,.1);border-top:3px solid var(--djzone-accent-blue);border-radius:50%;animation:djzone-spin 1s linear infinite}.djzone-spinner-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--djzone-accent-blue)}@keyframes djzone-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.djzone-loading-title{font-size:1.125rem;font-weight:600;color:var(--djzone-text-primary);margin-bottom:var(--djzone-space-sm)}.djzone-loading-text{font-size:.875rem;color:var(--djzone-text-muted);line-height:1.5}.djzone-berichten-error-state{display:flex;align-items:center;justify-content:center;flex:1;padding:var(--djzone-space-2xl)}.djzone-berichten-error-content{text-align:center;max-width:280px}.djzone-error-icon{position:relative;margin:0 auto var(--djzone-space-lg);width:64px;height:64px;background:rgba(239,68,68,.1);border:2px solid rgba(239,68,68,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--djzone-error)}.djzone-error-pulse{position:absolute;inset:-4px;border:2px solid var(--djzone-error);border-radius:50%;animation:djzone-error-pulse 2s infinite;opacity:.3}@keyframes djzone-error-pulse{0%{transform:scale(1);opacity:.3}to{transform:scale(1.2);opacity:0}}.djzone-error-title{font-size:1.125rem;font-weight:600;color:var(--djzone-text-primary);margin-bottom:var(--djzone-space-sm)}.djzone-error-text{font-size:.875rem;color:var(--djzone-text-muted);margin-bottom:var(--djzone-space-lg);line-height:1.5}.djzone-berichten-retry-btn{display:flex;align-items:center;gap:var(--djzone-space-sm);padding:var(--djzone-space-sm) var(--djzone-space-md);background:var(--djzone-accent-blue);border:1px solid var(--djzone-accent-blue);border-radius:var(--djzone-radius-lg);color:white;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--djzone-transition-fast)}.djzone-berichten-retry-btn:hover{background:var(--djzone-accent-blue-dark);border-color:var(--djzone-accent-blue-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgba(50,44,232,.3)}.djzone-berichten-empty-state{display:flex;align-items:center;justify-content:center;flex:1;padding:var(--djzone-space-2xl)}.djzone-berichten-empty-content{text-align:center;max-width:320px}.djzone-empty-illustration{position:relative;margin:0 auto var(--djzone-space-lg);width:80px;height:80px;display:flex;align-items:center;justify-content:center;color:var(--djzone-text-muted);opacity:.6}.djzone-empty-glow{position:absolute;inset:-8px;background:radial-gradient(circle,rgba(50,44,232,.1),transparent);border-radius:50%;animation:djzone-empty-glow 3s ease-in-out infinite}@keyframes djzone-empty-glow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.djzone-empty-title{font-size:1.125rem;font-weight:600;color:var(--djzone-text-secondary);margin-bottom:var(--djzone-space-sm)}.djzone-empty-text{font-size:.875rem;color:var(--djzone-text-muted);line-height:1.5}.djzone-berichten-sessions-compact{padding:var(--djzone-space-md);display:flex;flex-direction:column;gap:var(--djzone-space-sm);flex:1;overflow-y:auto}.djzone-berichten-session-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--djzone-radius-lg);cursor:pointer;transition:all var(--djzone-transition-fast);position:relative;overflow:hidden}.djzone-berichten-session-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:background var(--djzone-transition-fast)}.djzone-berichten-session-card:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.15);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2)}.djzone-berichten-session-card:hover:before{background:var(--djzone-accent-blue)}.djzone-berichten-session-card.selected{background:rgba(50,44,232,.1);border-color:var(--djzone-accent-blue)}.djzone-berichten-session-card.selected:before{background:var(--djzone-accent-blue)}.djzone-session-card-content{display:flex;align-items:flex-start;gap:var(--djzone-space-md);padding:var(--djzone-space-md)}.djzone-session-avatar-section{flex-shrink:0}.djzone-session-avatar-container{position:relative;width:44px;height:44px}.djzone-session-avatar{width:100%;height:100%;background:var(--djzone-accent-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:1rem}.djzone-session-status-dot{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid var(--djzone-surface)}.djzone-session-status-dot.online{background:var(--djzone-success);animation:djzone-pulse 2s infinite}.djzone-session-info-section{flex:1;min-width:0}.djzone-session-header-info{margin-bottom:var(--djzone-space-xs)}.djzone-session-name{font-size:.875rem;font-weight:600;color:var(--djzone-text-primary);margin-bottom:.125rem;line-height:1.2}.djzone-session-meta{display:flex;align-items:center;gap:var(--djzone-space-sm);font-size:.75rem}.djzone-session-online-indicator{display:flex;align-items:center;gap:var(--djzone-space-xs);color:var(--djzone-success);font-weight:500}.djzone-pulse-dot{width:6px;height:6px;background:var(--djzone-success);border-radius:50%;animation:djzone-pulse 2s infinite}.djzone-session-timestamp{color:var(--djzone-text-muted);font-family:monospace}.djzone-session-preview-text{font-size:.75rem;color:var(--djzone-text-secondary);line-height:1.4;margin-bottom:var(--djzone-space-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.djzone-session-indicators{display:flex;gap:var(--djzone-space-xs)}.djzone-session-media-tag,.djzone-session-priority-tag{display:flex;align-items:center;gap:var(--djzone-space-xs);padding:.125rem var(--djzone-space-xs);border-radius:var(--djzone-radius-sm);font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.djzone-session-media-tag{background:rgba(59,130,246,.15);color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.djzone-session-priority-tag.urgent{background:rgba(239,68,68,.15);color:var(--djzone-error);border:1px solid rgba(239,68,68,.3)}.djzone-session-badges-section{display:flex;flex-direction:column;align-items:center;gap:var(--djzone-space-sm);flex-shrink:0}.djzone-session-unread-badge{background:var(--djzone-accent-blue);color:white;padding:.125rem var(--djzone-space-xs);border-radius:var(--djzone-radius-sm);font-size:.625rem;font-weight:700;min-width:20px;text-align:center;animation:djzone-badge-pulse 2s infinite}.djzone-session-expand-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--djzone-radius-sm);color:var(--djzone-text-muted);padding:var(--djzone-space-xs);cursor:pointer;transition:all var(--djzone-transition-fast)}.djzone-session-expand-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:var(--djzone-text-primary);transform:scale(1.1)}.djzone-berichten-view-all{padding:var(--djzone-space-md);border-top:1px solid rgba(255,255,255,.08)}.djzone-berichten-view-all-btn{display:flex;align-items:center;justify-content:center;gap:var(--djzone-space-sm);width:100%;padding:var(--djzone-space-md);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--djzone-radius-lg);color:var(--djzone-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--djzone-transition-fast);position:relative;overflow:hidden}.djzone-berichten-view-all-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left .5s ease}.djzone-berichten-view-all-btn:hover:before{left:100%}.djzone-berichten-view-all-btn:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.15);color:var(--djzone-text-primary);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2)}.djzone-view-all-count{background:var(--djzone-accent-blue);color:white;padding:.125rem var(--djzone-space-xs);border-radius:var(--djzone-radius-sm);font-size:.625rem;font-weight:700;margin-left:auto}.djzone-teleprompter{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;z-index:9999;display:flex;flex-direction:column}.djzone-teleprompter.fullscreen{position:fixed!important}.teleprompter-controls{background:rgba(0,0,0,.9);padding:var(--djzone-space-md);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);flex-shrink:0}.teleprompter-content{flex:1;overflow-y:auto;padding:var(--djzone-space-2xl);background:linear-gradient(135deg,#0f0f0f,#1a1a1a)}.teleprompter-article{max-width:800px;margin:0 auto;color:#fff;line-height:1.8;font-family:Arial,sans-serif}.teleprompter-article h1{font-size:2.5rem;font-weight:700;margin-bottom:var(--djzone-space-lg);line-height:1.2;color:#fff}.teleprompter-meta{display:flex;justify-content:space-between;margin-bottom:var(--djzone-space-2xl);padding-bottom:var(--djzone-space-md);border-bottom:1px solid rgba(255,255,255,.2);font-size:1.1rem;color:#ccc}.teleprompter-text{font-size:inherit;line-height:inherit}.teleprompter-text p{margin-bottom:var(--djzone-space-lg)}.teleprompter-text h2,.teleprompter-text h3,.teleprompter-text h4{margin:var(--djzone-space-xl) 0 var(--djzone-space-md) 0;color:#fff}.teleprompter-text b,.teleprompter-text strong{color:#fff;font-weight:700}.teleprompter-text a{color:var(--djzone-accent-blue);text-decoration:underline}.teleprompter-text ol,.teleprompter-text ul{margin:var(--djzone-space-md) 0;padding-left:var(--djzone-space-xl)}.teleprompter-text li{margin-bottom:var(--djzone-space-sm)}.djzone-vnc-container{width:100%;position:relative;border-radius:8px;overflow:hidden;background:#000;height:100%}.djzone-vnc-container iframe{width:100%;height:100%;border:none;border-radius:8px;display:block}@media (max-width:768px){.djzone-vnc-container{min-height:calc(100vh - 300px);height:calc(100vh - 300px)}}@media (max-width:480px){.djzone-vnc-container{min-height:calc(100vh - 250px);height:calc(100vh - 250px)}}.djzone-error-state,.djzone-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:var(--djzone-text-secondary)}.djzone-error-state svg,.djzone-loading-state svg{margin-bottom:.5rem;color:var(--djzone-accent)}.djzone-error-state button{margin-top:.5rem}.djzone-live-streamer,.djzone-now-playing{font-size:.75rem;color:var(--djzone-accent);font-style:italic;margin-top:.25rem;opacity:.9}.djzone-live-streamer{color:#10B981;font-weight:500}.djzone-no-program{font-size:.875rem;color:var(--djzone-text-tertiary);font-style:italic;opacity:.8}.djzone-stat-trend.neutral{background:linear-gradient(135deg,rgba(107,114,128,.1),rgba(75,85,99,.05));color:#9CA3AF;border:1px solid rgba(107,114,128,.2)}.djzone-error-banner{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:.375rem;color:#ef4444;font-size:.875rem;margin-bottom:1rem}.djzone-listener-metrics .djzone-metric-card.tertiary{background:linear-gradient(135deg,rgba(168,85,247,.1),rgba(139,92,246,.05));border:1px solid rgba(168,85,247,.2)}.djzone-listener-metrics .djzone-metric-card.tertiary .djzone-metric-icon{color:#a855f7;background:rgba(168,85,247,.1)}.djzone-action-btn-small[disabled]{opacity:.5;cursor:not-allowed}.djzone-action-btn-small .animate-spin{animation:spin 1s linear infinite}.djzone-muziek-container{width:100%;min-height:100vh;padding:var(--djzone-space-md)}.djzone-muziek-header{margin-bottom:var(--djzone-space-lg)}.djzone-muziek-header-content{justify-content:space-between}.djzone-muziek-header-content,.djzone-muziek-header-left{display:flex;align-items:center;gap:var(--djzone-space-md)}.djzone-muziek-header-left{flex:1}.djzone-muziek-title{font-size:1.875rem;font-weight:700;color:var(--djzone-text-primary);margin:0;line-height:1.2}.djzone-muziek-subtitle{color:var(--djzone-text-secondary);margin:0;font-size:.875rem}.djzone-muziek-header-controls{display:flex;gap:var(--djzone-space-sm);align-items:center}.djzone-muziek-tabs{margin-bottom:var(--djzone-space-lg)}.djzone-muziek-tabs-container{display:flex;gap:1px;background:var(--djzone-bg-tertiary);border-radius:var(--djzone-radius-lg);padding:1px}.djzone-muziek-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--djzone-space-sm);padding:var(--djzone-space-md);border-radius:calc(var(--djzone-radius-lg) - 1px);transition:all var(--djzone-transition-normal);color:var(--djzone-text-secondary);font-weight:500;position:relative;min-height:44px}.djzone-muziek-tab:hover{color:var(--djzone-text-primary);background:var(--djzone-bg-hover)}.djzone-muziek-tab.active{background:var(--djzone-accent-blue);color:white}.djzone-muziek-tab-label{font-size:.875rem;font-weight:500}.djzone-muziek-tab-badge{background:#ef4444;color:white;font-size:.75rem;padding:.125rem .5rem;border-radius:9999px;margin-left:var(--djzone-space-xs);font-weight:600}.djzone-muziek-dashboard{width:100%}.djzone-muziek-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--djzone-space-md);margin-bottom:var(--djzone-space-lg)}.djzone-muziek-stat{background:var(--djzone-bg-card);border:1px solid var(--djzone-border-primary);border-radius:var(--djzone-radius-lg);padding:var(--djzone-space-lg);position:relative;overflow:hidden;transition:all var(--djzone-transition-normal)}.djzone-muziek-stat:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--djzone-accent-blue),var(--djzone-accent-blue-light));opacity:0;transition:opacity var(--djzone-transition-normal)}.djzone-muziek-stat:hover{transform:translateY(-2px);box-shadow:var(--djzone-shadow-lg);border-color:var(--djzone-border-accent)}.djzone-muziek-stat:hover:before{opacity:1}.djzone-muziek-stat-label{display:block;font-size:.875rem;color:var(--djzone-text-secondary);margin-bottom:var(--djzone-space-xs);font-weight:500}.djzone-muziek-stat-value{display:block;font-size:2rem;font-weight:700;color:var(--djzone-text-primary);line-height:1}.djzone-muziek-dashboard-grid{display:grid;grid-template-columns:1fr;gap:var(--djzone-space-lg)}.djzone-muziek-requests{width:100%}.djzone-muziek-filters{background:var(--djzone-bg-card);border:1px solid var(--djzone-border-primary);border-radius:var(--djzone-radius-lg);padding:var(--djzone-space-lg);margin-bottom:var(--djzone-space-lg)}.djzone-muziek-filters-content{display:flex;flex-direction:column;gap:var(--djzone-space-md)}.djzone-muziek-filter-buttons{display:flex;gap:var(--djzone-space-sm);flex-wrap:wrap}.djzone-muziek-filter-button{padding:var(--djzone-space-sm) var(--djzone-space-md);border:1px solid var(--djzone-border-primary);border-radius:var(--djzone-radius-md);background:transparent;color:var(--djzone-text-secondary);font-size:.875rem;font-weight:500;transition:all var(--djzone-transition-normal);cursor:pointer;min-height:36px}.djzone-muziek-filter-button:hover{background:var(--djzone-bg-hover);color:var(--djzone-text-primary);border-color:var(--djzone-border-secondary)}.djzone-muziek-filter-button.active{background:var(--djzone-accent-blue);color:white;border-color:var(--djzone-accent-blue)}.djzone-muziek-search{display:flex;align-items:center;gap:var(--djzone-space-sm);background:var(--djzone-bg-secondary);border:1px solid var(--djzone-border-primary);border-radius:var(--djzone-radius-md);padding:var(--djzone-space-sm) var(--djzone-space-md);transition:all var(--djzone-transition-normal)}.djzone-muziek-search:focus-within{border-color:var(--djzone-accent-blue);box-shadow:0 0 0 3px rgba(50,44,232,.1)}.djzone-muziek-search-icon{color:var(--djzone-text-muted);flex-shrink:0}.djzone-muziek-search-input{flex:1;background:transparent;border:none;color:var(--djzone-text-primary);font-size:.875rem;outline:none;min-width:0}.djzone-muziek-search-input::placeholder{color:var(--djzone-text-muted)}.djzone-muziek-bulk-actions{display:flex;align-items:center;gap:var(--djzone-space-md);padding:var(--djzone-space-md);background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-radius:var(--djzone-radius-lg);margin-top:var(--djzone-space-md)}.djzone-muziek-bulk-count{font-size:.875rem;color:#93c5fd;font-weight:500}.djzone-muziek-bulk-buttons{display:flex;gap:var(--djzone-space-sm);flex-wrap:wrap}.djzone-muziek-requests-list{display:flex;flex-direction:column;gap:var(--djzone-space-md)}.djzone-muziek-playlists{width:100%}.djzone-muziek-playlists-header{background:var(--djzone-bg-card);border:1px solid var(--djzone-border-primary);border-radius:var(--djzone-radius-lg);padding:var(--djzone-space-lg);margin-bottom:var(--djzone-space-lg)}.djzone-muziek-playlists-header-content{justify-content:space-between}.djzone-muziek-playlists-header-content,.djzone-muziek-playlists-header-left{display:flex;align-items:center;gap:var(--djzone-space-md)}.djzone-muziek-playlists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--djzone-space-md)}.djzone-muziek-charts{width:100%}.djzone-muziek-charts-header{background:var(--djzone-bg-card);border:1px solid var(--djzone-border-primary);border-radius:var(--djzone-radius-lg);padding:var(--djzone-space-lg);margin-bottom:var(--djzone-space-lg)}.djzone-muziek-charts-header-content{justify-content:space-between}.djzone-muziek-charts-header-content,.djzone-muziek-charts-header-left{display:flex;align-items:center;gap:var(--djzone-space-md)}.djzone-muziek-charts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--djzone-space-md)}.djzone-muziek-history{width:100%}.djzone-muziek-history-header{background:var(--djzone-bg-card);border:1px solid var(--djzone-border-primary);border-radius:var(--djzone-radius-lg);padding:var(--djzone-space-lg);margin-bottom:var(--djzone-space-lg)}.djzone-muziek-history-header-content{display:flex;align-items:center;gap:var(--djzone-space-md)}.djzone-muziek-history-list{display:flex;flex-direction:column;gap:var(--djzone-space-sm)}@media (max-width:768px){.djzone-muziek-container{padding:var(--djzone-space-sm)}.djzone-muziek-header-content{flex-direction:column;align-items:stretch;gap:var(--djzone-space-md)}.djzone-muziek-header-left{order:1}.djzone-muziek-header-controls{order:0;justify-content:center}.djzone-muziek-title{font-size:1.5rem}.djzone-muziek-subtitle{display:none}.djzone-muziek-tabs-container{flex-direction:column;gap:2px}.djzone-muziek-tab{justify-content:flex-start;padding:var(--djzone-space-md) var(--djzone-space-lg)}.djzone-muziek-tab-label{font-size:1rem}.djzone-muziek-stats{grid-template-columns:1fr;gap:var(--djzone-space-sm)}.djzone-muziek-stat{padding:var(--djzone-space-md)}.djzone-muziek-stat-value{font-size:1.5rem}.djzone-muziek-dashboard-grid,.djzone-muziek-filters-content{gap:var(--djzone-space-md)}.djzone-muziek-filter-buttons{justify-content:center}.djzone-muziek-filter-button{min-width:auto;flex:1;justify-content:center}.djzone-muziek-bulk-actions{flex-direction:column;align-items:stretch;gap:var(--djzone-space-sm)}.djzone-muziek-bulk-buttons{justify-content:center}.djzone-muziek-charts-header-content,.djzone-muziek-history-header-content,.djzone-muziek-playlists-header-content{flex-direction:column;align-items:stretch;gap:var(--djzone-space-md)}.djzone-muziek-charts-grid,.djzone-muziek-playlists-grid{grid-template-columns:1fr}.djzone-card .djzone-flex.djzone-items-center.djzone-gap-4{flex-direction:column;align-items:stretch;gap:var(--djzone-space-md)}.djzone-card .djzone-flex.djzone-items-center.djzone-gap-4 .djzone-flex-1{order:1}.djzone-card .djzone-flex.djzone-items-center.djzone-gap-4 .djzone-flex-shrink-0{order:0}.djzone-card .djzone-flex.djzone-items-center.djzone-gap-4 .djzone-flex.djzone-items-center.djzone-gap-2{order:2;justify-content:center}}@media (max-width:480px){.djzone-muziek-container{padding:var(--djzone-space-xs)}.djzone-muziek-title{font-size:1.25rem}.djzone-muziek-tab{padding:var(--djzone-space-sm) var(--djzone-space-md);min-height:48px}.djzone-muziek-tab-label{font-size:.875rem}.djzone-muziek-stat{padding:var(--djzone-space-sm)}.djzone-muziek-stat-value{font-size:1.25rem}.djzone-muziek-filter-button{font-size:.75rem;min-height:40px}.djzone-muziek-filter-button,.djzone-muziek-search{padding:var(--djzone-space-xs) var(--djzone-space-sm)}.djzone-muziek-search-input{font-size:.875rem}.djzone-muziek-bulk-actions{padding:var(--djzone-space-sm)}.djzone-muziek-bulk-count{font-size:.75rem}.djzone-muziek-bulk-buttons .djzone-button{padding:var(--djzone-space-xs) var(--djzone-space-sm);font-size:.75rem;min-height:36px}.djzone-card,.djzone-card-content,.djzone-card-header{padding:var(--djzone-space-sm)}.djzone-button{min-height:40px}.djzone-button,.djzone-input{padding:var(--djzone-space-xs) var(--djzone-space-sm);font-size:.875rem}}.djzone-radio-manager-container{width:100%;min-height:100vh;padding:var(--djzone-space-md)}.djzone-radio-manager-header{margin-bottom:var(--djzone-space-lg)}.djzone-radio-manager-header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--djzone-space-md)}.djzone-radio-manager-header-left{display:flex;align-items:center;gap:var(--djzone-space-md);flex:1}.djzone-radio-manager-title{font-size:1.875rem;font-weight:700;color:var(--djzone-text-primary);margin:0;line-height:1.2}.djzone-radio-manager-subtitle{font-size:1rem;color:var(--djzone-text-secondary);margin:0;line-height:1.4}.djzone-radio-manager-header-controls{display:flex;align-items:center;gap:var(--djzone-space-sm)}.djzone-radio-manager-nonstop-control{background:var(--djzone-bg-card);border:1px solid var(--djzone-border-primary);border-radius:var(--djzone-radius-lg);padding:var(--djzone-space-lg);margin-bottom:var(--djzone-space-lg)}.djzone-radio-manager-nonstop-header{display:flex;align-items:center;gap:var(--djzone-space-md);margin-bottom:var(--djzone-space-lg)}.djzone-radio-manager-nonstop-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--djzone-accent-green),var(--djzone-accent-green-light));border-radius:var(--djzone-radius-md);display:flex;align-items:center;justify-content:center;color:white;font-size:1.5rem}.djzone-radio-manager-nonstop-title{font-size:1.25rem;font-weight:600;color:var(--djzone-text-primary);margin:0}.djzone-radio-manager-nonstop-content{display:flex;flex-direction:column;gap:var(--djzone-space-lg)}.djzone-radio-manager-nonstop-status{display:flex;align-items:center;justify-content:space-between;padding:var(--djzone-space-md);background:var(--djzone-bg-secondary);border-radius:var(--djzone-radius-md);border:1px solid var(--djzone-border-secondary)}.djzone-radio-manager-nonstop-status-info{display:flex;flex-direction:column;gap:var(--djzone-space-xs)}.djzone-radio-manager-nonstop-status-title{font-size:1.125rem;font-weight:600;color:var(--djzone-text-primary);margin:0}.djzone-radio-manager-nonstop-status-description{font-size:.875rem;color:var(--djzone-text-secondary);margin:0}.djzone-radio-manager-nonstop-controls{display:flex;align-items:center;justify-content:center;gap:var(--djzone-space-md);padding:var(--djzone-space-lg);background:var(--djzone-bg-secondary);border-radius:var(--djzone-radius-lg);border:1px solid var(--djzone-border-secondary)}.djzone-radio-manager-nonstop-controls-label{font-size:.875rem;font-weight:500;color:var(--djzone-text-secondary);margin-right:var(--djzone-space-md)}.djzone-radio-manager-nonstop-buttons{display:flex;align-items:center;gap:var(--djzone-space-sm)}.djzone-radio-manager-now-playing{background:var(--djzone-bg-card);border:1px solid var(--djzone-border-primary);border-radius:var(--djzone-radius-lg);padding:var(--djzone-space-lg);margin-bottom:var(--djzone-space-lg)}.djzone-radio-manager-now-playing-header{display:flex;align-items:center;gap:var(--djzone-space-md);margin-bottom:var(--djzone-space-lg)}.djzone-radio-manager-now-playing-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--djzone-accent-blue),var(--djzone-accent-blue-light));border-radius:var(--djzone-radius-md);display:flex;align-items:center;justify-content:center;color:white;font-size:1.5rem}.djzone-radio-manager-now-playing-title{font-size:1.25rem;font-weight:600;color:var(--djzone-text-primary);margin:0}.djzone-radio-manager-now-playing-content{display:flex;flex-direction:column;gap:var(--djzone-space-lg)}.djzone-radio-manager-track-info{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--djzone-space-lg);padding:var(--djzone-space-lg);background:var(--djzone-bg-secondary);border-radius:var(--djzone-radius-lg);border:1px solid var(--djzone-border-secondary)}.djzone-radio-manager-track-details{flex:1;min-width:0}.djzone-radio-manager-track-title{font-size:1.5rem;font-weight:700;color:var(--djzone-text-primary);margin:0 0 var(--djzone-space-sm) 0;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.djzone-radio-manager-track-artist{font-size:1.125rem;color:var(--djzone-accent-blue-light);margin:0 0 var(--djzone-space-md) 0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.djzone-radio-manager-track-meta{display:flex;align-items:center;gap:var(--djzone-space-sm);font-size:.875rem;color:var(--djzone-text-secondary)}.djzone-radio-manager-time-display{display:flex;align-items:center;gap:var(--djzone-space-lg)}.djzone-radio-manager-time-section{text-align:center}.djzone-radio-manager-time-value{font-size:2rem;font-weight:900;font-family:Courier New,monospace;color:var(--djzone-text-primary);margin:0 0 var(--djzone-space-xs) 0;line-height:1}.djzone-radio-manager-time-label{font-size:.75rem;color:var(--djzone-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.djzone-radio-manager-time-divider{width:1px;height:48px;background:var(--djzone-border-secondary)}.djzone-radio-manager-progress-section{padding:var(--djzone-space-lg);background:var(--djzone-bg-secondary);border-radius:var(--djzone-radius-lg);border:1px solid var(--djzone-border-secondary)}.djzone-radio-manager-progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--djzone-space-md)}.djzone-radio-manager-progress-label{display:flex;align-items:center;gap:var(--djzone-space-sm);font-size:.875rem;font-weight:500;color:var(--djzone-text-primary)}.djzone-radio-manager-progress-percentage{padding:var(--djzone-space-xs) var(--djzone-space-sm);background:var(--djzone-accent-blue);color:white;border-radius:var(--djzone-radius-sm);font-size:.75rem;font-weight:600;font-family:Courier New,monospace}.djzone-radio-manager-progress-total{font-size:.875rem;color:var(--djzone-text-secondary)}.djzone-radio-manager-progress-bar{position:relative;width:100%;height:16px;background:var(--djzone-bg-tertiary);border-radius:8px;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,.3)}.djzone-radio-manager-progress-fill{height:100%;border-radius:8px;transition:all 1s ease-out;position:relative}.djzone-radio-manager-progress-fill.warning{background:linear-gradient(90deg,var(--djzone-accent-blue),#ef4444)}.djzone-radio-manager-progress-fill.normal{background:linear-gradient(90deg,var(--djzone-accent-blue),var(--djzone-accent-blue-light))}.djzone-radio-manager-progress-glow{position:absolute;top:0;height:100%;width:8px;border-radius:4px;filter:blur(4px);transition:all 1s ease-out}.djzone-radio-manager-progress-glow.warning{background:rgba(239,68,68,.5)}.djzone-radio-manager-progress-glow.normal{background:rgba(255,255,255,.3)}.djzone-radio-manager-stream-stats{background:var(--djzone-bg-card);border:1px solid var(--djzone-border-primary);border-radius:var(--djzone-radius-lg);padding:var(--djzone-space-lg);margin-bottom:var(--djzone-space-lg)}.djzone-radio-manager-stream-stats-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--djzone-space-lg)}.djzone-radio-manager-stream-stats-title-section{display:flex;align-items:center;gap:var(--djzone-space-md)}.djzone-radio-manager-stream-stats-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--djzone-accent-green),var(--djzone-accent-green-light));border-radius:var(--djzone-radius-md);display:flex;align-items:center;justify-content:center;color:white;font-size:1.5rem}.djzone-radio-manager-stream-stats-title{font-size:1.25rem;font-weight:600;color:var(--djzone-text-primary);margin:0}.djzone-radio-manager-stream-stats-toggle{background:var(--djzone-bg-secondary);border:1px solid var(--djzone-border-secondary);border-radius:var(--djzone-radius-md);padding:var(--djzone-space-sm);color:var(--djzone-text-secondary);cursor:pointer;transition:all var(--djzone-transition-normal)}.djzone-radio-manager-stream-stats-toggle:hover{background:var(--djzone-bg-hover);color:var(--djzone-text-primary)}.djzone-radio-manager-stream-stats-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--djzone-space-md)}.djzone-radio-manager-song-history{background:var(--djzone-bg-card);border:1px solid var(--djzone-border-primary);border-radius:var(--djzone-radius-lg);padding:var(--djzone-space-lg);margin-bottom:var(--djzone-space-lg)}.djzone-radio-manager-song-history-header{display:flex;align-items:center;gap:var(--djzone-space-md);margin-bottom:var(--djzone-space-lg)}.djzone-radio-manager-song-history-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--djzone-accent-blue),var(--djzone-accent-blue-light));border-radius:var(--djzone-radius-md);display:flex;align-items:center;justify-content:center;color:white;font-size:1.5rem}.djzone-radio-manager-song-history-title{font-size:1.25rem;font-weight:600;color:var(--djzone-text-primary);margin:0}.djzone-radio-manager-song-history-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--djzone-space-md)}.djzone-radio-manager-song-item{display:flex;align-items:center;gap:var(--djzone-space-md);padding:var(--djzone-space-md);background:var(--djzone-bg-secondary);border-radius:var(--djzone-radius-lg);border:1px solid var(--djzone-border-secondary);transition:all var(--djzone-transition-normal)}.djzone-radio-manager-song-item:hover{background:var(--djzone-bg-hover);border-color:var(--djzone-border-accent);transform:translateY(-2px);box-shadow:var(--djzone-shadow-lg)}.djzone-radio-manager-song-artwork{width:64px;height:64px;border-radius:var(--djzone-radius-md);object-fit:cover;border:2px solid var(--djzone-border-secondary);box-shadow:var(--djzone-shadow-md)}.djzone-radio-manager-song-details{flex:1;min-width:0}.djzone-radio-manager-song-title{font-size:1rem;font-weight:600;color:var(--djzone-text-primary);line-height:1.3}.djzone-radio-manager-song-artist,.djzone-radio-manager-song-title{margin:0 0 var(--djzone-space-xs) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.djzone-radio-manager-song-artist{font-size:.875rem;color:var(--djzone-text-secondary);line-height:1.4}.djzone-radio-manager-song-album{font-size:.75rem;color:var(--djzone-text-muted);margin:0 0 var(--djzone-space-xs) 0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.djzone-radio-manager-song-time{display:flex;align-items:center;gap:var(--djzone-space-xs);font-size:.75rem;color:var(--djzone-text-muted)}.djzone-radio-manager-song-badge{padding:var(--djzone-space-xs) var(--djzone-space-sm);background:var(--djzone-accent-blue);color:white;border-radius:var(--djzone-radius-sm);font-size:.75rem;font-weight:600;border:1px solid rgba(50,44,232,.3)}.djzone-radio-manager-settings{background:var(--djzone-bg-card);border:1px solid var(--djzone-border-primary);border-radius:var(--djzone-radius-lg);padding:var(--djzone-space-lg)}.djzone-radio-manager-settings-header{display:flex;align-items:center;gap:var(--djzone-space-md);margin-bottom:var(--djzone-space-lg)}.djzone-radio-manager-settings-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--djzone-accent-blue),var(--djzone-accent-blue-light));border-radius:var(--djzone-radius-md);display:flex;align-items:center;justify-content:center;color:white;font-size:1.5rem}.djzone-radio-manager-settings-title{font-size:1.25rem;font-weight:600;color:var(--djzone-text-primary);margin:0}.djzone-radio-manager-settings-content{display:flex;align-items:center;gap:var(--djzone-space-lg)}.djzone-radio-manager-settings-item{display:flex;align-items:center;gap:var(--djzone-space-sm)}.djzone-radio-manager-settings-label{font-size:.875rem;color:var(--djzone-text-primary);font-weight:500}.djzone-radio-manager-settings-input{width:80px;padding:var(--djzone-space-xs) var(--djzone-space-sm);background:var(--djzone-bg-secondary);border:1px solid var(--djzone-border-secondary);border-radius:var(--djzone-radius-sm);color:var(--djzone-text-primary);font-size:.875rem;text-align:center}.djzone-radio-manager-settings-input:focus{outline:none;border-color:var(--djzone-accent-blue);box-shadow:0 0 0 2px rgba(50,44,232,.2)}@media (max-width:768px){.djzone-radio-manager-container{padding:var(--djzone-space-sm)}.djzone-radio-manager-header-content{flex-direction:column;align-items:flex-start;gap:var(--djzone-space-md)}.djzone-radio-manager-header-left{width:100%}.djzone-radio-manager-title{font-size:1.5rem}.djzone-radio-manager-subtitle{font-size:.875rem}.djzone-radio-manager-header-controls{width:100%;justify-content:flex-end}.djzone-radio-manager-header-controls .djzone-button{padding:var(--djzone-space-sm) var(--djzone-space-md);font-size:.875rem}.djzone-radio-manager-header-controls .djzone-button span{display:none}.djzone-radio-manager-nonstop-controls{flex-direction:column;gap:var(--djzone-space-md);padding:var(--djzone-space-md)}.djzone-radio-manager-nonstop-controls-label{margin-right:0;margin-bottom:var(--djzone-space-sm)}.djzone-radio-manager-nonstop-buttons{width:100%;justify-content:center;flex-wrap:wrap}.djzone-radio-manager-nonstop-buttons .djzone-button{flex:1;min-width:120px;padding:var(--djzone-space-sm) var(--djzone-space-md);font-size:.875rem}.djzone-radio-manager-track-info{flex-direction:column;gap:var(--djzone-space-md)}.djzone-radio-manager-time-display{justify-content:center;gap:var(--djzone-space-md)}.djzone-radio-manager-time-value{font-size:1.5rem}.djzone-radio-manager-time-divider{height:32px}.djzone-radio-manager-song-history-content,.djzone-radio-manager-stream-stats-content{grid-template-columns:1fr;gap:var(--djzone-space-sm)}.djzone-radio-manager-song-item{padding:var(--djzone-space-sm)}.djzone-radio-manager-song-artwork{width:48px;height:48px}.djzone-radio-manager-settings-content{flex-direction:column;align-items:flex-start;gap:var(--djzone-space-md)}.djzone-radio-manager-settings-item{width:100%;justify-content:space-between}.djzone-radio-manager-settings-input{width:100px}}@media (max-width:480px){.djzone-radio-manager-container{padding:var(--djzone-space-xs)}.djzone-radio-manager-title{font-size:1.25rem}.djzone-radio-manager-nonstop-buttons{flex-direction:column;width:100%}.djzone-radio-manager-nonstop-buttons .djzone-button{width:100%;min-width:auto}.djzone-radio-manager-time-display{flex-direction:column;gap:var(--djzone-space-sm)}.djzone-radio-manager-time-divider{display:none}.djzone-radio-manager-song-item{flex-direction:column;text-align:center;gap:var(--djzone-space-sm)}.djzone-radio-manager-song-artwork{width:80px;height:80px}.djzone-radio-manager-song-badge{align-self:center}.djzone-radio-manager-settings-content{gap:var(--djzone-space-sm)}.djzone-radio-manager-settings-item{flex-direction:column;align-items:flex-start;gap:var(--djzone-space-xs)}.djzone-radio-manager-settings-input{width:100%}}@media (max-width:768px){.djzone-chat-container{height:100vh;overflow:hidden}.djzone-chat-header{padding:.75rem 1rem;flex-direction:column;gap:.75rem;border-bottom:1px solid var(--djzone-border-color)}.djzone-chat-title-section{flex-direction:row;align-items:center;gap:.75rem;width:100%}.djzone-mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--djzone-primary-color);border:none;border-radius:.5rem;color:white;cursor:pointer;transition:all .2s ease}.djzone-mobile-menu-toggle:hover{background:var(--djzone-primary-hover);transform:scale(1.05)}.djzone-chat-title-content{flex:1}.djzone-chat-title{font-size:1.25rem;line-height:1.4}.djzone-chat-subtitle{font-size:.875rem;line-height:1.3}.djzone-chat-header-actions{flex-wrap:wrap;gap:.5rem;justify-content:center}.djzone-chat-action-btn{padding:.5rem .75rem;font-size:.875rem;min-width:auto;flex:1;max-width:120px}.djzone-chat-action-btn span{display:none}.djzone-chat-stats{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:.75rem 1rem}.djzone-chat-stat-card{padding:.75rem;min-height:4rem}.djzone-chat-stat-value{font-size:1.25rem}.djzone-chat-stat-label{font-size:.75rem}.djzone-chat-tabs-container{padding:0 1rem}.djzone-chat-tabs{gap:.25rem}.djzone-chat-tab{padding:.5rem .75rem;font-size:.875rem;flex:1}.djzone-chat-tab-label{display:none}.djzone-chat-filters-panel{padding:.75rem 1rem}.djzone-chat-filters-content{flex-direction:column;gap:.75rem}.djzone-chat-search-container{width:100%}.djzone-chat-search-input{font-size:.875rem;padding:.625rem .75rem}.djzone-chat-filter-selects{flex-direction:column;gap:.75rem}.djzone-chat-filter-group{width:100%}.djzone-chat-filter-select{font-size:.875rem;padding:.625rem .75rem}.djzone-chat-media-panel,.djzone-chat-quick-replies-panel,.djzone-chat-templates-panel{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:rgba(0,0,0,.8);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem}.djzone-chat-media-content,.djzone-chat-quick-replies-content,.djzone-chat-templates-content{width:100%;max-width:500px;max-height:80vh;overflow-y:auto;background:var(--djzone-card-bg);border-radius:1rem;border:1px solid var(--djzone-border-color);box-shadow:0 20px 40px rgba(0,0,0,.3)}.djzone-chat-quick-replies-grid,.djzone-chat-templates-grid{grid-template-columns:1fr;gap:.75rem;padding:1rem}.djzone-chat-quick-reply-btn,.djzone-chat-template-card{padding:1rem;font-size:.875rem}.djzone-chat-main-content{flex:1;position:relative;overflow:hidden}.djzone-chat-list-container{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--djzone-card-bg);border-radius:0;border:none;transform:translateX(-100%);transition:transform .3s ease;z-index:100}@media (min-width:769px){.djzone-chat-list-container{transform:translateX(0);position:relative}}.djzone-chat-list-container.mobile-open{transform:translateX(0)}.djzone-chat-list-container.mobile-closed{transform:translateX(-100%)}.djzone-chat-list-panel{height:100%;border-radius:0;border:none}.djzone-chat-list-header{padding:1rem;border-bottom:1px solid var(--djzone-border-color)}.djzone-chat-list-title{font-size:1.125rem}.djzone-chat-list-count{font-size:.875rem}.djzone-chat-list-content{height:calc(100% - 4rem);overflow-y:auto;-webkit-overflow-scrolling:touch}.djzone-chat-sessions-list{padding:.5rem}.djzone-chat-session-card{padding:.75rem;margin-bottom:.5rem;border-radius:.75rem}.djzone-chat-session-content{gap:.75rem}.djzone-chat-session-name{font-size:1rem}.djzone-chat-session-message{font-size:.875rem;line-height:1.4}.djzone-chat-detail-container{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--djzone-card-bg);border-radius:0;border:none;transform:translateX(100%);transition:transform .3s ease;z-index:50}.djzone-chat-detail-container:not(:empty){transform:translateX(0)}.djzone-card-header{padding:1rem;flex-direction:row;align-items:center;justify-content:space-between}.djzone-messages-container{height:calc(100% - 8rem);padding:.75rem}.djzone-message-bubble-container{margin-bottom:1rem}.djzone-message-bubble{max-width:85%;padding:.75rem}.djzone-message-text{font-size:.875rem;line-height:1.4}.djzone-message-image{max-width:200px;max-height:200px}.djzone-audio-player{padding:.75rem;gap:.5rem}.djzone-audio-play-btn{width:2.5rem;height:2.5rem}.djzone-audio-info{flex:1;gap:.25rem}.djzone-audio-waves{font-size:.875rem}.djzone-audio-duration{font-size:.75rem}.djzone-message-footer{margin-top:.5rem;gap:.5rem}.djzone-category-badge,.djzone-unread-indicator{font-size:.75rem;padding:.25rem .5rem}.djzone-star-btn{width:2rem;height:2rem}.djzone-chat-typing-indicator{padding:.75rem;margin:.5rem;border-radius:.75rem}.djzone-typing-text{font-size:.875rem}.djzone-quick-actions-bar{flex-direction:column;gap:.5rem;padding:.75rem}.djzone-quick-actions-label{font-size:.875rem}.djzone-quick-actions-buttons{flex-wrap:wrap;gap:.5rem}.djzone-quick-action-btn{padding:.5rem .75rem;font-size:.875rem}.djzone-input{font-size:.875rem;padding:.75rem}.djzone-button{padding:.75rem 1rem;font-size:.875rem;min-width:2.5rem}.djzone-button.primary{min-width:auto;flex:1}}@media (max-width:480px){.djzone-chat-header{padding:.5rem .75rem}.djzone-chat-title{font-size:1.125rem}.djzone-chat-subtitle{font-size:.8rem}.djzone-chat-action-btn{padding:.5rem;min-width:2.5rem;max-width:none}.djzone-chat-stats{grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.5rem .75rem}.djzone-chat-stat-card{padding:.5rem;min-height:3.5rem}.djzone-chat-stat-value{font-size:1.125rem}.djzone-chat-stat-label{font-size:.7rem}.djzone-chat-tabs{padding:.5rem}.djzone-chat-tab{padding:.5rem;font-size:.8rem}.djzone-chat-session-card{padding:.5rem;margin-bottom:.25rem}.djzone-chat-session-name{font-size:.9rem}.djzone-chat-session-message{font-size:.8rem}.djzone-messages-container{padding:.5rem}.djzone-message-bubble{max-width:90%;padding:.5rem}.djzone-message-text{font-size:.8rem}.djzone-message-image{max-width:150px;max-height:150px}.djzone-audio-player{padding:.5rem}.djzone-audio-play-btn{width:2rem;height:2rem}.djzone-audio-waves{font-size:.8rem}.djzone-audio-duration{font-size:.7rem}.djzone-category-badge,.djzone-unread-indicator{font-size:.7rem;padding:.2rem .4rem}.djzone-quick-action-btn{padding:.4rem .6rem;font-size:.8rem}.djzone-input{font-size:.8rem;padding:.6rem}.djzone-button{padding:.6rem .8rem;font-size:.8rem}}.djzone-mobile-sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:99;animation:fadeIn .2s ease}.djzone-mobile-menu-toggle{display:none}@media (max-width:768px){.djzone-mobile-menu-toggle{display:flex}.djzone-fade-in .djzone-flex.djzone-justify-between.djzone-items-center.djzone-mb-6{flex-direction:column;align-items:flex-start;gap:1rem}.djzone-fade-in .djzone-flex.djzone-justify-between.djzone-items-center.djzone-mb-6>div:first-child{width:100%;justify-content:space-between}.djzone-fade-in .djzone-flex.djzone-justify-between.djzone-items-center.djzone-mb-6>div:last-child{width:100%;justify-content:flex-end}.djzone-fade-in h1.text-2xl{font-size:1.5rem;line-height:1.2}.djzone-fade-in p.text-gray-400{font-size:.875rem}.djzone-fade-in .djzone-flex.djzone-gap-2{gap:.5rem}.djzone-fade-in .djzone-button{padding:.5rem .75rem;font-size:.875rem}.djzone-fade-in .djzone-button svg{width:16px;height:16px}.djzone-fade-in .djzone-card .djzone-card-content .djzone-flex.djzone-gap-2{flex-direction:column;gap:.75rem}.djzone-fade-in .djzone-card .djzone-card-content .djzone-input{width:100%}.djzone-fade-in .djzone-card .djzone-flex.djzone-items-center.djzone-gap-2.djzone-flex-wrap{gap:.5rem}.djzone-fade-in .djzone-card .djzone-flex.djzone-items-center.djzone-gap-4{gap:.75rem}.djzone-fade-in .djzone-card .text-sm{font-size:.75rem}.djzone-fade-in .djzone-flex.djzone-items-center.djzone-justify-center.h-full{padding:1rem}.djzone-fade-in .text-center .w-32.h-32{width:6rem;height:6rem}.djzone-fade-in .text-center .w-32.h-32 svg{width:2rem;height:2rem}.djzone-fade-in .text-center h3.text-xl{font-size:1.25rem}.djzone-fade-in .text-center p.text-gray-400{font-size:.875rem}.djzone-fade-in .text-center p.text-gray-500{font-size:.75rem}.djzone-fade-in .djzone-flex.djzone-gap-3.djzone-justify-center.djzone-flex-wrap{gap:.5rem}.djzone-fade-in .djzone-flex.djzone-gap-3.djzone-justify-center.djzone-flex-wrap .djzone-button{padding:.5rem .75rem;font-size:.875rem}}@media (max-width:480px){.djzone-fade-in .djzone-flex.djzone-justify-between.djzone-items-center.djzone-mb-6{gap:.75rem}.djzone-fade-in .djzone-flex.djzone-justify-between.djzone-items-center.djzone-mb-6>div:last-child{flex-wrap:wrap;gap:.5rem}.djzone-fade-in h1.text-2xl{font-size:1.25rem;margin-bottom:.25rem}.djzone-fade-in p.text-gray-400{font-size:.75rem}.djzone-fade-in .djzone-flex.djzone-gap-2{gap:.25rem}.djzone-fade-in .djzone-button{padding:.5rem;font-size:.75rem;min-width:auto}.djzone-fade-in .djzone-button svg{width:14px;height:14px}.djzone-fade-in .djzone-card{padding:1rem}.djzone-fade-in .djzone-card .djzone-card-header{margin-bottom:1rem}.djzone-fade-in .djzone-card .djzone-card-title{font-size:1rem}.djzone-fade-in .djzone-card .djzone-flex.djzone-items-center.djzone-gap-2.djzone-flex-wrap{gap:.25rem}.djzone-fade-in .djzone-card .djzone-flex.djzone-items-center.djzone-gap-4{gap:.5rem}.djzone-fade-in .djzone-card .text-sm{font-size:.7rem}.djzone-fade-in .djzone-flex.djzone-items-center.djzone-justify-center.h-full{padding:.75rem}.djzone-fade-in .text-center .w-32.h-32{width:5rem;height:5rem;margin-bottom:1.5rem}.djzone-fade-in .text-center .w-32.h-32 svg{width:1.75rem;height:1.75rem}.djzone-fade-in .text-center h3.text-xl{font-size:1.125rem;margin-bottom:.5rem}.djzone-fade-in .text-center p.text-gray-400{font-size:.8rem;margin-bottom:.5rem}.djzone-fade-in .text-center p.text-gray-500{font-size:.7rem;margin-bottom:1.5rem}.djzone-fade-in .djzone-flex.djzone-gap-3.djzone-justify-center.djzone-flex-wrap{gap:.25rem}.djzone-fade-in .djzone-flex.djzone-gap-3.djzone-justify-center.djzone-flex-wrap .djzone-button{padding:.5rem;font-size:.75rem}.djzone-mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:.5rem;color:#3B82F6;transition:all .2s ease}.djzone-mobile-menu-toggle:hover{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.3)}}@media (min-width:769px){.djzone-mobile-menu-toggle{display:none}}.admin-panel *{margin:0;padding:0;box-sizing:border-box}.admin-panel{--background:#F6F9FB;--foreground:#171717;--color-fomix-blue:#322ce8;--color-fomix-blue-light:#1e60af;--color-fomix-blue-dark:#2D28D0;--color-fomix-green:#05be78;--color-fomix-green-light:#05be78;--color-fomix-green-dark:#059669;--color-fix-grey-950:#0a0a0a;--color-fix-grey-900:#171717;--color-fix-grey-800:#262626;--color-fix-grey-700:#374151;--color-fix-grey-600:#525252;--color-fix-grey-500:#6b7280;--color-fix-grey-400:#9ca3af;--color-fix-grey-200:#e5e5e5;--color-fix-grey-100:#f5f5f5;--color-fix-white:#ffffff;--color-fix-black:#000000;--color-alt-grey-100:#f5f5f5;--color-alt-grey-800:#262626;--space:0.5rem;--space2:1rem;--space3:1.5rem;--space4:2rem;--space6:3rem;--space8:4rem;--border-radius:1rem;--border-radius-small:0.5rem;--border-radius-large:1.5rem;--shadow-small:0 2px 4px rgba(82,85,90,0.1);--shadow-medium:0 10px 40px rgba(82,85,90,0.1);--shadow-large:0 20px 60px rgba(82,85,90,0.15);--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.4s ease;--sidebar-width:280px;--sidebar-collapsed-width:80px;--topbar-height:70px}.admin-panel .admin-content{max-width:100vw;overflow-x:hidden}.admin-panel .admin-card,.admin-panel .admin-dashboard-grid,.admin-panel .admin-stats-grid{max-width:100%;box-sizing:border-box}@media (max-width:1024px){.admin-history-art,.admin-now-playing-art{will-change:transform}.admin-history-card{will-change:transform,box-shadow}.admin-mobile-history{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.admin-mobile-history::-webkit-scrollbar{width:4px}.admin-mobile-history::-webkit-scrollbar-track{background:transparent}.admin-mobile-history::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:2px}.admin-mobile-history::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.admin-now-playing-content,.admin-now-playing-content *{max-width:100%;box-sizing:border-box}.admin-progress-container>*{width:100%;max-width:100%}.admin-table-container{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;border-radius:8px!important;max-width:100%!important}.admin-table{min-width:500px!important;font-size:.8rem!important;width:100%!important}.admin-table td,.admin-table th{padding:.5rem!important;font-size:.75rem!important}.admin-table th{background:rgba(0,0,0,.03)!important;position:sticky!important;top:0!important;z-index:1!important}}.admin-panel{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.admin-topbar{background:var(--color-fix-white);height:var(--topbar-height);border-bottom:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space6);box-shadow:var(--shadow-small);position:fixed;top:0;left:0;right:0;z-index:100;transition:left var(--transition-normal)}@media (min-width:1025px){.admin-main.sidebar-expanded .admin-topbar{left:var(--sidebar-width)}.admin-main.sidebar-collapsed .admin-topbar{left:var(--sidebar-collapsed-width)}}.admin-topbar-left{display:flex;align-items:center}.admin-topbar-title{font-size:1.5rem;font-weight:700;color:var(--color-fix-grey-700);background:var(--color-fix-grey-700);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.admin-topbar-right{display:flex;align-items:center;gap:var(--space3)}.admin-topbar-back{display:flex;align-items:center;gap:var(--space);color:var(--color-fomix-blue);text-decoration:none;border-radius:50px;font-weight:600;transition:all var(--transition-fast);border:none;cursor:pointer}.admin-topbar-back:hover{text-decoration:underline}.admin-topbar-user{display:flex;align-items:center;gap:var(--space2);font-weight:600;color:var(--color-fix-grey-700)}.admin-topbar-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));display:flex;align-items:center;justify-content:center;color:var(--color-fix-white);font-weight:700;font-size:1.1rem}.admin-main{display:flex;min-height:100vh;transition:all var(--transition-normal)}.admin-sidebar{background:var(--color-fix-white);width:var(--sidebar-width);height:100vh;position:fixed;left:0;top:0;z-index:200;box-shadow:var(--shadow-medium);transition:width var(--transition-normal);overflow:hidden;display:flex;flex-direction:column}.admin-sidebar.collapsed{width:var(--sidebar-collapsed-width)}.admin-sidebar-header{padding:var(--space1);border-bottom:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:flex-start;min-height:var(--topbar-height)}.admin-sidebar.collapsed .admin-sidebar-header{justify-content:center;padding:var(--space1)}.admin-sidebar-logo{display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);width:100%}.admin-sidebar-logo-expanded{max-width:160px}.admin-sidebar-logo-collapsed,.admin-sidebar-logo-expanded{transition:all var(--transition-normal);height:auto;width:auto;max-height:32px}.admin-sidebar-logo-collapsed{max-width:32px}.admin-topbar-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:var(--space2);border-radius:var(--border-radius-small);transition:all var(--transition-fast);color:var(--color-fix-grey-600);margin-right:var(--space3);min-width:44px;min-height:44px}.admin-topbar-toggle:hover{background:rgba(50,44,232,.1);color:var(--color-fomix-blue)}.admin-sidebar-toggle{background:none;border:none;cursor:pointer;padding:var(--space);border-radius:var(--border-radius-small);transition:all var(--transition-fast);color:var(--color-fix-grey-600);flex-shrink:0}.admin-sidebar-toggle:hover{background:var(--color-fix-grey-100);color:var(--color-fix-grey-900)}.admin-sidebar-nav{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.admin-sidebar-nav::-webkit-scrollbar{display:none}.admin-sidebar-nav{-ms-overflow-style:none;scrollbar-width:none}.admin-sidebar-section:last-child{margin-bottom:var(--space4)}.admin-sidebar-section-title{padding:0 var(--space4) var(--space2) var(--space4);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-fix-grey-500);transition:opacity var(--transition-normal)}.admin-sidebar.collapsed .admin-sidebar-section-title{opacity:0;height:0;padding:0;margin:0;overflow:hidden}.admin-sidebar-item{position:relative}.admin-sidebar-link{display:flex;align-items:center;gap:var(--space2);padding:var(--space2) var(--space4);color:var(--color-fix-grey-700);text-decoration:none;font-weight:500;transition:all var(--transition-fast);border:none;background:none;width:100%;text-align:left;cursor:pointer;position:relative;overflow:hidden}.admin-sidebar-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,var(--color-fomix-blue),var(--color-fomix-blue));transform:scaleY(0);transition:transform var(--transition-fast)}.admin-sidebar-link.active,.admin-sidebar-link:hover{background:rgba(50,44,232,.05);color:var(--color-fomix-blue)}.admin-sidebar-link.active:before,.admin-sidebar-link:hover:before{transform:scaleY(1)}.admin-sidebar-icon{width:20px;height:20px;flex-shrink:0;transition:transform var(--transition-fast)}.admin-sidebar-link:hover .admin-sidebar-icon{transform:scale(1.1)}.admin-sidebar-text{white-space:nowrap;overflow:hidden;transition:opacity var(--transition-normal)}.admin-sidebar.collapsed .admin-sidebar-text{opacity:0;width:0}.admin-sidebar-arrow{width:16px;height:16px;margin-left:auto;transition:transform var(--transition-fast)}.admin-sidebar.collapsed .admin-sidebar-arrow{opacity:0;width:0}.admin-sidebar-submenu.expanded .admin-sidebar-arrow{transform:rotate(90deg)}.admin-sidebar-submenu-items{max-height:0;overflow:hidden;transition:max-height var(--transition-normal)}.admin-sidebar-submenu-items.expanded{max-height:500px}.admin-sidebar.collapsed .admin-sidebar-submenu-items{max-height:0!important;opacity:0}.admin-sidebar-submenu-link{padding-left:calc(var(--space4) + var(--space6));font-size:.9rem;color:var(--color-fix-grey-600)}.admin-sidebar-submenu-link:hover{color:var(--color-fomix-blue);background:rgba(50,44,232,.03)}.admin-sidebar-djzone{padding:var(--space4);border-top:1px solid rgba(0,0,0,.1)}.admin-djzone-button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space2);padding:var(--space3);background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:var(--color-fix-white);border:none;border-radius:50px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.admin-djzone-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(5,190,120,.3)}.admin-sidebar.collapsed .admin-djzone-button{padding:var(--space2);border-radius:50%;width:48px;height:48px;margin:0 auto}.admin-sidebar.collapsed .admin-sidebar-djzone span{display:none}.admin-content{flex:1;margin-left:0;margin-top:var(--topbar-height);padding:var(--space6);transition:margin-left var(--transition-normal);min-height:calc(100vh - var(--topbar-height));background:var(--background);overflow-x:hidden}.admin-container,.admin-content{width:100%;box-sizing:border-box}.admin-container{max-width:none;margin:0 auto}@media (min-width:1025px){.admin-content{margin-left:var(--sidebar-width)}.admin-main.sidebar-collapsed .admin-content{margin-left:var(--sidebar-collapsed-width)}}.admin-card{background:var(--color-fix-white);border-radius:var(--border-radius);padding:var(--space6);box-shadow:var(--shadow-medium);transition:all var(--transition-fast);margin-bottom:var(--space6);border:1px solid rgba(0,0,0,.05)}.admin-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-large)}.admin-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space3);padding-bottom:var(--space3);border-bottom:1px solid rgba(0,0,0,.1)}.admin-card-title{font-size:1.25rem;font-weight:700;color:var(--color-fix-grey-900);display:flex;align-items:center;gap:var(--space2)}.admin-card-icon{width:24px;height:24px;color:var(--color-fomix-blue)}.admin-card-action{display:flex;align-items:center;gap:var(--space);padding:var(--space) var(--space2);background:rgba(50,44,232,.1);color:var(--color-fomix-blue);border:none;border-radius:50px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;font-size:.9rem}.admin-card-action:hover{background:var(--color-fomix-blue);color:var(--color-fix-white);transform:translateY(-1px)}.admin-card-actions{display:flex;align-items:center;gap:var(--space2);flex-wrap:wrap}.admin-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space4);margin-bottom:var(--space6)}.admin-stat-card{background:var(--color-fix-white);border-radius:var(--border-radius);padding:var(--space6);box-shadow:var(--shadow-medium);transition:all var(--transition-fast);border:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden;min-height:180px}.admin-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--color-fomix-blue),var(--color-fomix-blue))}.admin-stat-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-large);border-color:rgba(50,44,232,.1)}.admin-stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space3)}.admin-stat-title{font-size:1rem;font-weight:600;color:var(--color-fix-grey-600);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space2)}.admin-stat-icon{border-radius:var(--border-radius-small);color:var(--color-fix-white);box-shadow:0 4px 12px rgba(50,44,232,.2)}.admin-stat-icon,.admin-stat-value{background:linear-gradient(135deg,var(--color-fomix-blue),var(--color-fomix-green))}.admin-stat-value{font-size:3.5rem;color:var(--color-fix-grey-900);margin-bottom:var(--space2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.admin-stat-change{font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:var(--space)}.admin-stat-change.positive{color:var(--color-fomix-green)}.admin-stat-change.negative{color:#ef4444}.admin-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space);padding:var(--space2) var(--space4);background:linear-gradient(135deg,var(--color-fomix-blue),var(--color-fomix-blue-light));color:var(--color-fix-white);border:none;border-radius:50px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;min-height:48px;font-size:1rem}.admin-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(50,44,232,.3)}.admin-button:active{transform:translateY(0)}.admin-button:disabled{opacity:.5;cursor:not-allowed}.admin-button:disabled:hover{transform:none;box-shadow:none}.admin-button.primary{background:linear-gradient(135deg,var(--color-fomix-blue),var(--color-fomix-blue-light));color:var(--color-fix-white)}.admin-button.secondary{background:var(--color-fix-white);color:var(--color-fomix-blue);border:2px solid var(--color-fomix-blue)}.admin-button.secondary:hover{background:var(--color-fomix-blue);color:var(--color-fix-white)}.admin-button.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:var(--color-fix-white)}.admin-button.danger:hover{box-shadow:0 6px 20px rgba(239,68,68,.3)}.admin-button.danger.outline{background:var(--color-fix-white);color:#ef4444;border:2px solid #ef4444}.admin-button.danger.outline:hover{background:#ef4444;color:var(--color-fix-white)}.admin-button.success{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-green-dark));color:var(--color-fix-white)}.admin-button.success:hover{box-shadow:0 6px 20px rgba(5,190,120,.3)}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space8);color:var(--color-fix-grey-500)}.admin-spinner{width:32px;height:32px;border:3px solid rgba(5,190,120,.3);border-top:3px solid var(--color-fomix-green);border-radius:50%;animation:admin-spin 1s linear infinite}@keyframes admin-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-loading-text{margin-top:var(--space2);font-weight:600}.admin-table{width:100%;border-collapse:collapse}.admin-table td,.admin-table th{padding:var(--space3);text-align:left;border-bottom:1px solid rgba(0,0,0,.1)}.admin-table th{font-weight:700;color:var(--color-fix-grey-900);background:var(--color-fix-grey-100)}.admin-table tbody tr:hover{background:rgba(50,44,232,.02)}.admin-form-group{margin-bottom:var(--space4)}.admin-form-label{display:flex;align-items:center;gap:var(--space);font-weight:600;color:var(--color-fix-grey-900);margin-bottom:var(--space);font-size:.9rem}.admin-form-input{width:100%;padding:var(--space2) var(--space3);border:2px solid rgba(0,0,0,.1);border-radius:var(--border-radius-small);font-size:1rem;transition:all var(--transition-fast);background:var(--color-fix-white)}.admin-form-input:focus{outline:none;border-color:var(--color-fomix-blue);box-shadow:0 0 0 3px rgba(50,44,232,.1)}.admin-form-textarea{width:100%;padding:var(--space2) var(--space3);border:2px solid rgba(0,0,0,.1);border-radius:var(--border-radius-small);font-size:1rem;font-family:inherit;line-height:1.5;min-height:120px;resize:vertical;transition:all var(--transition-fast);background:var(--color-fix-white)}.admin-form-textarea:focus{outline:none;border-color:var(--color-fomix-blue);box-shadow:0 0 0 3px rgba(50,44,232,.1)}.admin-form-select{width:100%;padding:var(--space2) var(--space3);border:2px solid rgba(0,0,0,.1);border-radius:var(--border-radius-small);font-size:1rem;background:var(--color-fix-white);cursor:pointer;transition:all var(--transition-fast)}.admin-form-select:focus{outline:none;border-color:var(--color-fomix-blue);box-shadow:0 0 0 3px rgba(50,44,232,.1)}.admin-form-checkbox{display:flex;align-items:center;gap:var(--space2);cursor:pointer}.admin-form-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-fomix-blue);cursor:pointer}.admin-form-checkbox-label{font-size:.9rem;font-weight:500;color:var(--color-fix-grey-700);cursor:pointer}.admin-form-error{color:#ef4444;font-size:.875rem;margin-top:.25rem;display:block}.admin-status-badge{padding:var(--space) var(--space2);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.admin-badge,.admin-status-badge{display:inline-flex;align-items:center;gap:var(--space);border-radius:50px}.admin-badge{padding:.25rem .5rem;font-weight:500;text-transform:none}.admin-status-badge.online{background:rgba(5,190,120,.1);color:var(--color-fomix-green)}.admin-status-badge.offline{background:rgba(239,68,68,.1);color:#ef4444}.admin-status-badge.warning{background:rgba(245,158,11,.1);color:#f59e0b}.admin-hero{background:linear-gradient(135deg,var(--color-fomix-green),var(--color-fomix-blue));color:var(--color-fix-white);border-radius:var(--border-radius);padding:var(--space6) var(--space8);margin-bottom:var(--space6);box-shadow:var(--shadow-large);overflow:hidden;position:relative}.admin-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);opacity:.3;pointer-events:none}.admin-hero-content{display:flex;align-items:center;gap:var(--space4);margin-bottom:var(--space6);position:relative;z-index:1}.admin-hero-icon{background:rgba(255,255,255,.2);border-radius:var(--border-radius);padding:var(--space3);flex-shrink:0}.admin-hero-text{flex:1}.admin-hero-title{font-size:2.5rem;font-weight:700;margin-bottom:var(--space2);line-height:1.2}.admin-hero-description{font-size:1.1rem;opacity:.9;line-height:1.5}.admin-hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space4);position:relative;z-index:1}.admin-hero-stat{display:flex;align-items:center;gap:var(--space3);background:rgba(255,255,255,.1);border-radius:var(--border-radius);padding:var(--space4);transition:all var(--transition-fast)}.admin-hero-stat:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}.admin-hero-stat-icon{background:rgba(255,255,255,.2);border-radius:var(--border-radius-small);padding:var(--space2);flex-shrink:0}.admin-hero-stat-content{flex:1}.admin-hero-stat-number{font-size:2rem;font-weight:700;display:block;line-height:1}.admin-hero-stat-label{font-size:.9rem;opacity:.8;display:block;margin-top:var(--space)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}@media (min-width:768px){.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:1024px){.lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-5>*+*{margin-top:1.25rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.space-x-1>*+*{margin-left:.25rem}.space-x-2>*+*{margin-left:.5rem}.space-x-3>*+*{margin-left:.75rem}.space-x-4>*+*{margin-left:1rem}.space-x-6>*+*{margin-left:1.5rem}.space-x-8>*+*{margin-left:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-gray-500{color:var(--color-fix-grey-500)}.text-gray-600{color:var(--color-fix-grey-600)}.text-gray-700{color:var(--color-fix-grey-700)}.text-gray-900{color:var(--color-fix-grey-900)}.text-blue-600{color:var(--color-fomix-blue)}.text-blue-700{color:var(--color-fomix-blue-dark)}.text-green-500,.text-green-600{color:var(--color-fomix-green)}.text-red-500{color:#ef4444}.text-red-600{color:#dc2626}.text-yellow-500{color:#f59e0b}.text-orange-500{color:#f97316}.text-orange-600{color:#ea580c}.text-purple-500{color:#a855f7}.text-purple-600{color:#9333ea}.bg-white{background-color:var(--color-fix-white)}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:var(--color-fix-grey-100)}.bg-gray-200{background-color:var(--color-fix-grey-200)}.bg-blue-50{background-color:rgba(50,44,232,.05)}.bg-blue-100{background-color:rgba(50,44,232,.1)}.bg-green-50{background-color:rgba(5,190,120,.05)}.bg-green-100{background-color:rgba(5,190,120,.1)}.bg-red-50{background-color:rgba(239,68,68,.05)}.bg-yellow-50{background-color:rgba(245,158,11,.05)}.bg-orange-50{background-color:rgba(249,115,22,.05)}.bg-orange-100{background-color:rgba(249,115,22,.1)}.bg-purple-50{background-color:rgba(168,85,247,.05)}.bg-purple-100{background-color:rgba(168,85,247,.1)}.border{border:1px solid rgba(0,0,0,.1)}.border-gray-200{border-color:var(--color-fix-grey-200)}.border-blue-200{border-color:rgba(50,44,232,.2)}.border-green-200{border-color:rgba(5,190,120,.2)}.border-red-200{border-color:rgba(239,68,68,.2)}.border-yellow-200{border-color:rgba(245,158,11,.2)}.border-orange-200{border-color:rgba(249,115,22,.2)}.border-purple-200{border-color:rgba(168,85,247,.2)}.border-b{border-bottom:1px solid rgba(0,0,0,.1)}.border-t{border-top:1px solid rgba(0,0,0,.1)}.border-l{border-left:1px solid rgba(0,0,0,.1)}.border-r{border-right:1px solid rgba(0,0,0,.1)}.border-0{border-width:0}.border-2{border-width:2px}.rounded{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:var(--border-radius-small)}.rounded-xl{border-radius:var(--border-radius)}.rounded-2xl{border-radius:var(--border-radius-large)}.rounded-full{border-radius:9999px}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-10{padding-left:2.5rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.w-2{width:.5rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-32{width:8rem}.w-40{width:10rem}.w-48{width:12rem}.w-full{width:100%}.w-fit{width:fit-content}.h-2{height:.5rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-32{height:8rem}.h-full{height:100%}.min-w-0{min-width:0}.min-h-0{min-height:0}.min-h-screen{min-height:100vh}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.z-50{z-index:50}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.transition-all{transition:all var(--transition-fast)}.transition-colors{transition:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast)}.transition-transform{transition:transform var(--transition-fast)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.transform{transform:translateX(var(--tw-translate-x,0)) translateY(var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) skewX(var(--tw-skew-x,0)) skewY(var(--tw-skew-y,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1))}.-translate-y-1{--tw-translate-y:-0.25rem}.-translate-y-4{--tw-translate-y:-1rem}.-translate-y-8{--tw-translate-y:-2rem}.scale-97{--tw-scale-x:0.97;--tw-scale-y:0.97}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}@media (max-width:480px){.admin-topbar{height:56px;padding:0 var(--space2);left:0!important}.admin-topbar-left{gap:var(--space2)}.admin-topbar-toggle{padding:var(--space2);margin-right:var(--space1)}.admin-topbar-title{font-size:1rem;font-weight:600}.admin-topbar-back{padding:var(--space2);font-size:.8rem}.admin-topbar-back span{display:none}.admin-topbar-user{padding:var(--space2);gap:var(--space1)}.admin-topbar-user span{display:none}.admin-content{padding:var(--space2);margin-top:56px;margin-left:0;width:100vw;max-width:100%}.admin-card{padding:var(--space3);margin-bottom:var(--space3);border-radius:12px}.admin-card-header{flex-direction:column;align-items:flex-start;gap:var(--space2);margin-bottom:var(--space3)}.admin-card-title{font-size:1.1rem}.admin-stats-grid{grid-template-columns:1fr;gap:var(--space3);width:100%;overflow:hidden}.admin-stat-card{padding:var(--space4);border-radius:12px;min-height:160px}.admin-stat-header{margin-bottom:var(--space2)}.admin-stat-title{font-size:.9rem}.admin-stat-value{font-size:2.5rem;margin-bottom:var(--space2)}.admin-stat-icon{width:24px;height:24px}.admin-button{padding:var(--space2) var(--space3);font-size:.9rem;min-height:44px}.admin-button.secondary{padding:var(--space2) var(--space3);font-size:.85rem}.admin-hero{padding:var(--space4);margin-bottom:var(--space4)}.admin-hero-content{flex-direction:column;text-align:center;gap:var(--space3);margin-bottom:var(--space4)}.admin-hero-title{font-size:1.5rem}.admin-hero-description{font-size:1rem}.admin-hero-stats{grid-template-columns:1fr;gap:var(--space3)}.admin-hero-stat{padding:var(--space3)}.admin-hero-stat-number{font-size:1.25rem}}@media (max-width:640px){.admin-topbar-toggle{display:none!important}.admin-dashboard-grid{grid-template-columns:1fr!important;gap:var(--space4);width:100%;overflow:hidden}.admin-now-playing-content{flex-direction:column!important;gap:var(--space2)!important;align-items:center!important;text-align:center!important;padding:var(--space2) var(--space1)!important;width:90%!important;max-width:100vw!important;box-sizing:border-box!important;margin-bottom:var(--space3)!important}.admin-now-playing-art{width:90px!important;height:90px!important;align-self:center!important;border-radius:12px!important;box-shadow:0 8px 32px rgba(0,0,0,.15)!important;flex-shrink:0!important;min-width:90px!important;font-size:1.2rem!important}.admin-now-playing-info{text-align:center!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important;padding:0 var(--space1)!important}.admin-now-playing-info h3{font-size:1rem!important}.admin-now-playing-info h3,.admin-now-playing-info p{margin:0 0 var(--space1) 0!important;line-height:1.3!important;word-break:break-word!important;width:100%!important;max-width:100%!important;padding:0!important;box-sizing:border-box!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.admin-now-playing-info p{font-size:.85rem!important}.admin-live-indicator{justify-content:center!important;margin:0 auto var(--space1)!important;font-size:.75rem!important;padding:.3rem .6rem!important;max-width:100%!important;box-sizing:border-box!important;gap:.3rem!important}.admin-progress-container{max-width:100%!important;margin:var(--space2) 0!important}.admin-progress-container,.admin-progress-times{width:100%!important;padding:0!important;box-sizing:border-box!important}.admin-progress-times{display:flex!important;justify-content:space-between!important;font-size:.7rem!important;margin:0 0 var(--space1) 0!important}.admin-progress-bar{height:4px!important;border-radius:2px!important;background:rgba(0,0,0,.1)!important}.admin-controls-info,.admin-progress-bar{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.admin-controls-info{flex-direction:column!important;gap:var(--space1)!important;align-items:center!important;font-size:.75rem!important;padding:0!important;margin-top:var(--space2)!important}.admin-sidebar{width:280px}.admin-mobile-history{display:none;gap:var(--space2);flex-direction:column;width:100%;max-width:100%;box-sizing:border-box;padding:.5rem 0}.admin-table-container{display:block}.admin-history-card{background:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:var(--space2);margin-bottom:var(--space2);transition:all .2s ease;backdrop-filter:blur(10px);width:100%;max-width:100%;box-sizing:border-box}.admin-history-card:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(0,0,0,.08);background:rgba(255,255,255,.95)}.admin-history-card-content{display:flex;align-items:center;gap:var(--space2);width:100%;max-width:100%;box-sizing:border-box}.admin-history-art{width:44px;height:44px;border-radius:6px;background:linear-gradient(135deg,var(--color-fomix-blue),var(--color-fomix-green));display:flex;align-items:center;justify-content:center;color:white;overflow:hidden;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.12);transition:transform .2s ease;font-size:1rem}.admin-history-card:hover .admin-history-art{transform:scale(1.02)}.admin-history-art img{width:100%;height:100%;object-fit:cover}.admin-history-info{flex:1;min-width:0;max-width:calc(100% - 120px);overflow:hidden}.admin-history-track{font-size:.9rem;font-weight:600;color:var(--color-fix-grey-900);margin-bottom:.2rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s ease;width:100%;max-width:100%}.admin-history-card:hover .admin-history-track{color:var(--color-fomix-blue)}.admin-history-artist{font-size:.8rem;color:var(--color-fix-grey-600);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%}.admin-history-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0;width:70px;max-width:70px}.admin-history-time{display:flex;align-items:center;gap:.25rem;font-size:.7rem;color:var(--color-fix-grey-500);font-weight:500;padding:.15rem .3rem;background:rgba(0,0,0,.04);border-radius:4px;transition:background-color .2s ease;white-space:nowrap;width:fit-content;max-width:100%}.admin-history-card:hover .admin-history-time{background:rgba(0,0,0,.08)}}@media (max-width:1024px){.admin-sidebar{transform:translateX(-100%);z-index:300;transition:transform .3s ease-in-out;box-shadow:none}.admin-sidebar.mobile-open{transform:translateX(0);box-shadow:0 0 20px rgba(0,0,0,.3)}.admin-topbar{left:0}.admin-content{margin-left:0;padding:var(--space4);width:100vw;max-width:100%}.admin-content *{max-width:100%;box-sizing:border-box}.admin-card{margin-left:0;margin-right:0}.admin-topbar{left:0!important}.admin-sidebar-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:250;display:none;backdrop-filter:blur(2px);opacity:0;transition:opacity .3s ease-in-out}.admin-sidebar.mobile-open+.admin-sidebar-backdrop{display:block;opacity:1}.admin-sidebar-link{min-height:48px;padding:var(--space3) var(--space4)}.admin-sidebar-submenu-link{min-height:44px;padding:var(--space2) calc(var(--space4) + var(--space6))}}@media (max-width:360px){.admin-topbar{height:52px;padding:0 var(--space1);left:0!important}.admin-topbar-title{font-size:.9rem}.admin-content{padding:var(--space1);margin-top:52px;margin-left:0;width:100vw;max-width:100%}.admin-card{padding:var(--space2);margin-bottom:var(--space2)}.admin-card-title{font-size:1rem}.admin-stat-card{padding:var(--space3);min-height:140px}.admin-stat-value{font-size:2rem}.admin-stat-title{font-size:.8rem}.admin-now-playing-content{padding:var(--space1)!important;gap:var(--space1)!important;margin:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;flex-direction:column!important;align-items:center!important}.admin-now-playing-art{width:60px!important;height:60px!important;border-radius:8px!important;min-width:60px!important;font-size:.9rem!important}.admin-now-playing-info{padding:0;width:100%;max-width:100%}.admin-now-playing-info h3{font-size:.85rem!important}.admin-now-playing-info h3,.admin-now-playing-info p{margin:0 0 .2rem!important;padding:0!important;box-sizing:border-box!important;width:100%!important;text-align:center!important}.admin-now-playing-info p{font-size:.7rem!important}.admin-progress-container{margin:.5rem 0!important;padding:0!important;width:100%!important;box-sizing:border-box!important}.admin-progress-times{font-size:.65rem!important;margin:0 0 .2rem!important;padding:0!important}.admin-progress-bar{height:2.5px!important;border-radius:1.25px!important}.admin-live-indicator{font-size:.6rem!important;padding:.15rem .3rem!important;margin:0 auto .2rem!important;max-width:100%!important;gap:.2rem!important}.admin-controls-info{font-size:.65rem!important;gap:.2rem!important;padding:0!important;width:100%!important;box-sizing:border-box!important;margin-top:.5rem!important}.admin-history-card{padding:var(--space1)!important;margin-bottom:var(--space1)!important;border-radius:6px!important}.admin-history-card-content{gap:var(--space1)!important}.admin-history-art{width:36px!important;height:36px!important;border-radius:4px!important;font-size:.8rem!important}.admin-history-info{max-width:calc(100% - 90px)!important}.admin-history-track{font-size:.8rem!important;margin-bottom:.1rem!important;line-height:1.2!important}.admin-history-artist{font-size:.7rem!important;line-height:1.1!important}.admin-history-meta{width:50px!important;max-width:50px!important;gap:.15rem!important}.admin-history-time{font-size:.6rem!important;padding:.05rem .2rem!important;border-radius:2px!important}.admin-history-card:hover{transform:none!important;box-shadow:none!important}.admin-history-card:active{transform:scale(.97)!important}.admin-sidebar{width:260px}.admin-table-container{margin:0 calc(-1 * var(--space1))}.admin-table{font-size:.8rem}.admin-table td,.admin-table th{padding:var(--space1)}.admin-hero{padding:var(--space2);margin-bottom:var(--space3)}.admin-hero-title{font-size:1.25rem}.admin-hero-description{font-size:.9rem}.admin-hero-stat{padding:var(--space2)}.admin-hero-stat-number{font-size:1.25rem}}@media (max-width:768px){.admin-topbar{padding:0 var(--space3);height:60px;left:0!important}.admin-topbar-title{font-size:1.25rem}.admin-content{padding:var(--space3);margin-top:60px;margin-left:0;width:100vw;max-width:100%}.admin-stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space3)}.admin-card{padding:var(--space4)}.admin-mobile-history{display:block!important;width:100%;max-width:100%;padding:.5rem 0}.admin-table-container{display:none!important}.admin-history-card{cursor:pointer;padding:var(--space3)}.admin-history-card:active{transform:scale(.99)}.admin-history-card-content{gap:var(--space3)}.admin-history-art{border-radius:8px}.admin-history-track{font-size:.95rem}.admin-history-artist{font-size:.85rem}.admin-history-time{font-size:.75rem;padding:.2rem .4rem}.admin-history-card{padding:var(--space4)}.admin-history-card-content{gap:var(--space4)}.admin-history-art{width:48px;height:48px}.admin-history-track{font-size:1rem}.admin-history-artist{font-size:.9rem}.admin-history-time{font-size:.8rem}.admin-hero{padding:var(--space4)}.admin-hero-title{font-size:2rem}.admin-hero-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width:480px){.admin-topbar-back span,.admin-topbar-user span{display:none}}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in-left{animation:slideInLeft .3s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.admin-text-center{text-align:center}.admin-text-left{text-align:left}.admin-text-right{text-align:right}.admin-mb-2{margin-bottom:var(--space)}.admin-mb-4{margin-bottom:var(--space2)}.admin-mb-6{margin-bottom:var(--space3)}.admin-mb-8{margin-bottom:var(--space4)}.admin-mt-2{margin-top:var(--space)}.admin-mt-4{margin-top:var(--space2)}.admin-mt-6{margin-top:var(--space3)}.admin-mt-8{margin-top:var(--space4)}.admin-flex{display:flex}.admin-inline-flex{display:inline-flex}.admin-grid{display:grid}.admin-hidden{display:none}.admin-items-center{align-items:center}.admin-justify-center{justify-content:center}.admin-justify-between{justify-content:space-between}.admin-gap-2{gap:var(--space)}.admin-gap-4{gap:var(--space2)}.admin-gap-6{gap:var(--space3)}.admin-w-full{width:100%}.admin-h-full{height:100%}@media (max-width:1024px){.admin-panel{width:100vw;overflow-x:hidden}.admin-panel .admin-content{width:100%;max-width:100vw;padding-left:1rem;padding-right:1rem;box-sizing:border-box}.admin-panel .admin-card{margin-left:0;margin-right:0}.admin-panel .admin-card,.admin-panel .admin-dashboard-grid,.admin-panel .admin-stats-grid{width:100%;max-width:none;box-sizing:border-box}.admin-panel .main-content,.admin-panel main{margin-top:76px;padding-top:0}.admin-mobile-history{display:block!important;width:100%;max-width:100%;padding:.5rem 0}.admin-table-container{display:none!important}}.admin-action-card{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:var(--border-radius-small);border:2px solid transparent;transition:all var(--transition-fast);text-align:left;width:100%;background:var(--color-fix-white);cursor:pointer;text-decoration:none;color:inherit}.admin-action-card:hover:not(:disabled){transform:translateY(-4px);box-shadow:var(--shadow-large)}.admin-action-card:disabled{opacity:.5;cursor:not-allowed}.admin-action-card:disabled:hover{transform:none;box-shadow:none}.admin-action-card.primary{background:rgba(50,44,232,.05);border-color:rgba(50,44,232,.2);color:var(--color-fomix-blue)}.admin-action-card.primary:hover:not(:disabled){background:rgba(50,44,232,.1)}.admin-action-card.secondary{background:#f9fafb;border-color:var(--color-fix-grey-200);color:var(--color-fix-grey-800)}.admin-action-card.secondary:hover:not(:disabled){background:var(--color-fix-grey-100)}.admin-action-card.success{background:rgba(5,190,120,.05);border-color:rgba(5,190,120,.2);color:var(--color-fomix-green)}.admin-action-card.success:hover:not(:disabled){background:rgba(5,190,120,.1)}.admin-action-card.warning{background:rgba(245,158,11,.05);border-color:rgba(245,158,11,.2);color:#f59e0b}.admin-action-card.warning:hover:not(:disabled){background:rgba(245,158,11,.1)}.admin-action-card.danger{background:rgba(239,68,68,.05);border-color:rgba(239,68,68,.2);color:#ef4444}.admin-action-card.danger:hover:not(:disabled){background:rgba(239,68,68,.1)}.admin-action-icon{flex-shrink:0;padding:.75rem;border-radius:var(--border-radius-small);background:rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center}.admin-action-content{flex:1;min-width:0}.admin-action-title{font-weight:600;margin-bottom:.25rem;font-size:1rem}.admin-action-description{font-size:.875rem;opacity:.75;line-height:1.4}.admin-content-container{display:flex;flex-direction:column;gap:var(--space6)}.admin-tabs-container{background:var(--color-fix-white);border-radius:var(--border-radius);box-shadow:var(--shadow-small);border:1px solid var(--color-fix-grey-200);overflow:hidden}.admin-tabs-nav{display:flex;flex-direction:column}@media (min-width:640px){.admin-tabs-nav{flex-direction:row}}.admin-tab{flex:1;padding:var(--space4);text-align:left;transition:all var(--transition-fast);background:none;cursor:pointer;border:none;border-bottom:1px solid var(--color-fix-grey-200)}@media (min-width:640px){.admin-tab{border-bottom:none;border-right:1px solid var(--color-fix-grey-200)}.admin-tab:last-child{border-right:none}}.admin-tab:last-child{border-bottom:none}.admin-tab:hover{background:#f9fafb}.admin-tab.active{background:linear-gradient(135deg,rgba(50,44,232,.05),rgba(50,44,232,.1));border-color:rgba(50,44,232,.2);color:var(--color-fomix-blue)}.admin-tab.active:hover{background:linear-gradient(135deg,rgba(50,44,232,.1),rgba(50,44,232,.15))}.admin-tab-content{display:flex;flex-direction:column;gap:.25rem}.admin-tab-label{display:block;font-size:.875rem;line-height:1.4}.admin-tab-description{display:block;font-size:.75rem;color:var(--color-fix-grey-600)}.admin-tab.active .admin-tab-description{color:var(--color-fomix-blue)}.admin-tab-content-container{margin-top:var(--space6)}.admin-campaign-card{background:var(--color-fix-white);border-radius:var(--border-radius);padding:var(--space4);box-shadow:var(--shadow-medium);transition:all var(--transition-fast);border:1px solid rgba(0,0,0,.05);margin-bottom:var(--space3);position:relative}.admin-campaign-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-large)}.admin-campaign-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space3)}.admin-campaign-title{font-size:1.1rem;font-weight:600;color:var(--color-fix-grey-900);margin:0}.admin-campaign-actions{display:flex;align-items:center;gap:var(--space2)}.admin-campaign-action{padding:var(--space) var(--space2);border:none;border-radius:50px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space)}.admin-campaign-action.primary{background:rgba(50,44,232,.1);color:var(--color-fomix-blue)}.admin-campaign-action.primary:hover{background:var(--color-fomix-blue);color:var(--color-fix-white)}.admin-campaign-action.secondary{background:rgba(0,0,0,.05);color:var(--color-fix-grey-600)}.admin-campaign-action.secondary:hover{background:rgba(0,0,0,.1);color:var(--color-fix-grey-900)}.admin-campaign-action.danger{background:rgba(239,68,68,.1);color:#ef4444}.admin-campaign-action.danger:hover{background:#ef4444;color:var(--color-fix-white)}.admin-campaign-meta{display:flex;align-items:center;gap:var(--space4);margin-bottom:var(--space3);font-size:.875rem;color:var(--color-fix-grey-600)}.admin-campaign-meta-item{display:flex;align-items:center;gap:var(--space)}.admin-campaign-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space3);margin-top:var(--space3)}.admin-campaign-stat{text-align:center;padding:var(--space2);background:rgba(0,0,0,.02);border-radius:var(--border-radius-small)}.admin-campaign-stat-number{font-size:1.5rem;font-weight:700;color:var(--color-fomix-blue);display:block}.admin-campaign-stat-label{color:var(--color-fix-grey-600);margin-top:var(--space)}.admin-campaign-stat-label,.admin-newsletter-status{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.admin-newsletter-status{display:inline-flex;align-items:center;gap:var(--space);padding:var(--space) var(--space2);border-radius:50px;font-weight:600}.admin-newsletter-status.concept{background:rgba(156,163,175,.1);color:var(--color-fix-grey-600)}.admin-newsletter-status.klaar{background:rgba(5,190,120,.1);color:var(--color-fomix-green)}.admin-newsletter-status.verzonden{background:rgba(50,44,232,.1);color:var(--color-fomix-blue)}.admin-newsletter-status.bezig{background:rgba(245,158,11,.1);color:#f59e0b}.admin-newsletter-status.mislukt{background:rgba(239,68,68,.1);color:#ef4444}.admin-newsletter-status.gepland{background:rgba(168,85,247,.1);color:#a855f7}.admin-subscriber-table{width:100%;border-collapse:collapse;background:var(--color-fix-white);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-medium)}.admin-subscriber-table th{background:#f9fafb;padding:var(--space3);text-align:left;font-weight:600;color:var(--color-fix-grey-900);border-bottom:1px solid var(--color-fix-grey-200)}.admin-subscriber-table td{padding:var(--space3);border-bottom:1px solid rgba(0,0,0,.05);vertical-align:middle}.admin-subscriber-table tbody tr:hover{background:rgba(50,44,232,.02)}.admin-subscriber-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--color-fomix-blue),var(--color-fomix-green));display:flex;align-items:center;justify-content:center;color:var(--color-fix-white);font-weight:600;font-size:.9rem}.admin-subscriber-info{display:flex;align-items:center;gap:var(--space3)}.admin-subscriber-details{min-width:0}.admin-subscriber-name{font-weight:600;color:var(--color-fix-grey-900);margin-bottom:.25rem}.admin-subscriber-email{font-size:.875rem;color:var(--color-fix-grey-600)}.admin-subscriber-status{display:inline-flex;align-items:center;gap:var(--space);padding:var(--space) var(--space2);border-radius:50px;font-size:.75rem;font-weight:600;text-transform:uppercase}.admin-subscriber-status.actief{background:rgba(5,190,120,.1);color:var(--color-fomix-green)}.admin-subscriber-status.inactief{background:rgba(239,68,68,.1);color:#ef4444}.admin-subscriber-status.geblokkeerd{background:rgba(156,163,175,.1);color:var(--color-fix-grey-600)}.admin-subscriber-actions{display:flex;align-items:center;gap:var(--space)}.admin-subscriber-action{padding:var(--space) var(--space2);border:none;border-radius:50px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space)}.admin-subscriber-action.edit{background:rgba(50,44,232,.1);color:var(--color-fomix-blue)}.admin-subscriber-action.edit:hover{background:var(--color-fomix-blue);color:var(--color-fix-white)}.admin-subscriber-action.delete{background:rgba(239,68,68,.1);color:#ef4444}.admin-subscriber-action.delete:hover{background:#ef4444;color:var(--color-fix-white)}.admin-newsletter-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space6);margin-bottom:var(--space6)}.admin-newsletter-chart-card{background:var(--color-fix-white);border-radius:var(--border-radius);padding:var(--space6);box-shadow:var(--shadow-medium);border:1px solid rgba(0,0,0,.05)}.admin-newsletter-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space4)}.admin-newsletter-chart-title{font-size:1.1rem;font-weight:600;color:var(--color-fix-grey-900)}.admin-newsletter-chart-filter{display:flex;align-items:center;gap:var(--space2)}.admin-newsletter-chart-filter select{padding:var(--space) var(--space2);border:1px solid var(--color-fix-grey-200);border-radius:var(--border-radius-small);font-size:.875rem}.admin-newsletter-benchmark{display:flex;align-items:center;justify-content:space-between;padding:var(--space3);background:rgba(50,44,232,.02);border-radius:var(--border-radius-small);margin-bottom:var(--space3)}.admin-newsletter-benchmark-label{font-size:.875rem;color:var(--color-fix-grey-700)}.admin-newsletter-benchmark-value{font-weight:600;color:var(--color-fomix-blue)}.admin-newsletter-top-campaigns{margin-top:var(--space4)}.admin-newsletter-top-campaign{display:flex;align-items:center;justify-content:space-between;padding:var(--space2) 0;border-bottom:1px solid rgba(0,0,0,.05)}.admin-newsletter-top-campaign:last-child{border-bottom:none}.admin-newsletter-top-campaign-name{font-weight:500;color:var(--color-fix-grey-900)}.admin-newsletter-top-campaign-value{font-weight:600;color:var(--color-fomix-blue)}.admin-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space4);margin-bottom:var(--space6)}.admin-template-card{background:var(--color-fix-white);border-radius:var(--border-radius);box-shadow:var(--shadow-medium);border:1px solid rgba(0,0,0,.05);overflow:hidden;transition:all var(--transition-fast)}.admin-template-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-large)}.admin-template-preview{height:200px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden}.admin-template-preview:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 20px)}.admin-template-preview-content{text-align:center;color:var(--color-fix-grey-500);position:relative;z-index:1}.admin-template-info{padding:var(--space4)}.admin-template-name{font-size:1.1rem;font-weight:600;color:var(--color-fix-grey-900);margin-bottom:var(--space2)}.admin-template-description{font-size:.875rem;color:var(--color-fix-grey-600);line-height:1.5;margin-bottom:var(--space3)}.admin-template-meta{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--color-fix-grey-500);margin-bottom:var(--space3)}.admin-template-actions{display:flex;align-items:center;gap:var(--space2)}.admin-template-action{padding:var(--space) var(--space2);border:none;border-radius:50px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space)}.admin-template-action.primary{background:var(--color-fomix-blue);color:var(--color-fix-white)}.admin-template-action.primary:hover{background:var(--color-fomix-blue-dark);transform:translateY(-1px)}.admin-template-action.secondary{background:rgba(0,0,0,.05);color:var(--color-fix-grey-600)}.admin-template-action.secondary:hover{background:rgba(0,0,0,.1);color:var(--color-fix-grey-900)}.admin-smtp-form{background:var(--color-fix-white);border-radius:var(--border-radius);padding:var(--space6);box-shadow:var(--shadow-medium);border:1px solid rgba(0,0,0,.05)}.admin-smtp-form-section{margin-bottom:var(--space6)}.admin-smtp-form-section:last-child{margin-bottom:0}.admin-smtp-form-section-title{font-size:1.1rem;font-weight:600;color:var(--color-fix-grey-900);margin-bottom:var(--space3);display:flex;align-items:center;gap:var(--space2)}.admin-smtp-form-section-description{font-size:.875rem;color:var(--color-fix-grey-600);margin-bottom:var(--space4);line-height:1.5}.admin-smtp-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space4)}.admin-smtp-status{display:flex;align-items:center;gap:var(--space2);padding:var(--space3);background:rgba(5,190,120,.05);border:1px solid rgba(5,190,120,.2);border-radius:var(--border-radius-small);color:var(--color-fomix-green);font-weight:500;margin-bottom:var(--space4)}.admin-smtp-status.error{background:rgba(239,68,68,.05);border-color:rgba(239,68,68,.2);color:#ef4444}.admin-smtp-status.warning{background:rgba(245,158,11,.05);border-color:rgba(245,158,11,.2);color:#f59e0b}.admin-smtp-test-result{margin-top:var(--space3);padding:var(--space3);border-radius:var(--border-radius-small);font-family:monospace;font-size:.875rem;white-space:pre-wrap;background:#f8f9fa;border:1px solid var(--color-fix-grey-200)}.admin-smtp-test-result.success{background:rgba(5,190,120,.05);border-color:rgba(5,190,120,.2);color:var(--color-fomix-green)}.admin-smtp-test-result.error{background:rgba(239,68,68,.05);border-color:rgba(239,68,68,.2);color:#ef4444}.admin-newsletter-filter-bar{display:flex;align-items:center;gap:var(--space4);margin-bottom:var(--space6);flex-wrap:wrap}.admin-newsletter-filter-group{display:flex;align-items:center;gap:var(--space2)}.admin-newsletter-filter-label{font-size:.875rem;font-weight:500;color:var(--color-fix-grey-700);white-space:nowrap}.admin-newsletter-filter-select{padding:var(--space2) var(--space3);border:1px solid var(--color-fix-grey-200);border-radius:var(--border-radius-small);font-size:.875rem;background:var(--color-fix-white);min-width:120px}.admin-newsletter-search{flex:1;min-width:200px}.admin-newsletter-search input{width:100%;padding:var(--space2) var(--space3);border:1px solid var(--color-fix-grey-200);border-radius:var(--border-radius-small);font-size:.875rem}.admin-newsletter-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space6);padding-top:var(--space4);border-top:1px solid var(--color-fix-grey-200)}.admin-newsletter-pagination-info{font-size:.875rem;color:var(--color-fix-grey-600)}.admin-newsletter-pagination-controls{display:flex;align-items:center;gap:var(--space2)}.admin-newsletter-pagination-button{padding:var(--space2) var(--space3);border:1px solid var(--color-fix-grey-200);background:var(--color-fix-white);border-radius:var(--border-radius-small);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;color:var(--color-fix-grey-700)}.admin-newsletter-pagination-button:hover:not(:disabled){background:var(--color-fix-grey-100);border-color:var(--color-fix-grey-300)}.admin-newsletter-pagination-button:disabled{opacity:.5;cursor:not-allowed}.admin-newsletter-pagination-button.active{background:var(--color-fomix-blue);border-color:var(--color-fomix-blue);color:var(--color-fix-white)}.admin-newsletter-export{display:flex;align-items:center;gap:var(--space);padding:var(--space2) var(--space3);background:var(--color-fomix-green);color:var(--color-fix-white);border:none;border-radius:50px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;font-size:.875rem}.admin-newsletter-export:hover{background:var(--color-fomix-green-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(5,190,120,.3)}@media (max-width:768px){.admin-newsletter-stats-grid{grid-template-columns:1fr;gap:var(--space4)}.admin-smtp-form-grid,.admin-template-grid{grid-template-columns:1fr;gap:var(--space3)}.admin-campaign-stats{grid-template-columns:repeat(2,1fr);gap:var(--space2)}.admin-campaign-meta{flex-direction:column;align-items:flex-start;gap:var(--space2)}.admin-newsletter-filter-bar{flex-direction:column;align-items:stretch;gap:var(--space3)}.admin-newsletter-filter-group{justify-content:space-between}.admin-newsletter-pagination{flex-direction:column;gap:var(--space3);text-align:center}.admin-subscriber-table{font-size:.875rem}.admin-subscriber-table td,.admin-subscriber-table th{padding:var(--space2)}.admin-subscriber-info{flex-direction:column;align-items:flex-start;gap:var(--space2)}.admin-subscriber-actions{flex-direction:column;align-items:stretch;gap:var(--space)}}@media (max-width:480px){.admin-campaign-card{padding:var(--space3)}.admin-campaign-header{flex-direction:column;align-items:flex-start;gap:var(--space2)}.admin-campaign-actions{align-self:stretch;justify-content:flex-start}.admin-campaign-stats{grid-template-columns:1fr;gap:var(--space2)}.admin-template-card{margin:0 calc(-1 * var(--space2))}.admin-smtp-form{padding:var(--space4)}.admin-newsletter-filter-bar{margin-left:calc(-1 * var(--space2));margin-right:calc(-1 * var(--space2));padding:0 var(--space2)}.admin-subscriber-table-container{display:none}.admin-subscriber-cards{display:block}}.admin-subscriber-cards{display:none}.admin-subscriber-card{background:var(--color-fix-white);border-radius:var(--border-radius);padding:var(--space4);box-shadow:var(--shadow-medium);border:1px solid rgba(0,0,0,.05);margin-bottom:var(--space3)}.admin-subscriber-card-header{display:flex;align-items:center;gap:var(--space3);margin-bottom:var(--space3)}.admin-subscriber-card-info{flex:1;min-width:0}.admin-subscriber-card-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space3);font-size:.875rem;color:var(--color-fix-grey-600)}.admin-subscriber-card-actions{display:flex;gap:var(--space2)}@media (max-width:640px){.admin-subscriber-table-container{display:none}.admin-subscriber-cards{display:block}}.admin-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space6);padding-bottom:var(--space4);border-bottom:1px solid var(--color-fix-grey-200)}.admin-page-title{font-size:2rem;font-weight:700;color:var(--color-fix-grey-900);margin:0}.admin-page-description{font-size:1rem;color:var(--color-fix-grey-600);margin-top:var(--space2);line-height:1.5}.admin-tab-navigation{background:var(--color-fix-white);border-radius:var(--border-radius);box-shadow:var(--shadow-small);border:1px solid var(--color-fix-grey-200);overflow:hidden;margin-bottom:var(--space6)}.admin-tab-nav-border{border-bottom:1px solid var(--color-fix-grey-200)}.admin-tab-nav-flex{display:flex;gap:0;padding:0 var(--space6)}.admin-tab-button{display:flex;align-items:center;gap:var(--space2);padding:var(--space4) var(--space2);font-weight:500;font-size:.875rem;transition:all var(--transition-fast);color:var(--color-fix-grey-500);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;text-decoration:none}.admin-tab-button:hover{color:var(--color-fix-grey-700);border-bottom-color:var(--color-fix-grey-300)}.admin-tab-button.admin-tab-active{border-bottom-color:var(--color-fomix-blue);color:var(--color-fomix-blue)}.admin-tab-panel{padding:var(--space6)}.admin-newsletter-grid{display:grid;gap:var(--space6)}.admin-newsletter-hero{background:linear-gradient(135deg,var(--color-fomix-blue),var(--color-fomix-blue-dark));color:var(--color-fix-white);border-radius:var(--border-radius);padding:var(--space8);margin-bottom:var(--space6);box-shadow:var(--shadow-large);overflow:hidden;position:relative}.admin-newsletter-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);opacity:.3;pointer-events:none}.admin-newsletter-hero-content{position:relative;z-index:1}.admin-newsletter-hero-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space8)}.admin-newsletter-hero-text h1{font-size:3rem;font-weight:700;margin-bottom:var(--space2);line-height:1.2;display:flex;align-items:center;gap:var(--space3)}.admin-newsletter-hero-text p{font-size:1.25rem;opacity:.9;line-height:1.5;margin:0}.admin-newsletter-hero-actions{display:flex;align-items:center;gap:var(--space3)}.admin-newsletter-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space4);margin-bottom:var(--space6)}.admin-newsletter-metric-card{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius);padding:var(--space6);transition:all var(--transition-fast)}.admin-newsletter-metric-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.15)}.admin-newsletter-metric-header{display:flex;align-items:center;gap:var(--space3);margin-bottom:var(--space2)}.admin-newsletter-metric-icon{padding:var(--space2);background:rgba(255,255,255,.2);border-radius:var(--border-radius-small)}.admin-newsletter-metric-value{font-size:2rem;font-weight:700;display:block;line-height:1;margin-bottom:var(--space)}.admin-newsletter-metric-label{font-size:.875rem;opacity:.8;display:block}.admin-newsletter-metric-change{font-size:.75rem;margin-top:var(--space)}.admin-newsletter-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space4);margin-bottom:var(--space6)}.admin-newsletter-action-card{background:var(--color-fix-white);border-radius:var(--border-radius);padding:var(--space4);box-shadow:var(--shadow-medium);border:1px solid rgba(0,0,0,.05);transition:all var(--transition-fast);cursor:pointer;text-decoration:none;color:inherit}.admin-newsletter-action-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-large);text-decoration:none;color:inherit}.admin-newsletter-list{background:var(--color-fix-white);border-radius:var(--border-radius);box-shadow:var(--shadow-medium);border:1px solid rgba(0,0,0,.05);overflow:hidden}.admin-newsletter-list-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space6);border-bottom:1px solid var(--color-fix-grey-200)}.admin-newsletter-list-title{font-size:1.25rem;font-weight:600;color:var(--color-fix-grey-900);margin:0}.admin-newsletter-list-actions{display:flex;align-items:center;gap:var(--space3)}.admin-newsletter-list-content{padding:var(--space6)}.admin-newsletter-filters{display:flex;align-items:center;gap:var(--space4);padding:var(--space4);background:var(--color-fix-grey-100);border-radius:var(--border-radius);margin-bottom:var(--space6);flex-wrap:wrap}.admin-newsletter-search-wrapper{flex:1;position:relative;min-width:200px}.admin-newsletter-search-input{width:100%;padding:var(--space2) var(--space3);padding-left:2.5rem;border:1px solid var(--color-fix-grey-200);border-radius:var(--border-radius-small);font-size:.875rem;background:var(--color-fix-white);transition:all var(--transition-fast)}.admin-newsletter-search-input:focus{outline:none;border-color:var(--color-fomix-blue);box-shadow:0 0 0 3px rgba(50,44,232,.1)}.admin-newsletter-search-icon{position:absolute;left:var(--space2);top:50%;transform:translateY(-50%);color:var(--color-fix-grey-400)}.admin-newsletter-stats-container{background:var(--color-fix-white);border-radius:var(--border-radius);box-shadow:var(--shadow-medium);border:1px solid rgba(0,0,0,.05);overflow:hidden}.admin-newsletter-stats-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space6);border-bottom:1px solid var(--color-fix-grey-200)}.admin-newsletter-stats-controls{display:flex;align-items:center;gap:var(--space3)}.admin-newsletter-time-range{display:flex;align-items:center;gap:var(--space2);margin-bottom:var(--space6)}.admin-newsletter-time-button{padding:var(--space2) var(--space4);border:1px solid var(--color-fix-grey-200);background:var(--color-fix-white);border-radius:50px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);color:var(--color-fix-grey-600)}.admin-newsletter-time-button:hover{background:var(--color-fix-grey-100);border-color:var(--color-fix-grey-300)}.admin-newsletter-time-button.active{background:var(--color-fomix-blue);border-color:var(--color-fomix-blue);color:var(--color-fix-white)}.admin-newsletter-progress{width:100%;height:8px;background:var(--color-fix-grey-200);border-radius:4px;overflow:hidden}.admin-newsletter-progress-bar{height:100%;background:linear-gradient(135deg,var(--color-fomix-blue),var(--color-fomix-green));border-radius:4px;transition:width var(--transition-normal)}.admin-newsletter-empty{text-align:center;padding:var(--space8);color:var(--color-fix-grey-500)}.admin-newsletter-empty-icon{width:48px;height:48px;color:var(--color-fix-grey-400);margin:0 auto var(--space4)}.admin-newsletter-empty-title{font-size:1.125rem;font-weight:600;color:var(--color-fix-grey-900);margin-bottom:var(--space2)}.admin-newsletter-empty-description{margin-bottom:var(--space6);line-height:1.5}@media (max-width:768px){.admin-newsletter-filters{flex-direction:column;align-items:stretch;gap:var(--space3)}.admin-newsletter-search-wrapper{min-width:0}.admin-newsletter-action-grid,.admin-newsletter-metrics-grid{grid-template-columns:1fr;gap:var(--space3)}.admin-newsletter-time-range{flex-wrap:wrap;gap:var(--space2)}.admin-newsletter-time-button{flex:1;min-width:80px;text-align:center}.admin-page-header{flex-direction:column;align-items:flex-start;gap:var(--space3)}.admin-tab-nav-flex{padding:0 var(--space3);overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-tab-button{white-space:nowrap;min-width:fit-content}}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.modal-container{background:white;border-radius:12px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);max-width:500px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-container.large{max-width:800px}.modal-header{justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header,.modal-title{display:flex;align-items:center}.modal-title{font-size:1.25rem;font-weight:600;color:#111827;gap:.5rem;margin:0}.modal-close-button{padding:.5rem;border:none;background:none;color:#6b7280;cursor:pointer;border-radius:6px;transition:all .2s ease}.modal-close-button:hover{background:#f3f4f6;color:#374151}.modal-content{padding:1.5rem;overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.admin-stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:white;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s ease}.admin-stat-card:hover{border-color:#d1d5db;box-shadow:0 1px 3px rgba(0,0,0,.1)}.admin-stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:rgba(59,130,246,.1)}.admin-stat-content{flex:1}.admin-stat-value{font-size:1.5rem;font-weight:700;color:#111827;line-height:1;margin-bottom:.25rem}.admin-stat-label{font-size:.875rem;color:#6b7280;font-weight:500}.admin-tab-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.admin-tab-icon{transition:color .2s ease}.admin-tab-label{font-size:.95rem;font-weight:600;color:#374151}.admin-tab.active .admin-tab-label{color:#1f2937}.admin-tab-description{font-size:.8rem;color:#6b7280;line-height:1.3}.admin-form-input.error,.admin-form-select.error{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.admin-button.small{padding:.5rem .75rem;font-size:.875rem}.admin-button.large{padding:.875rem 1.5rem;font-size:1rem}.admin-action-card.warning{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:white;border:none}.admin-action-card.warning:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b,#d97706);transform:translateY(-2px);box-shadow:0 10px 25px rgba(245,158,11,.3)}.admin-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;color:var(--text-secondary)}.admin-metric-card{background:white;border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .2s ease}.admin-metric-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:var(--color-fomix-blue)}.admin-metric-icon{background:var(--color-fomix-blue);color:white;padding:.75rem;border-radius:10px;display:flex;align-items:center;justify-content:center}.admin-metric-content h3{font-size:.875rem;color:var(--text-secondary);margin:0 0 .25rem;font-weight:500}.admin-metric-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.admin-metric-change{font-size:.75rem;font-weight:500;padding:.125rem .5rem;border-radius:6px}.admin-metric-change.positive{background:#ecfdf5;color:#059669}.admin-metric-change.neutral{background:#f3f4f6;color:#6b7280}.admin-metric-change.negative{background:#fef2f2;color:#dc2626}.admin-sub-card{background:white;border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem;margin-bottom:1rem}.admin-sub-card-header{border-bottom:1px solid var(--border-primary);padding-bottom:1rem;margin-bottom:1rem}.admin-badge{font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:6px;text-transform:uppercase;letter-spacing:.05em}.admin-badge.text-green-600{background:#dcfce7;color:#16a34a}.admin-badge.text-blue-600{background:#dbeafe;color:#2563eb}.admin-badge.text-yellow-600{background:#fef3c7;color:#d97706}.admin-badge.text-red-600{background:#fee2e2;color:#dc2626}.admin-select{padding:.5rem 1rem;border:1px solid var(--border-primary);border-radius:8px;background:white;color:var(--text-primary);font-size:.875rem;min-width:140px}.admin-select:focus{outline:none;border-color:var(--color-fomix-blue);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.admin-error-message{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin-bottom:1.5rem}.dark-theme .admin-metric-card,.dark-theme .admin-sub-card{background:var(--bg-card);border-color:var(--border-primary)}.dark-theme .admin-metric-card:hover{border-color:var(--color-fomix-blue)}.dark-theme .admin-metric-value{color:var(--text-primary)}.dark-theme .admin-select{background:var(--bg-card);border-color:var(--border-primary);color:var(--text-primary)}.dark-theme .admin-error-message{background:rgba(220,38,38,.1);border-color:rgba(220,38,38,.2);color:#fca5a5}:root{--disco-primary:255,0,128;--disco-secondary:0,255,255;--disco-accent:255,255,0;--disco-purple:128,0,255;--disco-green:0,255,128;--disco-orange:255,128,0;--disco-red:255,0,0;--disco-blue:0,128,255}@media (max-width:768px){body.disco-mode-active div[style*="position: fixed"][style*="top: 5%"][style*="left: 50%"][style*="transform: translateX(-50%)"]{display:none!important}}body.disco-dark-mode-forced,body.disco-dark-mode-forced *{color-scheme:dark!important}body.disco-dark-mode-forced{background:#0a0a0a!important;color:#ffffff!important}body.disco-mode-active,body.disco-mode-active *{color:#ffffff!important}body.disco-mode-active .disco-allow-color,body.disco-mode-active .disco-allow-color *{color:inherit!important}body.disco-mode-active{background:#0F141B!important;overflow-x:hidden!important;position:relative!important}body.disco-mode-active:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(var(--disco-green),.4) 0,transparent 60%),radial-gradient(circle at 80% 20%,rgba(var(--disco-orange),.35) 0,transparent 55%),radial-gradient(circle at 50% 50%,rgba(var(--disco-purple),.3) 0,transparent 40%),radial-gradient(circle at 10% 90%,rgba(var(--disco-accent),.28) 0,transparent 35%),radial-gradient(circle at 90% 10%,rgba(var(--disco-primary),.22) 0,transparent 45%);z-index:-10;transition:none!important;filter:brightness(6) saturate(2.2) contrast(1.25)!important}body.disco-mode-active .radio-player{background:rgba(15,15,25,.95)!important;backdrop-filter:blur(12px)!important;border-top:2px solid rgba(var(--disco-primary),.4)!important;transition:none!important}body.disco-mode-active .header,body.disco-mode-active .navbar,body.disco-mode-active header{background:linear-gradient(90deg,rgba(var(--disco-primary),.15) 0,rgba(20,20,35,.95) 30%,rgba(var(--disco-secondary),.12) 70%,rgba(var(--disco-accent),.1) 100%)!important;border-bottom:2px solid rgba(var(--disco-primary),.6)!important;box-shadow:0 4px 20px rgba(0,0,0,.6),0 0 25px rgba(var(--disco-primary),.4),0 0 40px rgba(var(--disco-secondary),.3),inset 0 1px 0 rgba(255,255,255,.1)!important;backdrop-filter:blur(8px)!important;transition:none!important}body.disco-mode-active .brand,body.disco-mode-active .logo,body.disco-mode-active .logo img{filter:brightness(1.2) hue-rotate(15deg) saturate(1.3)!important;text-shadow:0 0 15px rgba(var(--disco-primary),.5)!important;transition:none!important}body.disco-mode-active .menu-item,body.disco-mode-active .nav-link,body.disco-mode-active .navbar-link,body.disco-mode-active nav a{color:rgba(255,255,255,.9)!important;text-shadow:0 0 8px rgba(var(--disco-secondary),.3)!important;transition:none!important}body.disco-mode-active .menu-item:hover,body.disco-mode-active .nav-link:hover,body.disco-mode-active .navbar-link:hover,body.disco-mode-active nav a:hover{color:rgba(var(--disco-accent),1)!important;text-shadow:0 0 12px rgba(var(--disco-accent),.6)!important;background:rgba(var(--disco-accent),.1)!important;border-radius:4px!important}body.disco-mode-active .card,body.disco-mode-active .instellingen-card,body.disco-mode-active .news-card{background:linear-gradient(135deg,rgba(var(--disco-primary),.15) 0,rgba(20,20,35,.9) 30%,rgba(var(--disco-secondary),.12) 100%)!important;border:2px solid rgba(var(--disco-primary),.6)!important;box-shadow:0 6px 30px rgba(0,0,0,.6),0 0 25px rgba(var(--disco-primary),.4),0 0 40px rgba(var(--disco-secondary),.3),inset 0 1px 0 rgba(255,255,255,.1)!important;transition:none!important;backdrop-filter:blur(8px)!important}body.disco-mode-active .card:hover,body.disco-mode-active .instellingen-card:hover,body.disco-mode-active .news-card:hover{transform:translateY(-5px) scale(1.02)!important;background:linear-gradient(135deg,rgba(var(--disco-accent),.25) 0,rgba(20,20,35,.95) 30%,rgba(var(--disco-green),.2) 100%)!important;border-color:rgba(var(--disco-accent),.8)!important;box-shadow:0 12px 50px rgba(0,0,0,.7),0 0 40px rgba(var(--disco-accent),.6),0 0 60px rgba(var(--disco-secondary),.4),inset 0 2px 0 rgba(255,255,255,.15)!important}body.disco-mode-active .button:hover:not(.disco-ignore),body.disco-mode-active button:hover:not(.disco-ignore){transform:translateY(-3px) scale(1.05)!important;background:linear-gradient(135deg,rgba(var(--disco-accent),.4) 0,rgba(25,25,40,.95) 50%,rgba(var(--disco-green),.35) 100%)!important;border-color:rgba(var(--disco-accent),.9)!important;text-shadow:0 0 12px rgba(var(--disco-accent),.8)!important;box-shadow:0 8px 35px rgba(0,0,0,.6),0 0 30px rgba(var(--disco-accent),.7),0 0 45px rgba(var(--disco-secondary),.5),inset 0 2px 0 rgba(255,255,255,.2)!important}body.disco-mode-active .disco-ignore,body.disco-mode-active .disco-ignore *,body.disco-mode-active .disco-ignore:active,body.disco-mode-active .disco-ignore:focus,body.disco-mode-active .disco-ignore:hover,body.disco-mode-active.bass-drop-active .disco-ignore,body.disco-mode-active.beat-active .disco-ignore,body.disco-mode-active.beat-active .disco-ignore *,body.disco-mode-active.color-flash-1 .disco-ignore,body.disco-mode-active.color-flash-2 .disco-ignore,body.disco-mode-active.color-flash-3 .disco-ignore,body.disco-mode-active.intensity-high .disco-ignore,body.disco-mode-active.intensity-low .disco-ignore,body.disco-mode-active.intensity-medium .disco-ignore,body.disco-mode-active.volume-extreme .disco-ignore,body.disco-mode-active.volume-high .disco-ignore,body.disco-mode-active.volume-low .disco-ignore,body.disco-mode-active.volume-medium .disco-ignore{transform:none!important;background:inherit!important;border:inherit!important;border-color:inherit!important;box-shadow:inherit!important;text-shadow:inherit!important;filter:none!important;animation:none!important;pointer-events:auto!important;cursor:pointer!important;transition:inherit!important;color:inherit!important;opacity:inherit!important;z-index:auto!important;scale:none!important;rotate:none!important;translate:none!important}body.disco-mode-active .navbar-action-btn.disco-ignore,body.disco-mode-active .navbar-link.disco-ignore,body.disco-mode-active .navbar-mobile-link.disco-ignore,body.disco-mode-active a.disco-ignore,body.disco-mode-active button.disco-ignore{color:inherit!important;text-decoration:inherit!important;background:inherit!important;border:inherit!important;padding:inherit!important;margin:inherit!important;pointer-events:auto!important;cursor:pointer!important;position:relative!important;z-index:9999!important;transform:none!important;filter:none!important;animation:none!important;transition:inherit!important;box-shadow:inherit!important;text-shadow:inherit!important}body.disco-mode-active a[href].disco-ignore,body.disco-mode-active a[href].disco-ignore:active,body.disco-mode-active a[href].disco-ignore:focus,body.disco-mode-active a[href].disco-ignore:hover{pointer-events:auto!important;cursor:pointer!important;transform:none!important;scale:none!important;rotate:none!important;translate:none!important;filter:none!important;animation:none!important;transition:inherit!important;position:relative!important;z-index:10000!important;will-change:auto!important;backface-visibility:visible!important;background:inherit!important;border:inherit!important;box-shadow:inherit!important;text-shadow:inherit!important;color:inherit!important;opacity:inherit!important}.disco-dark-mode-forced .hero-banner{background:hsl(calc(var(--disco-dynamic-hue, 200) + var(--disco-bass-hue, 0) * .3),calc(70% + var(--disco-intensity, 0) * 30%),calc(25% + var(--disco-volume, 0) * 15%))!important;filter:brightness(calc(1 + var(--disco-intensity, 0) * .3))!important;transition:background-color .1s ease,filter .1s ease!important}body.disco-mode-active.beat-active .card,body.disco-mode-active.beat-active .instellingen-card,body.disco-mode-active.beat-active .news-card{transform:scale(1.03) rotate(.5deg)!important;border-color:rgba(var(--disco-accent),.7)!important;box-shadow:0 6px 30px rgba(0,0,0,.6),0 0 40px rgba(var(--disco-accent),.5)!important}body.disco-mode-active.beat-active .button:not(.disco-ignore),body.disco-mode-active.beat-active button:not(.disco-ignore){transform:scale(1.05)!important;border-color:rgba(var(--disco-secondary),.8)!important;box-shadow:0 4px 25px rgba(0,0,0,.5),0 0 30px rgba(var(--disco-secondary),.6)!important}body.disco-mode-active.beat-active .header,body.disco-mode-active.beat-active .navbar,body.disco-mode-active.beat-active header{background:linear-gradient(90deg,rgba(var(--disco-accent),.25) 0,rgba(20,20,35,.95) 30%,rgba(var(--disco-secondary),.2) 70%,rgba(var(--disco-primary),.18) 100%)!important;border-bottom:3px solid rgba(var(--disco-accent),.9)!important;box-shadow:0 6px 25px rgba(0,0,0,.7),0 0 35px rgba(var(--disco-accent),.6),0 0 50px rgba(var(--disco-secondary),.4),inset 0 2px 0 rgba(255,255,255,.15)!important;transform:scale(1.01)!important}body.disco-mode-active.beat-active .brand,body.disco-mode-active.beat-active .logo,body.disco-mode-active.beat-active .logo img{filter:brightness(1.4) hue-rotate(30deg) saturate(1.6)!important;text-shadow:0 0 20px rgba(var(--disco-accent),.8),0 0 30px rgba(var(--disco-secondary),.6)!important;transform:scale(1.03)!important}body.disco-mode-active.beat-active .menu-item,body.disco-mode-active.beat-active .nav-link,body.disco-mode-active.beat-active .navbar-link,body.disco-mode-active.beat-active nav a{color:rgba(var(--disco-accent),.9)!important;text-shadow:0 0 12px rgba(var(--disco-accent),.5)!important;background:rgba(var(--disco-accent),.15)!important;border-radius:4px!important}body.disco-mode-active.beat-active .radio-player{border-top-color:rgba(var(--disco-accent),.9)!important;box-shadow:0 -8px 40px rgba(var(--disco-accent),.4),inset 0 2px 0 rgba(255,255,255,.15)!important}body.disco-mode-active.beat-active .banner,body.disco-mode-active.beat-active .hero,body.disco-mode-active.beat-active .hero-banner,body.disco-mode-active.beat-active .hero-banner:after{background:hsl(calc(var(--disco-dynamic-hue, 200) + var(--disco-bass-hue, 0) * .5),calc(80% + var(--disco-intensity, 0) * 20%),calc(35% + var(--disco-volume, 0) * 20%))!important;filter:brightness(calc(1.2 + var(--disco-intensity, 0) * .5)) saturate(calc(1.3 + var(--disco-volume, 0) * .7)) hue-rotate(calc(var(--disco-dynamic-hue, 0) * .8)deg)!important;transform:scale(calc(1.01 + var(--disco-intensity, 0) * .03))!important;transition:all .1s ease!important}body.disco-mode-active.color-flash-1:before{background:radial-gradient(circle at 25% 75%,rgba(var(--disco-primary),.25) 0,transparent 65%),radial-gradient(circle at 75% 25%,rgba(var(--disco-secondary),.15) 0,transparent 55%),radial-gradient(circle at 50% 50%,rgba(var(--disco-accent),.1) 0,transparent 45%)!important}body.disco-mode-active.color-flash-1 .card,body.disco-mode-active.color-flash-1 .instellingen-card,body.disco-mode-active.color-flash-1 .news-card{border-color:rgba(var(--disco-primary),.6)!important}body.disco-mode-active.color-flash-1 .banner,body.disco-mode-active.color-flash-1 .hero,body.disco-mode-active.color-flash-1 .hero-banner,body.disco-mode-active.color-flash-1 .hero-banner:after{background:hsl(320,85%,40%)!important;filter:brightness(1.5) saturate(2) hue-rotate(calc(var(--disco-dynamic-hue, 0) * .3)deg)!important;transform:scale(1.02)!important;transition:all .1s ease!important}body.disco-mode-active.color-flash-2:before{background:radial-gradient(circle at 25% 75%,rgba(var(--disco-secondary),.25) 0,transparent 65%),radial-gradient(circle at 75% 25%,rgba(var(--disco-accent),.15) 0,transparent 55%),radial-gradient(circle at 50% 50%,rgba(var(--disco-purple),.1) 0,transparent 45%)!important}body.disco-mode-active.color-flash-2 .card,body.disco-mode-active.color-flash-2 .instellingen-card,body.disco-mode-active.color-flash-2 .news-card{border-color:rgba(var(--disco-secondary),.6)!important}body.disco-mode-active.color-flash-2 .banner,body.disco-mode-active.color-flash-2 .hero,body.disco-mode-active.color-flash-2 .hero-banner,body.disco-mode-active.color-flash-2 .hero-banner:after{background:hsl(180,80%,35%)!important;filter:brightness(1.4) saturate(1.8) hue-rotate(calc(var(--disco-dynamic-hue, 0) * .4)deg)!important;transform:scale(1.025)!important;transition:all .12s ease!important}body.disco-mode-active.color-flash-3:before{background:radial-gradient(circle at 25% 75%,rgba(var(--disco-accent),.25) 0,transparent 65%),radial-gradient(circle at 75% 25%,rgba(var(--disco-green),.15) 0,transparent 55%),radial-gradient(circle at 50% 50%,rgba(var(--disco-orange),.1) 0,transparent 45%)!important}body.disco-mode-active.color-flash-3 .card,body.disco-mode-active.color-flash-3 .instellingen-card,body.disco-mode-active.color-flash-3 .news-card{border-color:rgba(var(--disco-accent),.6)!important}body.disco-mode-active.color-flash-3 .banner,body.disco-mode-active.color-flash-3 .hero,body.disco-mode-active.color-flash-3 .hero-banner,body.disco-mode-active.color-flash-3 .hero-banner:after{background:hsl(45,90%,45%)!important;filter:brightness(1.6) saturate(2.2) hue-rotate(calc(var(--disco-dynamic-hue, 0) * .2)deg)!important;transform:scale(1.03)!important;transition:all .15s ease!important}body.disco-mode-active.intensity-low{--disco-multiplier:0.3}body.disco-mode-active.intensity-low .radio-player{box-shadow:0 -3px 15px rgba(var(--disco-primary),.2),inset 0 1px 0 rgba(255,255,255,.05)!important}body.disco-mode-active.intensity-low .banner,body.disco-mode-active.intensity-low .hero,body.disco-mode-active.intensity-low .hero-banner:after{filter:brightness(calc(1.05 + var(--disco-intensity, 0) * .2)) saturate(calc(1.1 + var(--disco-volume, 0) * .3)) hue-rotate(calc(var(--disco-dynamic-hue, 0) * .2)deg)!important;transform:scale(calc(1 + var(--disco-intensity, 0) * .01))!important;transition:all .3s ease!important}body.disco-mode-active.intensity-medium{--disco-multiplier:0.6}body.disco-mode-active.intensity-medium .header,body.disco-mode-active.intensity-medium .navbar,body.disco-mode-active.intensity-medium header{background:linear-gradient(90deg,rgba(var(--disco-primary),.2) 0,rgba(20,20,35,.95) 30%,rgba(var(--disco-secondary),.18) 70%,rgba(var(--disco-accent),.15) 100%)!important;border-bottom:2px solid rgba(var(--disco-primary),.7)!important;box-shadow:0 5px 22px rgba(0,0,0,.65),0 0 30px rgba(var(--disco-primary),.5),0 0 45px rgba(var(--disco-secondary),.35),inset 0 1px 0 rgba(255,255,255,.12)!important}body.disco-mode-active.intensity-medium .brand,body.disco-mode-active.intensity-medium .logo,body.disco-mode-active.intensity-medium .logo img{filter:brightness(1.3) hue-rotate(25deg) saturate(1.4)!important;text-shadow:0 0 18px rgba(var(--disco-primary),.6),0 0 25px rgba(var(--disco-secondary),.4)!important;transform:scale(1.02)!important}body.disco-mode-active.intensity-medium .radio-player{box-shadow:0 -5px 25px rgba(var(--disco-primary),.3),inset 0 1px 0 rgba(255,255,255,.08)!important}body.disco-mode-active.intensity-medium .banner,body.disco-mode-active.intensity-medium .hero,body.disco-mode-active.intensity-medium .hero-banner,body.disco-mode-active.intensity-medium .hero-banner:after{filter:brightness(calc(1.1 + var(--disco-intensity, 0) * .4)) saturate(calc(1.2 + var(--disco-volume, 0) * .6)) hue-rotate(calc(var(--disco-dynamic-hue, 0) * .5)deg)!important;transform:scale(calc(1.005 + var(--disco-intensity, 0) * .02))!important;transition:all .2s ease!important}body.disco-mode-active.intensity-high{--disco-multiplier:1.0}body.disco-mode-active.intensity-high .header,body.disco-mode-active.intensity-high .navbar,body.disco-mode-active.intensity-high header{background:linear-gradient(90deg,rgba(var(--disco-primary),.3) 0,rgba(var(--disco-secondary),.25) 25%,rgba(var(--disco-accent),.3) 50%,rgba(var(--disco-purple),.25) 75%,rgba(var(--disco-green),.2) 100%)!important;border-bottom:4px solid rgba(var(--disco-primary),.9)!important;box-shadow:0 8px 30px rgba(0,0,0,.8),0 0 45px rgba(var(--disco-primary),.7),0 0 65px rgba(var(--disco-secondary),.5),0 0 85px rgba(var(--disco-accent),.3),inset 0 2px 0 rgba(255,255,255,.2)!important;transform:scale(1.02)!important}body.disco-mode-active.intensity-high .brand,body.disco-mode-active.intensity-high .logo,body.disco-mode-active.intensity-high .logo img{filter:brightness(1.5) hue-rotate(45deg) saturate(1.8)!important;text-shadow:0 0 25px rgba(var(--disco-primary),1),0 0 40px rgba(var(--disco-secondary),.8),0 0 60px rgba(var(--disco-accent),.6)!important;transform:scale(1.05) rotate(.5deg)!important}body.disco-mode-active.intensity-high .radio-player{box-shadow:0 -8px 40px rgba(var(--disco-primary),.5),0 -15px 60px rgba(var(--disco-secondary),.3),inset 0 2px 0 rgba(255,255,255,.12)!important}body.disco-mode-active.intensity-high .banner,body.disco-mode-active.intensity-high .hero,body.disco-mode-active.intensity-high .hero-banner,body.disco-mode-active.intensity-high .hero-banner:after{filter:brightness(calc(1.3 + var(--disco-intensity, 0) * .7)) saturate(calc(1.5 + var(--disco-volume, 0) * 1)) contrast(calc(1.1 + var(--disco-intensity, 0) * .4)) hue-rotate(calc(var(--disco-dynamic-hue, 0) * .8)deg)!important;transform:scale(calc(1.01 + var(--disco-intensity, 0) * .05)) rotate(calc(var(--disco-bass-level, 0) * 2)deg)!important;transition:all .05s ease!important}body.disco-mode-active.volume-low{--volume-multiplier:0.3}body.disco-mode-active.volume-low .radio-player{border-top-color:rgba(var(--disco-primary),.3)!important}body.disco-mode-active.volume-low .banner,body.disco-mode-active.volume-low .hero,body.disco-mode-active.volume-low .hero-banner:after{background:hsl(calc(var(--disco-dynamic-hue, 200) + var(--disco-bass-hue, 0) * .1),calc(55% + var(--disco-volume, 0) * 15%),calc(22% + var(--disco-volume, 0) * 8%))!important;filter:brightness(calc(1.02 + var(--disco-volume, 0) * .15)) saturate(calc(1.05 + var(--disco-volume, 0) * .25)) hue-rotate(calc(var(--disco-dynamic-hue, 0) * .1)deg)!important;transform:scale(calc(1 + var(--disco-volume, 0) * .005))!important;transition:all .5s ease!important}body.disco-mode-active.volume-medium{--volume-multiplier:0.6}body.disco-mode-active.volume-medium .radio-player{border-top-color:rgba(var(--disco-primary),.6)!important;box-shadow:0 -5px 25px rgba(var(--disco-primary),.3),inset 0 1px 0 rgba(255,255,255,.1)!important}body.disco-mode-active.volume-medium .banner,body.disco-mode-active.volume-medium .hero,body.disco-mode-active.volume-medium .hero-banner,body.disco-mode-active.volume-medium .hero-banner:after{background:hsl(calc(var(--disco-dynamic-hue, 200) + var(--disco-bass-hue, 0) * .4),calc(75% + var(--disco-volume, 0) * 25%),calc(32% + var(--disco-volume, 0) * 18%))!important;filter:brightness(calc(1.15 + var(--disco-volume, 0) * .5)) saturate(calc(1.3 + var(--disco-volume, 0) * .7)) hue-rotate(calc(var(--disco-dynamic-hue, 0) * .3)deg)!important;transform:scale(calc(1.01 + var(--disco-volume, 0) * .03))!important;transition:all .1s ease!important}body.disco-mode-active.volume-high{--volume-multiplier:0.8}body.disco-mode-active.volume-high .radio-player{border-top-color:rgba(var(--disco-secondary),.8)!important;box-shadow:0 -8px 35px rgba(var(--disco-secondary),.5),inset 0 2px 0 rgba(255,255,255,.15)!important}body.disco-mode-active.volume-extreme{--volume-multiplier:1.2!important}body.disco-mode-active.volume-extreme:before{background:radial-gradient(circle at 25% 75%,rgba(var(--disco-primary),.25) 0,transparent 65%),radial-gradient(circle at 75% 25%,rgba(var(--disco-secondary),.2) 0,transparent 55%),radial-gradient(circle at 50% 50%,rgba(var(--disco-accent),.15) 0,transparent 45%)!important;animation:volume-extreme-pulse 1s ease-in-out infinite!important}body.disco-mode-active.volume-extreme .radio-player{border-top-color:rgba(var(--disco-accent),1)!important;box-shadow:0 -12px 50px rgba(var(--disco-accent),.7),0 -25px 80px rgba(var(--disco-secondary),.4),inset 0 3px 0 rgba(255,255,255,.2)!important;animation:volume-extreme-glow .5s ease-in-out infinite!important}body.disco-mode-active.volume-extreme .header,body.disco-mode-active.volume-extreme .navbar,body.disco-mode-active.volume-extreme header{background:linear-gradient(90deg,rgba(var(--disco-primary),.35) 0,rgba(var(--disco-secondary),.3) 20%,rgba(var(--disco-accent),.35) 40%,rgba(var(--disco-purple),.3) 60%,rgba(var(--disco-green),.25) 80%,rgba(var(--disco-orange),.3) 100%)!important;border-bottom:5px solid rgba(var(--disco-accent),1)!important;box-shadow:0 10px 35px rgba(0,0,0,.9),0 0 55px rgba(var(--disco-accent),.8),0 0 75px rgba(var(--disco-secondary),.6),0 0 95px rgba(var(--disco-primary),.4),inset 0 3px 0 rgba(255,255,255,.25)!important;animation:volume-extreme-header-glow .5s ease-in-out infinite!important;transform:scale(1.03)!important}body.disco-mode-active.volume-extreme .brand,body.disco-mode-active.volume-extreme .logo,body.disco-mode-active.volume-extreme .logo img{filter:brightness(1.7) hue-rotate(55deg) saturate(2.2)!important;text-shadow:0 0 30px rgba(var(--disco-accent),1),0 0 50px rgba(var(--disco-secondary),.9),0 0 70px rgba(var(--disco-primary),.7)!important;transform:scale(1.08) rotate(1deg)!important;animation:volume-extreme-logo-dance .8s ease-in-out infinite!important}body.disco-mode-active.volume-extreme .card,body.disco-mode-active.volume-extreme .instellingen-card,body.disco-mode-active.volume-extreme .news-card{animation:volume-extreme-shake .8s ease-in-out infinite!important}body.disco-mode-active.volume-extreme .banner,body.disco-mode-active.volume-extreme .hero,body.disco-mode-active.volume-extreme .hero-banner:after{filter:brightness(calc(1.5 + var(--disco-volume, 0) * 1)) saturate(calc(2 + var(--disco-volume, 0) * 1.5)) contrast(calc(1.2 + var(--disco-volume, 0) * .8)) hue-rotate(calc(var(--disco-dynamic-hue, 0) * 1.2)deg)!important;transform:scale(calc(1.02 + var(--disco-volume, 0) * .08)) rotate(calc(var(--disco-bass-level, 0) * 5)deg)!important;transition:all .03s ease!important}body.disco-mode-active.bass-drop-active{--disco-multiplier:2.0!important}body.disco-mode-active.bass-drop-active:before{background:radial-gradient(circle at 25% 75%,rgba(var(--disco-primary),.6) 0,transparent 65%),radial-gradient(circle at 75% 25%,rgba(var(--disco-secondary),.5) 0,transparent 55%),radial-gradient(circle at 50% 50%,rgba(var(--disco-accent),.4) 0,transparent 45%)!important;animation:bass-drop-background 2s ease-out!important}body.disco-mode-active.bass-drop-active .card,body.disco-mode-active.bass-drop-active .instellingen-card,body.disco-mode-active.bass-drop-active .news-card{transform:scale(1.08) rotate(1deg)!important;border-color:rgba(var(--disco-accent),1)!important;box-shadow:0 10px 50px rgba(0,0,0,.8),0 0 80px rgba(var(--disco-accent),.8)!important;animation:bass-drop-card-shake 2s ease-out!important}body.disco-mode-active.bass-drop-active .radio-player{border-top-color:rgba(var(--disco-accent),1)!important;box-shadow:0 -15px 60px rgba(var(--disco-accent),.8),inset 0 3px 0 rgba(255,255,255,.3)!important;animation:bass-drop-player-glow 2s ease-out!important}body.disco-mode-active.bass-drop-active .banner,body.disco-mode-active.bass-drop-active .hero,body.disco-mode-active.bass-drop-active .hero-banner:after{background:hsl(calc(var(--disco-dynamic-hue, 200) + var(--disco-bass-hue, 0) * 1.2),calc(95% + var(--disco-bass-level, 0) * 5%),calc(55% + var(--disco-bass-level, 0) * 30%))!important;filter:brightness(calc(1.8 + var(--disco-bass-level, 0) * 1.5)) saturate(calc(2.5 + var(--disco-bass-level, 0) * 2)) contrast(calc(1.5 + var(--disco-bass-level, 0) * 1)) hue-rotate(calc(var(--disco-bass-hue, 0) * 2)deg)!important;transform:scale(calc(1.05 + var(--disco-bass-level, 0) * .15)) rotate(calc(var(--disco-bass-level, 0) * 10)deg)!important;transition:all .02s ease!important}@keyframes bass-drop-background{0%{filter:brightness(1) saturate(1);transform:scale(1)}30%{filter:brightness(1.8) saturate(2) hue-rotate(60deg);transform:scale(1.02)}to{filter:brightness(1) saturate(1);transform:scale(1)}}@keyframes bass-drop-card-shake{0%{transform:scale(1.08) rotate(1deg)}10%{transform:scale(1.1) rotate(-.5deg)}20%{transform:scale(1.06) rotate(1.2deg)}30%{transform:scale(1.09) rotate(-.8deg)}40%{transform:scale(1.07) rotate(.6deg)}50%{transform:scale(1.08) rotate(-.3deg)}to{transform:scale(1.08) rotate(1deg)}}@keyframes bass-drop-player-glow{0%{filter:brightness(1)}50%{filter:brightness(1.5) saturate(1.5)}to{filter:brightness(1)}}@keyframes volume-extreme-pulse{0%{filter:brightness(1) hue-rotate(0deg)}50%{filter:brightness(1.3) hue-rotate(30deg)}to{filter:brightness(1) hue-rotate(0deg)}}@keyframes volume-extreme-glow{0%{filter:brightness(1) saturate(1)}50%{filter:brightness(1.4) saturate(1.8) hue-rotate(15deg)}to{filter:brightness(1) saturate(1)}}@keyframes volume-extreme-shake{0%{transform:translateX(0) rotate(0deg)}25%{transform:translateX(1px) rotate(.1deg)}50%{transform:translateX(-1px) rotate(-.1deg)}75%{transform:translateX(.5px) rotate(.05deg)}to{transform:translateX(0) rotate(0deg)}}@media (prefers-reduced-motion:reduce){body.disco-mode-active,body.disco-mode-active *,body.disco-mode-active:after,body.disco-mode-active:before{animation:none!important;transform:none!important;filter:none!important;transition:none!important}}@media print{body.disco-mode-active,body.disco-mode-active *,body.disco-mode-active:after,body.disco-mode-active:before{background:white!important;color:black!important;filter:none!important;box-shadow:none!important;text-shadow:none!important;border-color:#ccc!important;animation:none!important;transform:none!important}}@media (max-width:768px){body.disco-mode-active.beat-active .card,body.disco-mode-active.beat-active .instellingen-card,body.disco-mode-active.beat-active .news-card{transform:scale(1.02)!important}body.disco-mode-active:before{background:radial-gradient(circle at 25% 75%,rgba(var(--disco-primary),.05) 0,transparent 65%),radial-gradient(circle at 75% 25%,rgba(var(--disco-secondary),.03) 0,transparent 55%)!important}}body.disco-mode-active{scroll-behavior:smooth!important}body.disco-mode-active .button:focus,body.disco-mode-active a:focus,body.disco-mode-active button:focus{outline:2px solid rgba(var(--disco-accent),.6)!important;outline-offset:2px!important}body.disco-mode-active ::selection{background:rgba(var(--disco-primary),.3)!important;color:white!important}body.disco-mode-active ::-moz-selection{background:rgba(var(--disco-primary),.3)!important;color:white!important}@keyframes moving-head-beat{0%{transform:scaleY(1) scaleX(1) rotate(0deg);filter:brightness(1) saturate(1)}50%{transform:scaleY(1.3) scaleX(1.2) rotate(5deg);filter:brightness(1.8) saturate(1.5)}to{transform:scaleY(1) scaleX(1) rotate(0deg);filter:brightness(1) saturate(1)}}@keyframes ultra-beat-flash{0%{opacity:1;transform:scale(1)}10%{opacity:1;transform:scale(1.1)}20%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}@keyframes moving-head-dance{0%{transform:translateX(0) translateY(0) rotate(0deg)}25%{transform:translateX(5px) translateY(-3px) rotate(2deg)}50%{transform:translateX(-3px) translateY(4px) rotate(-1deg)}75%{transform:translateX(4px) translateY(-2px) rotate(3deg)}to{transform:translateX(0) translateY(0) rotate(0deg)}}.studio-chat{display:flex;flex-direction:column;height:600px;max-width:800px;margin:0 auto;border-radius:16px;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f172a);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px rgba(0,0,0,.3);overflow:hidden;position:relative}.studio-chat:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#4f46e5,transparent)}.studio-chat-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px)}.studio-chat-header-left{display:flex;align-items:center;gap:16px}.studio-chat-icon{position:relative;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:white}.studio-chat-icon,.studio-chat-icon-glow{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.studio-chat-icon-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:14px;z-index:-1;opacity:.4;filter:blur(4px)}.studio-chat-title{font-size:1.5rem;font-weight:700;color:white;margin:0}.studio-chat-subtitle{color:rgba(255,255,255,.7);margin:4px 0 0;font-size:.9rem}.studio-chat-status{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:.85rem;font-weight:600;transition:all .3s ease}.studio-chat-status.connected{background:rgba(34,197,94,.1);color:#22c55e;border:1px solid rgba(34,197,94,.2)}.studio-chat-status.disconnected{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.studio-chat-status-connecting{display:flex;align-items:center;gap:8px;color:#f59e0b}.studio-chat-spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.studio-chat-messages{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth}.studio-chat-messages::-webkit-scrollbar{width:6px}.studio-chat-messages::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:3px}.studio-chat-messages::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px}.studio-chat-messages::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.studio-chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:rgba(255,255,255,.6);text-align:center}.studio-chat-empty-icon{color:rgba(255,255,255,.3);margin-bottom:16px}.studio-chat-empty h3{margin:0 0 8px;font-size:1.2rem;color:rgba(255,255,255,.8)}.studio-chat-empty p{margin:0;font-size:.9rem}.studio-chat-message{display:flex;gap:12px;animation:slideIn .3s ease-out}.studio-chat-message.own{flex-direction:row-reverse}.studio-chat-message.dj .studio-chat-message-content{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:1px solid rgba(79,70,229,.3)}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.studio-chat-message-avatar{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,#374151,#4b5563);color:white}.studio-chat-message.dj .studio-chat-message-avatar{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.studio-chat-user-initial{font-weight:700;font-size:1.1rem}.studio-chat-message-content{flex:1;max-width:70%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;position:relative}.studio-chat-message.own .studio-chat-message-content{background:linear-gradient(135deg,#1e293b,#334155);border-color:rgba(255,255,255,.15)}.studio-chat-message-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.studio-chat-message-sender{font-weight:600;color:white;font-size:.9rem}.studio-chat-message-time{font-size:.75rem;color:rgba(255,255,255,.5)}.studio-chat-message-text{color:rgba(255,255,255,.9);margin:0;line-height:1.5;word-break:break-word}.studio-chat-message-media{margin-bottom:12px}.studio-chat-message-image{max-width:100%;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.studio-chat-message-audio{width:100%;height:40px}.studio-chat-message-badge{display:flex;align-items:center;gap:6px;margin-top:8px;padding:4px 8px;background:rgba(255,255,255,.1);border-radius:6px;font-size:.75rem;color:rgba(255,255,255,.8);width:fit-content}.studio-chat-media-panel{position:absolute;bottom:120px;left:24px;right:24px;background:rgba(15,23,42,.95);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;backdrop-filter:blur(10px);box-shadow:0 10px 25px rgba(0,0,0,.3);z-index:10}.studio-chat-media-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.studio-chat-media-header h3{color:white;margin:0;font-size:1.1rem}.studio-chat-close-btn{background:none;border:none;color:rgba(255,255,255,.6);font-size:1.2rem;cursor:pointer;padding:4px;transition:color .2s ease}.studio-chat-close-btn:hover{color:white}.studio-chat-emoji-panel{position:absolute;bottom:120px;left:24px;background:rgba(15,23,42,.95);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;backdrop-filter:blur(10px);box-shadow:0 10px 25px rgba(0,0,0,.3);z-index:10}.studio-chat-emoji-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.studio-chat-emoji-btn{width:40px;height:40px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:all .2s ease}.studio-chat-emoji-btn:hover{background:rgba(255,255,255,.1);transform:scale(1.1)}.studio-chat-input-container{padding:20px 24px;background:rgba(255,255,255,.05);border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:flex-end;gap:12px}.studio-chat-input-actions{display:flex;gap:8px}.studio-chat-action-btn{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.7);cursor:pointer;transition:all .2s ease}.studio-chat-action-btn:hover{background:rgba(255,255,255,.1);color:white}.studio-chat-action-btn.active{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:white;border-color:rgba(79,70,229,.3)}.studio-chat-input-wrapper{flex:1;display:flex;flex-direction:column}.studio-chat-input{width:100%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:12px 16px;color:white;font-size:.95rem;outline:none;transition:all .2s ease;resize:none}.studio-chat-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.1)}.studio-chat-input::placeholder{color:rgba(255,255,255,.4)}.studio-chat-input:disabled{opacity:.6}.studio-chat-input-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px;gap:12px}.studio-chat-char-count{font-size:.75rem;color:rgba(255,255,255,.4)}.studio-chat-offline-note{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#f59e0b}.studio-chat-send-btn{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;display:flex;align-items:center;justify-content:center;color:white;cursor:pointer;transition:all .2s ease;flex-shrink:0}.studio-chat-send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px rgba(79,70,229,.3)}.studio-chat-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.studio-chat-footer{padding:16px 24px;text-align:center;border-top:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.02)}.studio-chat-info{margin:0;font-size:.85rem;color:rgba(255,255,255,.5)}.studio-chat-auth-required{display:flex;align-items:center;justify-content:center;height:400px;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f172a);border-radius:16px;border:1px solid rgba(255,255,255,.1)}.studio-chat-auth-content{text-align:center;color:white}.studio-chat-auth-icon{color:rgba(255,255,255,.3);margin-bottom:16px}.studio-chat-auth-content h3{margin:0 0 8px;font-size:1.3rem}.studio-chat-auth-content p{margin:0 0 20px;color:rgba(255,255,255,.7)}.studio-chat-auth-button{display:inline-block;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:white;text-decoration:none;padding:12px 24px;border-radius:8px;font-weight:600;transition:transform .2s ease}.studio-chat-auth-button:hover{transform:translateY(-2px)}.studio-chat-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f172a);border-radius:16px;border:1px solid rgba(255,255,255,.1);color:white}.studio-chat-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#4f46e5;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.djzone-chat-status-indicator{display:flex;align-items:center;padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:600;transition:all .3s ease}.djzone-chat-status-indicator.connected{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2)}.djzone-chat-status-indicator.disconnected{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2)}.djzone-chat-media-panel{background:rgba(15,23,42,.95);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-bottom:16px;backdrop-filter:blur(10px)}.djzone-chat-media-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.djzone-chat-media-title{display:flex;align-items:center;gap:12px;margin:0;color:white;font-size:1.1rem}.djzone-chat-media-body{color:rgba(255,255,255,.8)}.djzone-chat-media-info{gap:8px;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2);color:#f59e0b}.djzone-chat-media-info,.djzone-chat-typing-indicator{display:flex;align-items:center;padding:12px 16px;border-radius:8px;font-size:.9rem}.djzone-chat-typing-indicator{gap:12px;background:rgba(255,255,255,.05);margin:8px 0;color:rgba(255,255,255,.7)}.djzone-typing-dots{display:flex;gap:4px}.djzone-typing-dots span{width:6px;height:6px;background:#4f46e5;border-radius:50%;animation:typingPulse 1.4s ease-in-out infinite both}.djzone-typing-dots span:first-child{animation-delay:-.32s}.djzone-typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typingPulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}@media (max-width:768px){.studio-chat{height:100vh;border-radius:0;max-width:none}.studio-chat-header{padding:16px 20px}.studio-chat-title{font-size:1.3rem}.studio-chat-messages{padding:16px 20px}.studio-chat-message-content{max-width:85%}.studio-chat-input-container{padding:16px 20px}.studio-chat-emoji-panel,.studio-chat-media-panel{left:20px;right:20px;bottom:100px}.studio-chat-input-actions{flex-direction:column;gap:4px}}@media (max-width:480px){.studio-chat-header-left{gap:12px}.studio-chat-icon{width:40px;height:40px}.studio-chat-title{font-size:1.2rem}.studio-chat-subtitle{font-size:.8rem}.studio-chat-message-avatar{width:32px;height:32px}.studio-chat-user-initial{font-size:.9rem}}