@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@400;600&family=Lato:wght@300;400;500;700&display=swap";/*! 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)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-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-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-duration:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--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-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-200:oklch(90.1% .076 70.697);--color-orange-500:oklch(70.5% .213 47.604);--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-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--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-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-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-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-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-stone-200:oklch(92.3% .003 48.717);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--ease-in:cubic-bezier(.4,0,1,1);--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;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.fixed\!{position:fixed!important}.relative{position:relative}.static{position:static}.sticky{position:sticky}.-top-1{top:calc(var(--spacing)*-1)}.-right-1{right:calc(var(--spacing)*-1)}.right-0{right:calc(var(--spacing)*0)}.right-4{right:calc(var(--spacing)*4)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-4{bottom:calc(var(--spacing)*4)}.left-0{left:calc(var(--spacing)*0)}.left-4{left:calc(var(--spacing)*4)}.isolate{isolation:isolate}.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}}.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-4{margin-top:calc(var(--spacing)*4)}.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)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-0{margin-left:calc(var(--spacing)*0)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.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-12{height:calc(var(--spacing)*12)}.h-full{height:100%}.min-h-96{min-height:calc(var(--spacing)*96)}.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-12{width:calc(var(--spacing)*12)}.w-64{width:calc(var(--spacing)*64)}.w-full{width:100%}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}: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-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-6>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*6)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.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-r{border-right-style:var(--tw-border-style);border-right-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-blue-200{border-color:var(--color-blue-200)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-200{border-color:var(--color-green-200)}.border-orange-200{border-color:var(--color-orange-200)}.border-red-200{border-color:var(--color-red-200)}.border-red-300{border-color:var(--color-red-300)}.border-stone-200{border-color:var(--color-stone-200)}.border-transparent{border-color:#0000}.border-yellow-200{border-color:var(--color-yellow-200)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-white{background-color:var(--color-white)}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from:var(--color-blue-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-gray-50{--tw-gradient-from:var(--color-gray-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))}.to-blue-100{--tw-gradient-to:var(--color-blue-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-gray-100{--tw-gradient-to:var(--color-gray-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))}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-10{padding:calc(var(--spacing)*10)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.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-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))}.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-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-blue-600{color:var(--color-blue-600)}.text-blue-800{color:var(--color-blue-800)}.text-blue-900{color:var(--color-blue-900)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-green-800{color:var(--color-green-800)}.text-green-900{color:var(--color-green-900)}.text-red-600{color:var(--color-red-600)}.text-red-800{color:var(--color-red-800)}.text-red-900{color:var(--color-red-900)}.text-white{color:var(--color-white)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-800{color:var(--color-yellow-800)}.text-yellow-900{color:var(--color-yellow-900)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.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))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.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){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\:bg-black:hover{background-color:var(--color-black)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.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-green-700:hover{background-color:var(--color-green-700)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-yellow-600:hover{background-color:var(--color-yellow-600)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.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-orange-500:focus{--tw-ring-color:var(--color-orange-500)}.focus\:ring-red-500:focus{--tw-ring-color:var(--color-red-500)}.focus\:ring-yellow-500:focus{--tw-ring-color:var(--color-yellow-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}.active\:translate-y-0:active{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}@media (min-width:48rem){.md\:block{display:block}}}@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-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-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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@keyframes pulse{50%{opacity:.5}}:root{--charcoal-graphite: #1C1C1E;--jordbrun: #5E503F;--sandbeige: #E5D9C7;--oliv: #3A4A42;--dimblag: #A1B1C6;--koppar: #B87333;--kalkvit: #F9F7F4;--font-header: "Inter", sans-serif;--font-serif: "Playfair Display", serif;--font-body: "Lato", sans-serif;--shadow-sm: 0 2px 8px rgba(28, 28, 30, .1);--shadow-md: 0 4px 16px rgba(28, 28, 30, .15);--shadow-lg: 0 8px 32px rgba(28, 28, 30, .2);--shadow-xl: 0 12px 48px rgba(28, 28, 30, .25);--transition-base: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s ease-out}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,var(--kalkvit) 0%,var(--sandbeige) 100%);padding:2rem;font-family:var(--font-body)}.auth-card{background:#fff;border-radius:24px;padding:3rem;box-shadow:var(--shadow-xl);border:1px solid var(--sandbeige);max-width:450px;width:100%;text-align:center;position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--koppar) 0%,var(--jordbrun) 100%)}.auth-header{margin-bottom:2.5rem}.auth-brand{font-family:var(--font-header);font-size:3rem;font-weight:700;color:var(--charcoal-graphite);margin-bottom:.5rem;letter-spacing:-.02em}.auth-subtitle{font-family:var(--font-serif);font-size:1.1rem;font-style:italic;color:var(--oliv);opacity:.9;margin:0}.auth-content{display:flex;flex-direction:column;gap:1.5rem}.sign-in-title{font-family:var(--font-header);font-size:1.8rem;font-weight:600;color:var(--charcoal-graphite);margin:0}.welcome-title{font-family:var(--font-header);font-size:2rem;font-weight:600;color:var(--charcoal-graphite);margin:0}.sign-in-description{font-family:var(--font-body);font-size:1rem;color:var(--oliv);line-height:1.6;max-width:300px;margin:0 auto}.user-info{font-family:var(--font-body);font-size:1rem;color:var(--oliv);margin:0;padding:1rem;background:var(--kalkvit);border-radius:12px;border:1px solid var(--sandbeige)}.user-info strong{color:var(--charcoal-graphite);font-weight:600}.sign-out-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:12px;padding:1rem 2rem;font-family:var(--font-header);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-sm)}.sign-out-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.sign-out-btn:active{transform:translateY(0)}.auth-form{margin-top:1rem}.auth-loading{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:3rem;background:#fff;border-radius:24px;box-shadow:var(--shadow-xl);border:1px solid var(--sandbeige)}.loading-spinner{width:48px;height:48px;border:4px solid var(--sandbeige);border-top:4px solid var(--koppar);border-radius:50%;animation:spin 1s linear infinite}.loading-text{font-family:var(--font-header);font-size:1.2rem;font-weight:500;color:var(--oliv);margin:0}.claimn-auth-container{width:100%}.claimn-auth-label{font-family:var(--font-header)!important;font-weight:600!important;color:var(--charcoal-graphite)!important}.claimn-auth-button{font-family:var(--font-header)!important;font-weight:600!important;transition:var(--transition-base)!important}.claimn-auth-button:hover{transform:translateY(-1px)!important}.claimn-auth-input{font-family:var(--font-body)!important;transition:var(--transition-base)!important}.claimn-auth-input:focus{transform:scale(1.02)!important}.supabase-auth-ui_ui-button{transition:var(--transition-base)!important}.supabase-auth-ui_ui-button:hover{transform:translateY(-1px)!important}.supabase-auth-ui_ui-input{transition:var(--transition-base)!important}.supabase-auth-ui_ui-input:focus{box-shadow:0 0 0 3px #b8733333!important}.supabase-auth-ui_ui-button[data-supabase=auth-google],.supabase-auth-ui_ui-button[data-supabase=auth-github]{margin-bottom:.75rem!important}@media (max-width: 768px){.auth-container{padding:1rem}.auth-card{padding:2rem;max-width:100%}.auth-brand{font-size:2.5rem}.sign-in-title,.welcome-title{font-size:1.5rem}.sign-in-description{font-size:.95rem}}@media (max-width: 480px){.auth-card{padding:1.5rem;border-radius:16px}.auth-brand{font-size:2rem}.auth-subtitle{font-size:1rem}.sign-in-title,.welcome-title{font-size:1.3rem}}button:focus{outline:none;box-shadow:0 0 0 3px #b873334d}.auth-card{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}:root{--charcoal-graphite: #1C1C1E;--jordbrun: #5E503F;--sandbeige: #E5D9C7;--oliv: #3A4A42;--dimblag: #A1B1C6;--koppar: #B87333;--kalkvit: #F9F7F4;--color-success: #B87333;--color-success-light: #f5ebe0;--color-success-border: rgba(184, 115, 51, .5);--color-success-dark: #5E503F;--color-error: #3A4A42;--color-error-light: #E5D9C7;--color-error-border: rgba(58, 74, 66, .6);--color-error-dark: #1C1C1E;--color-warning: #B87333;--color-warning-light: #ecdcc9;--color-warning-border: rgba(184, 115, 51, .7);--color-warning-dark: #5E503F;--color-info: #A1B1C6;--color-info-light: #f3f5f8;--color-info-border: rgba(161, 177, 198, .8);--color-info-dark: #3A4A42;--color-gray-lightest: #f9fafb;--color-gray-light: #f3f4f6;--color-gray: #6b7280;--color-gray-dark: #374151;--color-gray-darkest: #1f2937;--color-border-light: #e5e7eb;--color-border: #ddd;--font-header: "UserSelectedPrimary", "UserSystemPrimary", "Inter", sans-serif;--font-serif: "UserSelectedSecondary", "UserSystemSecondary", "Playfair Display", serif;--font-body: "Lato", sans-serif;--font-primary-selected: "UserSelectedPrimary", "UserSystemPrimary", sans-serif;--font-secondary-selected: "UserSelectedSecondary", "UserSystemSecondary", sans-serif;--font-system-primary: "UserSystemPrimary", sans-serif;--font-system-secondary: "UserSystemSecondary", sans-serif;--shadow-sm: 0 2px 8px rgba(28, 28, 30, .1);--shadow-md: 0 4px 16px rgba(28, 28, 30, .15);--shadow-lg: 0 8px 32px rgba(28, 28, 30, .2);--transition-base: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s ease-out}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);color:var(--charcoal-graphite);background:var(--kalkvit);line-height:1.6;overflow-x:hidden;margin:0;padding:0}.font-primary-selected{font-family:var(--font-primary-selected)!important}.font-secondary-selected{font-family:var(--font-secondary-selected)!important}.font-system-primary{font-family:var(--font-system-primary)!important}.font-system-secondary{font-family:var(--font-system-secondary)!important}.font-header{font-family:var(--font-header)!important}.font-serif{font-family:var(--font-serif)!important}.font-body{font-family:var(--font-body)!important}.loading-spinner{width:32px;height:32px;border:3px solid var(--sandbeige);border-top:3px solid var(--koppar);border-radius:50%;animation:spin 1s linear infinite}.content-library-panel,.content-preview-panel,.publishing-hub-panel{background:#fff;border-radius:12px;box-shadow:var(--shadow-lg);border:1px solid var(--sandbeige);display:flex;flex-direction:column;overflow:hidden}.panel-header{padding:1.5rem;border-bottom:2px solid var(--sandbeige);background:linear-gradient(135deg,var(--kalkvit) 0%,white 100%)}.panel-header h3{font-family:var(--font-header);font-size:1.2rem;font-weight:600;color:var(--charcoal-graphite);margin:0;display:flex;align-items:center;gap:.5rem}.panel-icon{width:20px;height:20px;color:var(--koppar)}.filter-controls{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.filter-select{padding:.5rem;border:1px solid var(--sandbeige);border-radius:6px;font-size:.9rem;font-family:var(--font-body);background:#fff;transition:var(--transition-base)}.search-row,.search-input-wrapper{position:relative}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--oliv)}.search-input{width:100%;padding:.5rem .5rem .5rem 2.5rem;border:1px solid var(--sandbeige);border-radius:6px;font-size:.9rem;font-family:var(--font-body);background:#fff;transition:var(--transition-base)}.search-input:focus{outline:none;border-color:var(--koppar);box-shadow:0 0 0 3px #b873331a}.content-list{flex:1;overflow-y:auto;padding:1rem}.content-item-card{background:#fff;border:none;border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;cursor:pointer;transition:var(--transition-base);box-shadow:0 2px 16px #00000014}.content-item-card:hover{transform:translateY(-2px);box-shadow:0 4px 24px #0000001f}.content-item-card.selected{border-color:var(--koppar);background:var(--kalkvit);box-shadow:var(--shadow-sm)}.content-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.content-item-left{display:flex;align-items:center;gap:.75rem}.content-type-icon{width:20px;height:20px;color:var(--oliv)}.platform-badge{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:12px;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-body)}.platform-linkedin{background:#0077b5;color:#fff}.platform-instagram{background:#e4405f;color:#fff}.platform-facebook{background:#1877f2;color:#fff}.platform-twitter{background:#1da1f2;color:#fff}.platform-youtube{background:red;color:#fff}.content-excerpt{font-size:.9rem;line-height:1.4;color:var(--charcoal-graphite);margin:0;font-family:var(--font-body)}.tab-navigation,.ai-flows-tabs{display:flex;justify-content:center;gap:.25rem;margin-top:2rem;margin-bottom:0;padding:0 2rem;position:relative;max-width:100%;overflow:visible}.mobile-tab-dropdown{display:none;position:relative;width:100%;padding:0 1rem;margin-top:1rem}.mobile-tab-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem;background:#1c1c1e1a;border:1px solid var(--sandbeige);border-radius:8px;color:var(--charcoal-graphite);font-family:var(--font-body);font-weight:500;cursor:pointer;transition:var(--transition-base)}.mobile-tab-trigger:hover{background:#1c1c1e26}.mobile-tab-current{display:flex;align-items:center;gap:.5rem}.mobile-tab-chevron{width:20px;height:20px;transition:transform .2s ease}.mobile-tab-chevron.open{transform:rotate(180deg)}.mobile-tab-menu{position:absolute;top:100%;left:1rem;right:1rem;background:#fff;border:1px solid var(--sandbeige);border-radius:8px;box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden;max-height:0;opacity:0;transition:all .3s ease}.mobile-tab-menu.open{max-height:300px;opacity:1;margin-top:.5rem}.mobile-tab-option{display:flex;align-items:center;gap:.75rem;padding:1rem;border:none;background:#fff;color:var(--charcoal-graphite);font-family:var(--font-body);font-weight:500;cursor:pointer;width:100%;text-align:left;transition:var(--transition-base);border-bottom:1px solid var(--sandbeige)}.mobile-tab-option:last-child{border-bottom:none}.mobile-tab-option:hover{background:var(--kalkvit)}.mobile-tab-option.active{background:var(--koppar);color:#fff}.mobile-tab-overlay{position:fixed;inset:0;background:#0000004d;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-tab-overlay.open{opacity:1;visibility:visible}.tab-button,.tab-btn{display:flex;align-items:center;gap:.75rem;padding:1.25rem 2rem;background:var(--jordbrun);border:none;color:var(--kalkvit);font-family:var(--font-body);font-weight:600;font-size:1rem;cursor:pointer;transition:background-color .3s ease;position:relative;flex-shrink:0;min-width:auto;justify-content:center;text-decoration:none;border-radius:12px 12px 0 0;letter-spacing:.025em;margin-right:2px;white-space:nowrap}.tab-button:after,.tab-btn:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:transparent;transition:background-color .3s ease}.tab-button:hover,.tab-btn:hover{background:var(--charcoal-graphite);color:var(--kalkvit)}.tab-button.active,.tab-btn.active{background:var(--kalkvit);color:var(--charcoal-graphite)}.tab-button.active:after,.tab-btn.active:after{background:var(--koppar)}.tab-icon{width:18px;height:18px}.primary-btn,.secondary-btn,.enhance-btn,.generate-btn,.edit-btn,.delete-btn,.copy-btn,.schedule-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-family:var(--font-body);font-weight:600;font-size:.9rem;cursor:pointer;transition:var(--transition-base);text-decoration:none;justify-content:center}.primary-btn{background:linear-gradient(135deg,var(--koppar) 0%,var(--jordbrun) 100%);color:#fff;box-shadow:var(--shadow-sm)}.primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.secondary-btn{background:#fff;color:var(--oliv);border:2px solid var(--dimblag)}.secondary-btn:hover{border-color:var(--koppar);color:var(--koppar)}.enhance-btn{background:linear-gradient(135deg,var(--oliv) 0%,var(--dimblag) 100%);color:#fff;padding:.5rem 1rem;font-size:.8rem}.enhance-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.enhance-btn:disabled{opacity:.6;cursor:not-allowed}.generate-btn{background:var(--koppar);color:#fff;padding:.5rem;border-radius:6px}.generate-btn:hover{background:var(--jordbrun);transform:translateY(-1px)}.edit-btn{background:var(--dimblag);color:#fff;padding:.5rem;border-radius:6px}.edit-btn:hover{background:var(--oliv);transform:translateY(-1px)}.delete-btn{background:var(--color-error);color:#fff;padding:.5rem;border-radius:6px}.delete-btn:hover{background:var(--color-error-dark);transform:translateY(-1px)}.copy-btn{padding:.5rem 1rem;border:2px solid var(--dimblag);background:#fff;color:var(--oliv);border-radius:8px}.copy-btn:hover{border-color:var(--koppar);color:var(--koppar)}.schedule-btn{background:linear-gradient(135deg,var(--koppar) 0%,var(--jordbrun) 100%);color:#fff}.schedule-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-icon{width:18px;height:18px}.card{background:#fff;border-radius:12px;padding:1rem;box-shadow:var(--shadow-sm);border:1px solid var(--sandbeige);transition:var(--transition-base);cursor:pointer}.card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.card-selected{border-color:var(--koppar);background:var(--kalkvit);box-shadow:var(--shadow-sm)}.selection-card,.content-form-card,.result-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:var(--shadow-sm);border:1px solid var(--sandbeige);margin-bottom:2rem;transition:var(--transition-base)}.selection-card:hover,.content-form-card:hover,.result-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.selection-card h3,.content-form-card h3{font-family:var(--font-header);font-size:1.5rem;font-weight:600;color:var(--charcoal-graphite);margin:0 0 1.5rem;display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:2px solid var(--sandbeige)}.selection-card.dropdown-open{position:relative;z-index:1001}.selection-card.dropdown-open:hover{transform:none;box-shadow:var(--shadow-sm)}.content-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;max-width:1000px;margin-left:auto;margin-right:auto}.content-type-card{background:#fff;border-radius:12px;padding:1.5rem;cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-sm);border:2px solid transparent;position:relative;overflow:hidden;min-height:140px}.content-type-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-color, var(--koppar));transform:scaleX(0);transition:var(--transition-base)}.content-type-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent-color, var(--koppar))}.content-type-card:hover:before{transform:scaleX(1)}.content-type-card.active{border-color:var(--accent-color, var(--koppar));box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--kalkvit) 0%,white 100%)}.content-type-card.active:before{transform:scaleX(1)}.content-type-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.content-count{background:var(--accent-color, var(--koppar))!important;color:#fff!important;padding:.2rem .6rem;border-radius:16px;font-family:var(--font-body);font-weight:600;font-size:.8rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}.content-type-name{font-family:var(--font-body);font-size:1.2rem;font-weight:600;color:var(--charcoal-graphite);margin-bottom:.5rem}.content-type-description{font-family:var(--font-body);color:var(--oliv);font-size:.85rem;line-height:1.4}.form-field{margin-bottom:1.5rem}.field-label{font-family:var(--font-body);font-weight:600;font-size:.9rem;color:var(--charcoal-graphite);margin-bottom:.5rem;display:block}.required{color:var(--koppar);margin-left:.25rem}.form-input,.form-textarea{width:100%;padding:.75rem;border:2px solid var(--sandbeige);border-radius:8px;font-family:var(--font-body);font-size:.95rem;transition:var(--transition-base);background:var(--kalkvit)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--koppar);background:#fff;box-shadow:0 0 0 3px #b873331a}.form-textarea{resize:vertical;min-height:100px}.form-actions{display:flex;gap:1rem;justify-content:flex-start}.framework-selection-grid,.framework-areas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.framework-selection-card,.framework-area-card{display:flex;align-items:center;padding:1rem;border:2px solid var(--sandbeige);border-radius:8px;cursor:pointer;background:#fff;transition:var(--transition-base);font-family:var(--font-body)}.framework-selection-card:hover,.framework-area-card:hover{border-color:var(--koppar);background:var(--kalkvit)}.framework-selection-card.selected,.framework-area-card.selected{background:var(--kalkvit)}.framework-selection-card input,.framework-area-card input{margin-right:.75rem;accent-color:var(--koppar)}.framework-area-icon{width:18px;height:18px;margin-right:.5rem}.flows-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.flow-card{padding:1.5rem;border:2px solid var(--sandbeige);border-radius:12px;cursor:pointer;background:#fff;transition:var(--transition-base);box-shadow:var(--shadow-sm)}.flow-card:hover{border-color:var(--koppar);transform:translateY(-2px);box-shadow:var(--shadow-md)}.flow-card.selected{border-color:var(--koppar);background:linear-gradient(135deg,var(--kalkvit) 0%,white 100%);box-shadow:var(--shadow-lg)}.flow-card.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.flow-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.flow-card h4{margin:0;font-family:var(--font-body);font-weight:600;color:var(--charcoal-graphite)}.flow-card p{margin:0;color:var(--oliv);font-size:.9rem;line-height:1.5;font-family:var(--font-body)}.platforms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.platform-card{display:flex;flex-direction:column;align-items:center;padding:1rem;border:2px solid var(--sandbeige);border-radius:12px;cursor:pointer;background:#fff;transition:var(--transition-base);box-shadow:var(--shadow-sm)}.platform-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.platform-card.selected{box-shadow:var(--shadow-lg)}.platform-card.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.platform-icon{width:24px;height:24px;margin-bottom:.5rem}.platform-name{font-weight:500;font-family:var(--font-body)}.error-message{font-family:var(--font-body);background:var(--color-error-light);border:1px solid var(--color-error-border);color:var(--color-error-dark);padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.success-alert{background:var(--color-info-light);border:1px solid var(--koppar);border-radius:8px;padding:1rem;margin-bottom:2rem;text-align:center}.success-alert h3{color:var(--koppar);margin:0 0 .5rem;font-family:var(--font-body)}.success-alert p{color:var(--oliv);margin:0;font-family:var(--font-body)}.loading-state{text-align:center;padding:3rem;color:var(--oliv);font-family:var(--font-body)}.empty-state{text-align:center;padding:4rem 2rem;color:var(--oliv)}.empty-state-icon{width:64px;height:64px;margin:0 auto 1.5rem;color:var(--dimblag)}.empty-state h3,.empty-state h4{font-family:var(--font-serif);font-size:1.5rem;color:var(--charcoal-graphite);margin-bottom:.5rem}.empty-state p{font-family:var(--font-body);font-size:1rem;line-height:1.6}.generation-controls{display:flex;justify-content:center;padding:2rem 0}.generation-progress{background:#fff;border:2px solid var(--koppar);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.progress-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.progress-stage{font-family:var(--font-body);font-weight:600;color:var(--charcoal-graphite)}.progress-bar{background:var(--sandbeige);border-radius:8px;height:8px;overflow:hidden;margin-bottom:.5rem}.progress-fill{background:var(--koppar);height:100%;transition:width .3s ease}.progress-percent{text-align:center;color:var(--oliv);font-family:var(--font-body);font-weight:600}@supports (container-type: inline-size){.content-library-panel,.content-preview-panel,.publishing-hub-panel,.filter-controls{container-type:inline-size}}@media (max-width: 768px){.tab-navigation,.ai-flows-tabs{justify-content:flex-start;margin:1rem .5rem;max-width:calc(100% - 1rem);padding:0 1rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-navigation::-webkit-scrollbar,.ai-flows-tabs::-webkit-scrollbar{display:none}.tab-button,.tab-btn{padding:1rem 1.5rem;font-size:.9rem;min-width:150px;gap:.5rem;flex-shrink:0}.tab-icon{width:16px;height:16px}.form-actions{flex-direction:column}.framework-selection-grid,.framework-areas-grid{grid-template-columns:1fr}.content-item-left{gap:.5rem}.flows-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.platforms-grid{grid-template-columns:repeat(2,1fr)}.filter-row{grid-template-columns:1fr}}@media (max-width: 640px){.tab-navigation,.ai-flows-tabs{justify-content:flex-start;margin:.75rem .25rem;padding:.25rem;background:transparent;border-radius:12px;gap:.25rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-navigation::-webkit-scrollbar,.ai-flows-tabs::-webkit-scrollbar{display:none}.tab-button,.tab-btn{flex-shrink:0;min-width:130px;padding:.875rem 1.25rem;font-size:.85rem;border-radius:8px;border-bottom:none;white-space:nowrap}.tab-button:first-child,.tab-btn:first-child,.tab-button:last-child,.tab-btn:last-child{border-radius:8px}.tab-button.active,.tab-btn.active{border-radius:8px}.content-type-grid{grid-template-columns:1fr}}.tab-hamburger-wrapper{display:none;position:relative;width:100%;padding:0 2rem;margin-top:1rem}.tab-hamburger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.5rem;background:var(--jordbrun);border:none;color:var(--kalkvit);font-family:var(--font-body);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition-base);border-radius:8px;min-height:48px}.tab-hamburger:hover{background:var(--charcoal-graphite)}.tab-hamburger:focus{outline:2px solid var(--copper);outline-offset:2px}.tab-hamburger-content{display:flex;align-items:center;gap:.75rem}.tab-hamburger-icon{width:24px;height:24px;transition:transform .2s ease}.tab-hamburger.open .tab-hamburger-icon{transform:rotate(180deg)}.tab-menu-dropdown{position:absolute;top:100%;left:2rem;right:2rem;background:#fff;border:1px solid var(--sandbeige);border-radius:8px;box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden;max-height:0;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(-10px)}.tab-menu-dropdown.open{max-height:400px;opacity:1;transform:translateY(0)}.tab-menu-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border:none;background:#fff;color:var(--charcoal-graphite);font-family:var(--font-body);font-weight:500;cursor:pointer;width:100%;text-align:left;transition:var(--transition-base);border-bottom:1px solid var(--sandbeige);min-height:48px}.tab-menu-item:last-child{border-bottom:none}.tab-menu-item:hover{background:var(--kalkvit)}.tab-menu-item.active{background:var(--koppar);color:#fff}.tab-menu-overlay{position:fixed;inset:0;background:#0000004d;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.tab-menu-overlay.open{opacity:1;visibility:visible}@media (max-width: 480px){.tab-hamburger-wrapper{display:block}.tab-navigation,.ai-flows-tabs,.mobile-tab-dropdown{display:none}.content-list{padding:1rem}.content-item-card{padding:1.25rem;margin-bottom:1.25rem;border-radius:12px}.content-item-header{flex-direction:column;align-items:flex-start;gap:.75rem}.platforms-grid{grid-template-columns:1fr}.tab-button,.tab-btn{min-width:100px;padding:.625rem .75rem;font-size:.75rem}.tab-icon{width:14px;height:14px}}*:focus{outline:2px solid var(--koppar);outline-offset:2px}button:focus,input:focus,textarea:focus,select:focus{outline:none;box-shadow:0 0 0 3px #b873334d}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--sandbeige)}::-webkit-scrollbar-thumb{background:var(--dimblag);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--oliv)}.content-manager{min-height:100vh;background:linear-gradient(135deg,var(--kalkvit) 0%,var(--sandbeige) 100%);font-family:var(--font-body);color:var(--charcoal-graphite)}.content-manager-header{background:linear-gradient(135deg,var(--charcoal-graphite) 0%,var(--jordbrun) 100%);color:var(--kalkvit);padding:2rem 2rem 0;margin-bottom:0}.header-content{max-width:1200px;margin:0 auto;text-align:center;padding-bottom:0}.content-manager-header .tab-button{flex-shrink:0}.content-manager-body{max-width:1400px;margin:0 auto;padding:0 2rem}.library-section,.generate-section,.content-type-section{margin-bottom:2rem}.section-title{font-family:var(--font-serif);font-size:2.2rem;color:var(--charcoal-graphite);margin-bottom:.5rem;text-align:center}.section-description{font-family:var(--font-body);text-align:center;color:var(--oliv);font-size:1.1rem;margin-bottom:1.5rem;max-width:600px;margin-left:auto;margin-right:auto}.content-design-header{background:linear-gradient(135deg,var(--charcoal-graphite) 0%,var(--jordbrun) 100%);color:var(--kalkvit);padding:2rem;border-radius:16px;margin-bottom:2rem;box-shadow:var(--shadow-lg)}.step-indicator{display:flex;align-items:center;gap:1rem;font-size:.9rem;opacity:.8}.step-indicator .active{color:var(--koppar);font-weight:600}.import-notification{background-color:var(--color-info-light);border:2px solid var(--color-info);border-radius:12px;padding:1rem;margin-bottom:2rem}.error-notification{background-color:#fee2e2;border:2px solid var(--color-error);border-radius:12px;padding:1rem;margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between}.error-close-btn{background:none;border:none;cursor:pointer;color:var(--color-error);padding:.25rem;border-radius:4px;transition:var(--transition-base)}.error-close-btn:hover{background:#ef44441a}.design-form-container{background:#fff;border-radius:16px;border:1px solid var(--sandbeige);box-shadow:var(--shadow-md);overflow:hidden}.design-step-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;border-bottom:1px solid var(--sandbeige);background:#f8f9fa}.back-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:2px solid var(--sandbeige);border-radius:8px;cursor:pointer;color:var(--charcoal-graphite);font-size:.9rem;font-weight:500;transition:var(--transition-base);font-family:var(--font-body)}.back-button:hover{border-color:var(--koppar)}.success-container{padding:4rem 2rem;text-align:center}.success-content{background:linear-gradient(135deg,var(--kalkvit) 0%,white 100%);border-radius:20px;padding:3rem 2rem;border:2px solid var(--koppar);max-width:500px;margin:0 auto}.success-actions{display:flex;gap:1rem;justify-content:center}.secondary-action-btn{padding:.75rem 1.5rem;background:#fff;border:2px solid var(--koppar);border-radius:8px;color:var(--koppar);cursor:pointer;font-weight:600;transition:var(--transition-base);font-family:var(--font-body)}.secondary-action-btn:hover{background:var(--koppar);color:#fff}.primary-action-btn{padding:.75rem 1.5rem;background:var(--koppar);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;transition:var(--transition-base);font-family:var(--font-body)}.primary-action-btn:hover{background:var(--jordbrun)}.article-search-filters{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center;flex-wrap:wrap}.search-input-container{position:relative;flex:1;min-width:200px}.search-input-container .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--oliv);pointer-events:none}.search-input-container input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid var(--sandbeige);border-radius:8px;font-family:var(--font-body);font-size:.9rem;transition:var(--transition-base)}.search-input-container input:focus{outline:none;border-color:var(--koppar);box-shadow:0 0 0 3px #b873331a}.filter-select{padding:.75rem;border:1px solid var(--sandbeige);border-radius:8px;font-family:var(--font-body);font-size:.9rem;min-width:150px;transition:var(--transition-base)}.filter-select:focus{outline:none;border-color:var(--koppar);box-shadow:0 0 0 3px #b873331a}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;padding:.5rem}.article-card{position:relative;padding:1.5rem;background:#fff;border:2px solid var(--sandbeige);border-radius:12px;cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-sm)}.article-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--koppar)}.article-card.selected{border-color:var(--koppar);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--kalkvit) 0%,white 100%)}.article-card.disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.article-title{margin:0 0 .75rem;font-family:var(--font-header);font-size:1.1rem;font-weight:600;color:var(--charcoal-graphite);line-height:1.4}.article-card.selected .article-title{color:var(--koppar)}.article-framework-tags{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.article-framework-tag{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;border:1px solid currentColor}.article-preview{margin:0 0 1rem;font-family:var(--font-body);font-size:.9rem;color:var(--oliv);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-metadata{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:var(--oliv);border-top:1px solid var(--sandbeige);padding-top:.75rem}.article-meta-left{display:flex;align-items:center;gap:1rem}.article-usage-count{color:var(--koppar)}.article-unused{color:var(--color-success)}.article-quality-score{color:var(--oliv)}.article-last-platforms{display:flex;align-items:center;gap:.25rem}.article-platform-tag{padding:.125rem .5rem;border-radius:12px;font-size:.7rem;font-weight:500}.article-selection-indicator{position:absolute;top:1rem;right:1rem;background:var(--koppar);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.generated-results{margin-top:3rem}.generated-results h3{font-family:var(--font-serif);font-size:1.8rem;color:var(--charcoal-graphite);margin-bottom:2rem;text-align:center}.result-platform-header{padding:1rem;color:#fff;display:flex;align-items:center;gap:.5rem}.result-platform-header h4{margin:0;font-family:var(--font-header);font-weight:600}.result-content{padding:1.5rem}.result-image{width:100%;border-radius:8px;margin-bottom:1rem}.result-text{white-space:pre-wrap;font-family:var(--font-body);font-size:.9rem;line-height:1.5;margin-bottom:1.5rem;color:var(--charcoal-graphite)}.result-actions{display:flex;gap:.5rem;border-top:1px solid var(--sandbeige);padding-top:1rem}.loading-spinner.small{width:16px;height:16px;border-width:2px;margin:0}.content-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--sandbeige)}.content-filters{display:flex;gap:1rem;align-items:center}.search-filter,.framework-filter{position:relative;display:flex;align-items:center}.search-icon,.filter-icon{position:absolute;left:.75rem;width:18px;height:18px;color:var(--oliv);pointer-events:none}.search-input,.framework-select{padding:.5rem .75rem .5rem 2.5rem;border:2px solid var(--sandbeige);border-radius:8px;font-family:var(--font-body);font-size:.9rem;background:#fff;transition:var(--transition-base)}.search-input:focus,.framework-select:focus{outline:none;border-color:var(--koppar);box-shadow:0 0 0 3px #b873331a}.search-input{width:250px}.framework-select{width:200px}.content-list{display:grid;gap:1.5rem}.content-item-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:var(--shadow-sm);border:1px solid var(--sandbeige);transition:var(--transition-base)}.content-item-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.content-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.content-item-left{display:flex;align-items:center;gap:.75rem;flex:1}.content-item-title{font-family:var(--font-header);font-size:1.2rem;font-weight:600;color:var(--charcoal-graphite);margin:0;flex:1;margin-right:1rem;line-height:1.4}.content-item-actions{display:flex;gap:.5rem;flex-shrink:0}.content-item-preview{margin-bottom:1.5rem}.content-excerpt{font-family:var(--font-body);color:var(--oliv);line-height:1.6;font-size:.95rem;margin:0}.content-item-meta{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.framework-tags{display:flex;flex-wrap:wrap;gap:.5rem;flex:1}.framework-tag{font-family:var(--font-body);padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;border:1px solid currentColor}.content-stats{font-family:var(--font-body);display:flex;gap:2rem;align-items:center;font-size:.85rem;color:var(--oliv)}.usage-stats{display:flex;gap:1.5rem;align-items:center}.usage-count,.last-used{display:flex;align-items:center;gap:.5rem}.stat-icon{width:14px;height:14px;flex-shrink:0}.meta-right{display:flex;gap:1rem;align-items:center}.usage-btn{display:flex;align-items:center;gap:.25rem}.content-date{font-weight:500}.performance-score{background:var(--koppar);color:#fff;padding:.25rem .5rem;border-radius:12px;font-weight:600}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--oliv)}.loading-spinner{width:40px;height:40px;border:4px solid var(--sandbeige);border-top:4px solid var(--koppar);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--oliv);text-align:center}.empty-state-icon{width:64px;height:64px;opacity:.5;margin-bottom:1rem}.empty-state h3{color:var(--charcoal-graphite);margin-bottom:.5rem}.empty-state p{max-width:400px;line-height:1.6}.error-message{background:#fee2e2;color:#dc2626;padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid #fca5a5}.content-type-grid{display:flex;justify-content:center;align-items:flex-start;gap:1rem;flex-wrap:nowrap;margin-bottom:2rem;max-width:1400px;margin-left:auto;margin-right:auto;overflow-x:auto;padding:0 1rem}.content-type-card{flex:0 0 auto;width:240px;min-height:180px;background:#fff;border:2px solid var(--sandbeige);border-radius:12px;padding:1.25rem;cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.content-type-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent-color, var(--koppar))}.content-type-card.active{border-color:var(--accent-color, var(--koppar));background:linear-gradient(135deg,var(--kalkvit) 0%,white 100%);box-shadow:var(--shadow-lg)}.content-type-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.content-type-icon{width:24px;height:24px;color:var(--accent-color, var(--koppar))}.content-count{background:var(--accent-color, var(--koppar));color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.content-type-name{font-family:var(--font-header);font-weight:600;color:var(--charcoal-graphite);margin-bottom:.5rem}.content-type-description{font-size:.9rem;color:var(--oliv);line-height:1.4}.ai-generation-interface{max-width:900px;margin:0 auto}.source-article-preview{background:#fff;padding:2rem;border-radius:12px;margin-bottom:2rem;border:2px solid var(--sandbeige)}.source-article-preview h3{font-family:var(--font-serif);font-size:1.5rem;color:var(--charcoal-graphite);margin-bottom:1rem}.input-group{margin-bottom:3rem}.input-group h3{font-family:var(--font-serif);font-size:1.5rem;color:var(--charcoal-graphite);margin-bottom:1rem;text-align:center}.generated-content-review{max-width:900px;margin:0 auto}.edit-content-container{max-width:1200px;margin:0 auto;padding:2rem}.edit-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:12px;border:2px solid var(--sandbeige);box-shadow:var(--shadow-sm)}.edit-header-left{display:flex;align-items:center;gap:1rem}.edit-header-title{margin:0;color:var(--charcoal-graphite);display:flex;align-items:center;gap:.5rem;font-family:var(--font-header)}.edit-header-subtitle{margin:.25rem 0 0;color:var(--oliv);font-size:.9rem;font-family:var(--font-body)}.edit-header-note{margin:.25rem 0 0;color:var(--koppar);font-size:.8rem;font-style:italic;font-family:var(--font-body)}.edit-header-right{display:flex;gap:1rem}.create-wizard-step1,.create-wizard-step2{max-width:1200px;margin:0 auto}.wizard-header{text-align:center;margin-bottom:3rem}.wizard-type-header{display:flex;align-items:center;gap:1rem;justify-content:center;margin-bottom:1rem}.wizard-type-icon{width:32px;height:32px}.source-article-selection{margin-bottom:2rem}.source-article-card{cursor:pointer;transition:var(--transition-base)}.source-article-card:hover{border-color:var(--koppar);transform:translateY(-2px)}.content-creation-interface{max-width:1200px;margin:0 auto}.selected-indicator{color:var(--koppar);font-size:.9rem;font-weight:400;margin-left:.5rem}.platform-label{font-size:.75rem;margin-right:.25rem}.edit-content-note{font-size:.8rem;color:var(--oliv);font-weight:400;margin-left:.5rem;font-style:italic}.wizard-back-btn{margin-bottom:1rem}.error-dismiss{background:none;border:none;cursor:pointer;margin-left:auto;color:#dc2626;opacity:.7}.error-dismiss:hover{opacity:1}@media (max-width: 1200px){.articles-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.results-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width: 900px){.step-indicator{flex-direction:column;gap:.5rem;font-size:.8rem}.design-step-header{flex-direction:column;align-items:flex-start;gap:1rem}.content-design-header{padding:1.5rem}}@media (max-width: 768px){.content-filters{flex-direction:column;align-items:stretch}.search-input,.framework-select{width:100%}.article-search-filters{flex-direction:column;align-items:stretch}.articles-grid,.results-grid{grid-template-columns:1fr}.edit-header{flex-direction:column;gap:1rem;align-items:stretch}.edit-header-right{justify-content:center}.success-actions{flex-direction:column}.content-design-header div{flex-direction:column;gap:1rem;text-align:center}}@media (max-width: 640px){.content-manager-body{padding:0 1rem}.content-manager-header{padding:1.5rem 1rem 0}.main-title{font-size:1.75rem}.main-subtitle{display:none}.content-list-header{flex-direction:column;align-items:stretch;gap:1rem}.content-item-header{flex-direction:column;gap:1rem}.content-item-actions{justify-content:flex-end}.content-item-meta{flex-direction:column;align-items:flex-start;gap:1rem}.edit-content-container{padding:1rem}.result-actions{flex-direction:column}.content-design-header{padding:1rem}.success-container,.success-content{padding:2rem 1rem}.content-design-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem}@media (max-width: 768px){.content-design-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}}@media (max-width: 480px){.content-design-cards-grid{grid-template-columns:1fr;gap:.75rem}}.filters-section .form-input{padding:.75rem;border:1px solid var(--sandbeige);border-radius:8px;font-family:var(--font-body);font-size:.9rem;transition:var(--transition-base);width:100%}.filters-section .form-input:focus{outline:none;border-color:var(--koppar);box-shadow:0 0 0 3px #b873331a}@media (max-width: 768px){.filters-section>div{grid-template-columns:1fr!important;gap:.75rem!important}.filters-section .form-input{min-height:48px!important;font-size:1rem!important}}@media (max-width: 480px){.filters-section{padding:.75rem!important}}.reel-design-form{max-width:1200px;margin:0 auto}.reel-save-controls{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;margin-bottom:1rem}.reel-save-controls-main{display:flex;align-items:center;gap:.5rem;flex:1}.reel-draft-input{padding:.5rem;border:1px solid var(--color-border);border-radius:4px;font-size:.9rem;font-family:var(--font-body)}.reel-save-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;font-family:var(--font-body);transition:var(--transition-base)}.reel-save-btn:hover:not(:disabled){background-color:#0056b3}.reel-save-btn:disabled{opacity:.6;cursor:not-allowed}.reel-revert-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;font-family:var(--font-body);transition:var(--transition-base)}.reel-revert-btn:hover:not(:disabled){background-color:#545b62}.reel-revert-btn:disabled{cursor:not-allowed}.reel-drafts-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#fff;border:1px solid var(--color-border);border-radius:4px;cursor:pointer;font-size:.9rem;font-family:var(--font-body);transition:var(--transition-base)}.reel-drafts-btn:hover{background-color:#f8f9fa;border-color:var(--koppar)}.reel-drafts-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background-color:#fff;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:300px;max-height:400px;overflow:auto}.reel-draft-item{padding:.75rem 1rem;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s;font-family:var(--font-body)}.reel-draft-item:hover{background-color:#f8f9fa}.reel-draft-item:last-child{border-bottom:none}.reel-draft-title{font-weight:500;margin-bottom:.25rem;color:var(--charcoal-graphite)}.reel-draft-date{font-size:.8rem;color:#6c757d}.reel-no-drafts{padding:1rem;color:#6c757d;text-align:center;font-family:var(--font-body)}.reel-platform-selector{background:#fff;border:2px solid var(--koppar);border-radius:8px;padding:1.5rem;margin-bottom:1rem}.reel-platform-title{font-family:var(--font-header);font-size:1.2rem;font-weight:600;color:var(--charcoal-graphite);margin:0 0 1rem}.reel-platform-select{width:100%;max-width:300px;padding:.75rem;border:1px solid var(--sandbeige);border-radius:4px;font-size:.9rem;font-family:var(--font-body);transition:var(--transition-base)}.reel-platform-select:focus{outline:none;border-color:var(--koppar);box-shadow:0 0 0 3px #b873331a}.reel-save-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:500;font-family:var(--font-body)}.config-info-panel{background:#fff;border-radius:12px;border:2px solid var(--sandbeige);margin-bottom:1.5rem;overflow:hidden}.config-info-header{background:linear-gradient(135deg,var(--kalkvit) 0%,white 100%);padding:1.5rem;border-bottom:2px solid var(--sandbeige)}.config-info-header span{font-size:.9rem;color:var(--oliv);font-weight:500;font-family:var(--font-body)}.config-info-header h3{font-family:var(--font-header);font-size:1.5rem;font-weight:600;color:var(--charcoal-graphite);margin:.25rem 0 0}.config-info-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;padding:1.5rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-label{font-size:.85rem;font-weight:500;color:var(--oliv);font-family:var(--font-body)}.info-value{font-size:1rem;font-weight:600;color:var(--charcoal-graphite);font-family:var(--font-header)}.edit-info-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--koppar);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:var(--transition-base)}.edit-info-btn:hover:not(:disabled){background:var(--jordbrun)}.edit-info-btn:disabled{opacity:.6;cursor:not-allowed}.progress-display{display:flex;align-items:center;gap:.5rem}.progress-bar{flex:1;height:8px;background:var(--sandbeige);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--koppar);transition:width .3s ease}.progress-percent{font-size:.8rem;font-weight:600;color:var(--koppar);min-width:35px;font-family:var(--font-body)}.content-stats{padding:1rem 1.5rem;background:#f8f9fa;border-top:1px solid var(--sandbeige);font-size:.9rem;font-style:italic;color:var(--oliv);font-family:var(--font-body)}@media (max-width: 768px){.reel-save-controls{flex-direction:column;gap:1rem;align-items:stretch}.reel-save-controls-main{flex-direction:column;gap:.75rem}.reel-draft-input{width:100%}.config-info-grid{grid-template-columns:1fr;gap:1rem}.reel-platform-select{max-width:100%}}@media (max-width: 480px){.reel-save-controls{padding:.75rem}.config-info-header,.config-info-grid{padding:1rem}}}.test-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.test-modal{background:#fff;border-radius:16px;width:100%;max-width:800px;max-height:90vh;box-shadow:0 25px 50px #0000004d;display:flex;flex-direction:column;overflow:hidden}.test-modal-header{padding:2rem;border-bottom:2px solid var(--sandbeige);display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;background:linear-gradient(135deg,var(--kalkvit) 0%,#f8f9fa 100%)}.test-modal-header h3{font-family:var(--font-header);font-size:1.5rem;font-weight:700;color:var(--charcoal-graphite);margin:0 0 .5rem}.test-modal-header p{font-family:var(--font-body);color:var(--oliv);margin:0;font-size:1rem}.test-modal-close{background:none;border:none;cursor:pointer;padding:.75rem;border-radius:8px;color:var(--oliv);transition:var(--transition-base);flex-shrink:0}.test-modal-close:hover{background:var(--sandbeige);color:var(--charcoal-graphite)}.test-modal-loading{padding:4rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.test-modal-loading p{font-family:var(--font-body);color:var(--oliv);font-size:1.1rem}.test-modal-error{padding:1rem 2rem;background:#fee2e2;border-bottom:1px solid #fecaca;color:#dc2626;display:flex;align-items:center;gap:.75rem;font-family:var(--font-body);font-weight:500}.test-modal-body{padding:2rem;overflow-y:auto;flex:1}.test-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--sandbeige)}.test-start-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:var(--koppar);color:#fff;border:none;border-radius:12px;font-family:var(--font-header);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition-base)}.test-start-btn:hover:not(:disabled){background:var(--jordbrun);transform:translateY(-1px);box-shadow:var(--shadow-md)}.test-start-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.test-stats{font-family:var(--font-body);color:var(--oliv);font-size:.9rem;padding:.75rem 1rem;background:var(--kalkvit);border-radius:8px;border:1px solid var(--sandbeige)}.test-execution-plan h4{font-family:var(--font-serif);font-size:1.3rem;color:var(--charcoal-graphite);margin:0 0 1.5rem}.test-no-plan{padding:2rem;text-align:center;background:#fef3cd;border:1px solid #facc15;color:#a16207;border-radius:12px;font-family:var(--font-body)}.test-steps{display:flex;flex-direction:column;gap:1rem}.test-step{background:#fff;border:2px solid var(--sandbeige);border-radius:12px;padding:1.5rem;transition:var(--transition-base)}.test-step.pending{border-color:var(--sandbeige);background:#fff}.test-step.running{border-color:#facc15;background:#fefce8;box-shadow:0 0 0 3px #facc151a}.test-step.completed{border-color:var(--color-success);background:#f0fdf4}.test-step.failed{border-color:var(--color-error);background:#fef2f2}.test-step.active{transform:scale(1.02);box-shadow:var(--shadow-lg)}.test-step-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.test-step-info{flex:1}.test-step-name{font-family:var(--font-header);font-weight:600;font-size:1.1rem;color:var(--charcoal-graphite);margin-bottom:.25rem}.test-step-type{display:flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:.9rem;color:var(--oliv)}.test-step-deps{font-family:var(--font-body);font-size:.8rem;color:var(--oliv);background:var(--kalkvit);padding:.5rem .75rem;border-radius:6px;border:1px solid var(--sandbeige)}.step-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-icon.pending{background:var(--sandbeige);border:2px solid var(--dimblag)}.step-icon.running{color:#facc15;animation:spin 1s linear infinite}.step-icon.completed{color:var(--color-success)}.step-icon.failed{color:var(--color-error)}.step-result{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--sandbeige)}.step-result h5{font-family:var(--font-header);font-weight:600;color:var(--charcoal-graphite);margin:0 0 1rem;font-size:1rem}.result-content{display:flex;flex-direction:column;gap:1rem}.result-text{background:var(--kalkvit);padding:1rem;border-radius:8px;border:1px solid var(--sandbeige);font-family:var(--font-body);line-height:1.6;color:var(--charcoal-graphite);white-space:pre-wrap;max-height:300px;overflow-y:auto}.result-prompt{font-family:var(--font-body);font-size:.9rem;color:var(--oliv)}.result-prompt strong{color:var(--charcoal-graphite)}.result-image,.result-thumbnail,.result-video{max-width:300px;height:auto;border-radius:8px;border:1px solid var(--sandbeige)}.result-video{max-height:200px}.result-meta{font-family:var(--font-body);font-size:.85rem;color:var(--oliv)}.result-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;margin-top:.75rem;padding:.75rem;background:#f8f9fa;border-radius:6px;border:1px solid var(--sandbeige)}.meta-item{font-size:.8rem;display:flex;flex-direction:column;gap:.25rem}.meta-item strong{color:var(--koppar);font-weight:600}.result-error{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626}.error-timestamp{font-size:.8rem;margin-top:.25rem;opacity:.8}.result-success{font-family:var(--font-body);font-weight:500;color:var(--color-success);font-size:1rem}.result-publish-summary{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.publish-success{color:var(--color-success);font-weight:600;font-size:1rem}.test-mode-notice{color:var(--color-warning);font-size:.9rem;font-style:italic;padding:.5rem;background:#fef3c7;border-radius:4px;border:1px solid #fcd34d}.platform-results{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.platform-result{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-radius:6px;border:1px solid var(--sandbeige);background:#fff}.platform-result.success{border-color:var(--color-success);background:#f0fdf4}.platform-result.failed{border-color:var(--color-error);background:#fef2f2}.platform-name{font-weight:600;text-transform:capitalize;color:var(--charcoal-graphite)}.platform-status .success{color:var(--color-success);font-weight:500}.platform-status .failed{color:var(--color-error);font-weight:500;font-size:.9rem}.result-image-error,.result-video-error{padding:1rem;text-align:center;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;color:#92400e;font-size:.9rem}.result-video-placeholder{padding:2rem;text-align:center;background:var(--kalkvit);border:2px dashed var(--sandbeige);border-radius:8px;color:var(--oliv);font-size:1.1rem}@media (max-width: 768px){.test-modal-overlay{padding:1rem}.test-modal{max-height:95vh}.test-modal-header{padding:1.5rem;flex-direction:column;align-items:flex-start}.test-modal-body{padding:1.5rem}.test-controls{flex-direction:column;gap:1rem;align-items:stretch}.test-start-btn{justify-content:center}.test-step-header{flex-wrap:wrap;gap:.75rem}.test-step-deps{width:100%}}@media (max-width: 480px){.test-modal-overlay{padding:.5rem}.test-modal-header,.test-modal-body,.test-step{padding:1rem}}.ai-flows{min-height:100vh;background:linear-gradient(135deg,var(--kalkvit) 0%,var(--sandbeige) 100%);font-family:var(--font-body);color:var(--charcoal-graphite)}.ai-flows-header{background:linear-gradient(135deg,var(--charcoal-graphite) 0%,var(--jordbrun) 100%);color:var(--kalkvit);padding:1.5rem 2rem 0;margin-bottom:0}.header-content{max-width:1400px;margin:0 auto;text-align:center;padding-bottom:0}.main-title{font-family:var(--font-header);font-size:3rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.02em}.main-subtitle{font-family:var(--font-serif);font-size:1.2rem;font-style:italic;opacity:.9;margin-bottom:0}.ai-flows-body{max-width:1400px;margin:0 auto;padding:1.5rem 2rem 0}.flows-section,.config-section,.media-test-section,.visual-builder-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.section-header{text-align:center;margin-bottom:1.5rem}.section-title{font-family:var(--font-serif);font-size:1.8rem;color:var(--charcoal-graphite);margin-bottom:.25rem;text-align:center}.section-description{font-family:var(--font-body);text-align:center;color:var(--oliv);font-size:1rem;margin-bottom:1rem;max-width:600px;margin-left:auto;margin-right:auto}.article-select{width:100%;padding:1rem;border:2px solid var(--sandbeige);border-radius:8px;font-family:var(--font-body);font-size:1rem;background:var(--kalkvit);transition:var(--transition-base)}.article-select:focus{outline:none;border-color:var(--koppar);box-shadow:0 0 0 3px #b873331a}.article-select:disabled{opacity:.6;cursor:not-allowed}.workspace-main{min-height:600px}.content-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--sandbeige)}.content-list-header h3{font-family:var(--font-serif);font-size:1.5rem;color:var(--charcoal-graphite);margin:0}.content-list{display:grid;gap:1rem}.ai-flows .content-item-card{padding:1rem}.ai-flows .content-item-preview{margin-bottom:1rem}.ai-flows .content-stats{gap:.75rem;font-size:.8rem}.flow-status{display:flex;align-items:center}.media-test-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:var(--shadow-sm);border:1px solid var(--sandbeige)}.media-test-grid{display:grid;gap:1.5rem}.test-input-group{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.test-input-full{grid-column:1 / -1}.test-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--charcoal-graphite);font-family:var(--font-header);font-size:.9rem}.test-textarea,.test-select{width:100%;padding:.75rem;border:2px solid var(--sandbeige);border-radius:8px;font-family:var(--font-body);font-size:.95rem;background:var(--kalkvit);transition:var(--transition-base);resize:vertical}.test-textarea:focus,.test-select:focus{outline:none;border-color:var(--koppar);background:#fff;box-shadow:0 0 0 3px #b873331a}.test-result-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:var(--shadow-sm);border:1px solid var(--sandbeige);margin-top:2rem}.builder-welcome-card{background:#fff;padding:3rem;border-radius:12px;text-align:center;cursor:pointer;border:2px solid var(--sandbeige);transition:var(--transition-base);margin-bottom:2rem}.builder-welcome-card:hover{border-color:var(--koppar);transform:translateY(-2px);box-shadow:var(--shadow-md)}.builder-icon{width:64px;height:64px;background:var(--koppar);color:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.builder-welcome-title{font-family:var(--font-header);font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:var(--charcoal-graphite)}.builder-welcome-description{font-family:var(--font-body);color:var(--oliv);margin:0}.existing-workflows-card{background:#fff;padding:2rem;border-radius:12px;border:1px solid var(--sandbeige)}.existing-workflows-card h3{font-family:var(--font-header);font-size:1.2rem;font-weight:600;color:var(--charcoal-graphite);margin:0 0 1.5rem}.workflow-item{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--sandbeige);border-radius:8px;cursor:pointer;transition:var(--transition-base);margin-bottom:1rem}.workflow-item:hover{border-color:var(--koppar);background:var(--kalkvit)}.workflow-item:last-child{margin-bottom:0}.workflow-info{flex:1}.workflow-name{font-family:var(--font-header);font-weight:600;color:var(--charcoal-graphite);margin-bottom:.25rem;font-size:1rem}.workflow-description{font-family:var(--font-body);font-size:.9rem;color:var(--oliv)}.status-icon{width:20px;height:20px;color:var(--koppar)}.status-icon.active{color:var(--color-success)}.error-icon{width:20px;height:20px;flex-shrink:0}.progress-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:var(--shadow-sm);border:1px solid var(--sandbeige);margin-bottom:2rem}.progress-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.progress-icon{width:24px;height:24px;color:var(--koppar)}.progress-stage{font-family:var(--font-header);font-weight:600;font-size:1.1rem;color:var(--charcoal-graphite)}.progress-bar{width:100%;height:8px;background:var(--sandbeige);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--koppar) 0%,var(--jordbrun) 100%);transition:width .5s ease-out}.progress-percent{font-family:var(--font-header);font-weight:600;color:var(--koppar);font-size:.9rem}.results-section{margin-top:2rem}.results-title{font-family:var(--font-serif);font-size:2rem;color:var(--charcoal-graphite);margin-bottom:1.5rem;text-align:center}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.result-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:var(--shadow-md);border:1px solid var(--sandbeige);transition:var(--transition-base)}.result-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.result-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--sandbeige)}.result-platform-icon{width:28px;height:28px}.result-platform{font-family:var(--font-header);font-size:1.3rem;font-weight:600;color:var(--charcoal-graphite);margin:0}.result-content{margin-bottom:1.5rem}.content-preview{font-family:var(--font-body);background:var(--kalkvit);padding:1.5rem;border-radius:8px;border:1px solid var(--sandbeige);white-space:pre-wrap;line-height:1.6;font-size:.95rem;color:var(--charcoal-graphite);max-height:300px;overflow-y:auto}.result-actions{display:flex;gap:.75rem;justify-content:flex-end}.placeholder-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:#fff;border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--sandbeige);text-align:center}.placeholder-icon{width:64px;height:64px;color:var(--dimblag);margin-bottom:2rem}.placeholder-content h3{font-family:var(--font-header);font-size:1.8rem;color:var(--charcoal-graphite);margin-bottom:1rem}.placeholder-content p{font-family:var(--font-body);color:var(--oliv);font-size:1.1rem;line-height:1.6;max-width:500px}.error-banner{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fee2e2;border:1px solid #fecaca;color:#dc2626;border-radius:8px;font-family:var(--font-body);font-weight:500;margin-bottom:2rem}.component-palette{display:flex;flex-direction:column;gap:.75rem}.component-palette-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--sandbeige);border-radius:8px;cursor:pointer;transition:var(--transition-base);background:#fff;min-height:60px}.component-palette-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.component-palette-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.component-palette-content{flex:1;min-width:0}.component-palette-title{font-weight:600;color:var(--charcoal-graphite);font-size:.85rem;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-header)}.component-palette-description{font-size:.7rem;color:var(--oliv);line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:var(--font-body)}.component-rules{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:1rem;margin-bottom:1rem}.component-rules-header{font-size:.85rem;font-weight:600;color:#15803d;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-family:var(--font-header)}.component-rules-content{display:flex;flex-direction:column;gap:.75rem}.component-rules-field{display:flex;flex-direction:column}.component-rules-label{font-size:.75rem;font-weight:500;color:var(--charcoal-graphite);display:block;margin-bottom:.25rem;font-family:var(--font-header)}.component-rules-select{width:100%;padding:.5rem;border:1px solid var(--sandbeige);border-radius:4px;font-size:.75rem;font-family:var(--font-body);background:#fff;transition:var(--transition-base)}.component-rules-select:focus{outline:none;border-color:var(--koppar);box-shadow:0 0 0 2px #b873331a}.component-rules-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--charcoal-graphite);font-family:var(--font-body)}.component-rules-checkbox input{accent-color:var(--koppar)}.properties-panel{width:100%;height:100%;display:flex;flex-direction:column;font-size:.8rem}.properties-panel-header{padding:1rem;border-bottom:1px solid var(--sandbeige);background:#f8f9fa}.properties-panel-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.properties-panel-title{display:flex;align-items:center;gap:.5rem}.properties-panel-title h3{margin:0;font-size:.9rem;font-weight:600;font-family:var(--font-header);color:var(--charcoal-graphite)}.properties-panel-close{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;color:var(--oliv);transition:var(--transition-base)}.properties-panel-close:hover{background:var(--sandbeige)}.properties-panel-name-input{width:100%;padding:.5rem;border:1px solid var(--sandbeige);border-radius:4px;font-size:.8rem;font-weight:500;font-family:var(--font-header);background:#fff;transition:var(--transition-base)}.properties-panel-name-input:focus{outline:none;border-color:var(--koppar);box-shadow:0 0 0 2px #b873331a}.properties-panel-body{padding:1rem;overflow-y:auto;flex:1}.properties-panel-section{border-radius:8px;padding:1rem;margin-bottom:1rem}.properties-panel-section.connections{background:#f0f9ff;border:1px solid #bfdbfe}.properties-panel-section.config{background:#f8f9fa;border:1px solid var(--sandbeige)}.properties-panel-section-title{font-size:.85rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;font-family:var(--font-header)}.properties-panel-section-title.connections{color:#1e40af}.properties-panel-section-title.config{color:var(--charcoal-graphite)}.connection-mapping{padding:1rem;background:#fff;border-radius:8px;border:1px solid #e0e7ff;margin-bottom:1rem}.connection-mapping-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;font-size:.85rem;font-weight:600;color:#1e40af;font-family:var(--font-header)}.connection-mapping-title{display:flex;align-items:center;gap:.5rem}.connection-delete-btn{padding:.25rem .5rem;background:#fee2e2;border:1px solid #fecaca;color:#dc2626;border-radius:4px;font-size:.7rem;cursor:pointer;display:flex;align-items:center;gap:.25rem;font-family:var(--font-body);transition:var(--transition-base)}.connection-delete-btn:hover{background:#fecaca}.connection-mapping-content{background:#f8f9fa;padding:1rem;border-radius:6px;border:1px solid var(--sandbeige)}.connection-field-mapping{margin-bottom:1rem}.connection-field-label{font-size:.8rem;font-weight:500;color:var(--charcoal-graphite);margin-bottom:.5rem;font-family:var(--font-header)}.connection-field-select{width:100%;padding:.5rem;border:1px solid var(--sandbeige);border-radius:4px;font-size:.75rem;font-family:var(--font-body);transition:var(--transition-base)}.connection-field-select:focus{outline:none;border-color:var(--koppar);box-shadow:0 0 0 2px #b873331a}.connection-field-select.connected{background:#f0fdf4;border-color:var(--color-success)}.connection-status{font-size:.7rem;color:var(--color-success);margin-top:.5rem;font-family:var(--font-body)}.config-field{display:flex;flex-direction:column;gap:1rem}.config-label{display:block;font-weight:500;margin-bottom:.5rem;font-size:.75rem;color:var(--charcoal-graphite);font-family:var(--font-header)}.config-select{width:100%;padding:.5rem;border:1px solid var(--sandbeige);border-radius:4px;font-size:.75rem;font-family:var(--font-body);background:#fff;transition:var(--transition-base)}.config-select:focus{outline:none;border-color:var(--koppar);box-shadow:0 0 0 2px #b873331a}.workflow-canvas-container{display:flex;height:calc(100vh - 200px);background:#f8f9fa;position:relative}.workflow-canvas{width:100%;height:100%;position:relative;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);overflow:auto}.workflow-canvas.connection-mode{cursor:crosshair}.workflow-canvas-grid{position:absolute;top:0;left:0;width:200%;height:200%;background-image:radial-gradient(circle,#cbd5e1 1px,transparent 1px);pointer-events:none;opacity:.3}.canvas-palette{position:absolute;top:1rem;left:1rem;width:200px;background:#fff;border-radius:12px;box-shadow:var(--shadow-lg);border:1px solid var(--sandbeige);z-index:50;max-height:calc(100vh - 300px);overflow:hidden;display:flex;flex-direction:column}.canvas-palette-header{padding:1rem;border-bottom:1px solid var(--sandbeige);display:flex;align-items:center;justify-content:space-between}.canvas-palette-header h3{margin:0;font-size:1rem;font-weight:600;font-family:var(--font-header);color:var(--charcoal-graphite)}.canvas-palette-close{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:4px;color:var(--oliv);transition:var(--transition-base)}.canvas-palette-close:hover{background:var(--sandbeige)}.canvas-palette-body{padding:1rem;overflow-y:auto}.canvas-controls{position:absolute;top:1rem;right:1rem;display:flex;gap:.5rem;z-index:50;transition:right .3s ease}.canvas-controls.with-properties{right:320px}.canvas-controls-group{background:#fff;border:1px solid var(--sandbeige);border-radius:8px;padding:.5rem;display:flex;gap:.25rem;box-shadow:var(--shadow-sm)}.canvas-control-btn{background:none;border:none;padding:.75rem;cursor:pointer;border-radius:4px;color:var(--oliv);transition:var(--transition-base);display:flex;align-items:center;justify-content:center}.canvas-control-btn:hover{background:var(--sandbeige);color:var(--charcoal-graphite)}.canvas-zoom-display{padding:.5rem .75rem;font-size:.85rem;font-weight:600;color:var(--charcoal-graphite);min-width:60px;text-align:center;font-family:var(--font-header)}.workflow-component{position:absolute;background:#fff;border:2px solid var(--sandbeige);border-radius:12px;width:280px;min-height:120px;box-shadow:var(--shadow-sm);transition:var(--transition-base);-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:100}.workflow-component.selected{border-color:var(--koppar);box-shadow:0 0 0 2px #b8733366,var(--shadow-lg);z-index:500}.workflow-component.dragging{cursor:grabbing;z-index:1000;transition:none}.workflow-component.connection-mode{cursor:crosshair}.workflow-component.grab-cursor{cursor:grab}.workflow-component-header{color:#fff;padding:1rem;display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:600;border-radius:10px 10px 0 0;font-family:var(--font-header)}.workflow-component-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workflow-component-actions{display:flex;gap:.5rem}.workflow-component-action{background:#fff3;border:none;color:#fff;padding:.5rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;transition:var(--transition-base)}.workflow-component-action:hover{background:#ffffff4d}.workflow-component-body{padding:1rem}.workflow-component-description{font-size:.85rem;color:var(--oliv);margin-bottom:1rem;font-family:var(--font-body)}.workflow-component-ports{display:grid;grid-template-columns:1fr 1fr;gap:1rem;font-size:.75rem}.workflow-component-ports-section h4{font-weight:600;margin-bottom:.5rem;color:var(--charcoal-graphite);font-family:var(--font-header)}.workflow-port-info{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;padding:.25rem;background:#f8f9fa;border-radius:4px}.workflow-port-indicator{width:6px;height:6px;border-radius:50%}.workflow-port-name{font-family:var(--font-body)}.workflow-port-optional{color:var(--oliv);font-size:.7rem}.workflow-connections-svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;pointer-events:none;overflow:visible}.workflow-connections-svg.interactive{pointer-events:auto}.workflow-connection-line{stroke:#0077b5;stroke-width:3;fill:none;opacity:.8;vector-effect:non-scaling-stroke}.workflow-connection-delete{fill:#fff;stroke:var(--color-error);stroke-width:2;cursor:pointer}.workflow-connection-delete-text{font-size:12px;fill:var(--color-error);pointer-events:none;font-weight:700;text-anchor:middle}.workflow-drag-preview{stroke:var(--color-success);stroke-width:3;stroke-dasharray:5,5;opacity:.7}.canvas-properties-panel{position:absolute;top:0;right:0;width:300px;height:100%;background:#fff;border-left:1px solid var(--sandbeige);box-shadow:-4px 0 12px #0000001a;z-index:50;transition:transform .3s ease}.canvas-properties-panel.hidden{transform:translate(100%)}.workflow-empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--oliv);pointer-events:none}.workflow-empty-icon{width:48px;height:48px;color:#94a3b8;margin:0 auto 1rem}.workflow-empty-title{margin:1rem 0 .5rem;color:var(--charcoal-graphite);font-size:1.2rem;font-family:var(--font-header);font-weight:600}.workflow-empty-description{color:var(--oliv);font-size:.9rem;max-width:300px;font-family:var(--font-body)}.workflow-status-message{position:absolute;left:50%;transform:translate(-50%);padding:.75rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;z-index:60;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:.5rem;font-family:var(--font-header)}.workflow-status-message.connection-mode{top:20px;background:var(--color-success);color:#fff}.workflow-status-message.instruction{bottom:20px;background:#f0f9ff;color:#1e40af;border:1px solid #bfdbfe}.workflow-stats{position:absolute;bottom:1rem;left:1rem;background:#fff;border:1px solid var(--sandbeige);border-radius:8px;padding:.75rem 1rem;font-size:.8rem;color:var(--oliv);box-shadow:var(--shadow-sm);z-index:200;font-family:var(--font-body)}.component-rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.component-rules-checkboxes{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}@media (max-width: 1024px){.ai-flows-body{padding:0 1.5rem}.results-grid{grid-template-columns:1fr}}@media (max-width: 768px){.ai-flows-header{padding:1.5rem 1rem 0}.main-title{font-size:1.75rem}.main-subtitle{display:none}.ai-flows-body{padding:0 1rem}.test-input-group{grid-template-columns:1fr}.result-actions{flex-direction:column}.content-item-header{flex-direction:column;gap:1rem}.content-item-actions{justify-content:flex-end}.content-item-meta{flex-direction:column;align-items:flex-start;gap:1rem}.component-rules-grid{grid-template-columns:1fr}.component-rules-checkboxes{flex-direction:column;gap:.5rem}}@media (max-width: 480px){.ai-flows-header{padding:1.25rem 1rem 0}.main-title{font-size:1.5rem}.builder-welcome-card{padding:2rem}}.social-studio{min-height:100vh;background:linear-gradient(135deg,var(--kalkvit) 0%,var(--sandbeige) 100%);font-family:var(--font-body);color:var(--charcoal-graphite)}.social-studio-header{background:linear-gradient(135deg,var(--charcoal-graphite) 0%,var(--jordbrun) 100%);color:var(--kalkvit);padding:1.5rem 2rem 0;margin-bottom:0}.header-content{width:90%;margin:0 auto;text-align:center;padding-bottom:0}.main-title{font-family:var(--font-header);font-size:2.5rem;font-weight:700;margin-bottom:.25rem;letter-spacing:-.02em}.main-subtitle{font-family:var(--font-serif);font-size:1rem;font-style:italic;opacity:.9;margin-bottom:0}.social-studio-body{width:100%;margin:0;padding:1rem;box-sizing:border-box}.content-review-tab{padding:0;height:100%;max-width:100%;overflow:hidden}.review-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;min-height:calc(100vh - 8rem);width:100%;max-width:100%}.panel-wrapper{display:flex;flex-direction:column;height:calc(100vh - 8rem);border:1px solid var(--sandbeige);border-radius:8px;background:#fff;overflow:hidden;box-shadow:0 2px 8px #0000000d}.panel-header{flex-shrink:0;padding:1rem;border-bottom:2px solid var(--sandbeige);background:linear-gradient(135deg,var(--kalkvit),white)}.content-library-panel,.content-preview-panel,.publishing-queue-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.content-list,.preview-content,.queue-content{flex:1;overflow-y:auto;padding:1rem;box-sizing:border-box}.content-list::-webkit-scrollbar,.preview-content::-webkit-scrollbar,.queue-content::-webkit-scrollbar{width:8px}.content-list::-webkit-scrollbar-track,.preview-content::-webkit-scrollbar-track,.queue-content::-webkit-scrollbar-track{background:var(--kalkvit)}.content-list::-webkit-scrollbar-thumb,.preview-content::-webkit-scrollbar-thumb,.queue-content::-webkit-scrollbar-thumb{background:var(--sandbeige);border-radius:4px}.content-list::-webkit-scrollbar-thumb:hover,.preview-content::-webkit-scrollbar-thumb:hover,.queue-content::-webkit-scrollbar-thumb:hover{background:var(--koppar)}.social-studio .panel-header{padding:.75rem 1rem}.social-studio .panel-header h3{font-size:1rem}.social-studio .content-list{padding:.75rem}.social-studio .content-item-card{padding:.75rem;margin-bottom:.75rem}.social-studio .filter-controls{gap:.75rem;margin-top:.75rem}.social-studio .filter-row{gap:.5rem}.social-studio .filter-select,.social-studio .search-input{padding:.4rem .5rem;font-size:.85rem}.social-studio .primary-btn,.social-studio .secondary-btn,.social-studio .enhance-btn{padding:.5rem 1rem;font-size:.85rem}.social-studio .btn-icon{width:16px;height:16px}.social-studio .platform-badge{font-size:.7rem;padding:.2rem .4rem}.social-studio .content-excerpt{font-size:.85rem;line-height:1.3}.prominent-image-section{margin-bottom:1rem;padding:.75rem;background:var(--kalkvit);border:1px solid var(--sandbeige);border-radius:8px}.main-image-container{position:relative;margin-bottom:.75rem}.main-content-image{width:100%;max-height:200px;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:1px solid var(--sandbeige)}.image-status-overlay{position:absolute;top:.5rem;right:.5rem;background:#000c;color:#fff;padding:.2rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600}.image-actions{display:flex;gap:.5rem;justify-content:center}.multiple-images-section{margin:.75rem 0;padding:.75rem;background:var(--kalkvit);border:1px solid var(--sandbeige);border-radius:8px}.multiple-images-section h4{font-family:var(--font-header);font-size:.85rem;font-weight:600;color:var(--charcoal-graphite);margin-bottom:.5rem;text-align:center}.image-selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.5rem}.image-option{position:relative;cursor:pointer;border:2px solid var(--sandbeige);border-radius:6px;overflow:hidden;transition:var(--transition-base);background:#fff}.image-option:hover{border-color:var(--koppar);transform:translateY(-1px)}.image-option.selected{border-color:var(--koppar);box-shadow:var(--shadow-sm)}.option-thumbnail{width:100%;height:50px;-o-object-fit:cover;object-fit:cover;display:block}.option-info{padding:.3rem;font-size:.7rem;text-align:center;background:#fff;display:flex;align-items:center;justify-content:center;gap:.25rem}.selection-checkmark{position:absolute;top:.25rem;left:.25rem;background:var(--koppar);color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.check-icon{width:10px;height:10px}.no-image-section{margin:.75rem 0;padding:1rem;background:var(--kalkvit);border:2px dashed var(--sandbeige);border-radius:8px;text-align:center}.placeholder-icon{width:32px;height:32px;color:var(--dimblag);margin:0 auto .5rem;display:block}.add-image-actions{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.modal-header-actions{display:flex;gap:.5rem;align-items:center}.modal-content-editor{width:100%;padding:.75rem;border:2px solid var(--sandbeige);border-radius:8px;font-family:var(--font-body);font-size:.95rem;line-height:1.4;resize:vertical;background:#fff;min-height:200px}.modal-content-editor:focus{outline:none;border-color:var(--koppar);box-shadow:0 0 0 3px rgba(var(--koppar),.1)}.content-length{font-size:.75rem;color:var(--oliv);font-family:var(--font-header)}.media-note{font-size:.7rem;color:var(--oliv);margin-top:.4rem;font-style:italic}.status-permanent{color:var(--color-success);font-weight:600}.status-temporary{color:var(--color-warning);font-weight:600}.permanent-indicator{font-size:.65rem}.social-studio .preview-content{padding:.75rem 1rem}.social-studio .preview-header{margin-bottom:1rem;padding-bottom:.75rem}.social-studio .preview-summary,.social-studio .media-actions{margin-bottom:1rem}.social-studio .media-actions h4{font-size:.9rem;margin-bottom:.75rem}.social-studio .summary-actions{gap:.5rem}.content-review-tab{width:100%;max-width:none}.content-review-tab .review-layout{width:calc(100% - 3rem);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;min-height:calc(100vh - 7rem);padding:0;box-sizing:border-box}.social-studio:has(.content-review-tab) .social-studio-body{width:100%;max-width:none;padding:1rem 1.5rem;overflow:visible;box-sizing:border-box}.social-studio .status-draft{background:var(--dimblag);color:#fff}.social-studio .status-published{background:var(--color-success);color:#fff}.social-studio .status-scheduled{background:var(--koppar);color:#fff}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.header-left,.header-right{display:flex;align-items:center;gap:1rem}.action-btn{padding:.4rem .8rem;font-size:.8rem}.reschedule-btn{background:var(--koppar);color:#fff}.cancel-btn{background:var(--color-error);color:#fff}.export-btn{background:var(--oliv);color:#fff}.platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.platform-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.5rem}.platform-metric{display:flex;align-items:center;gap:.25rem;font-size:.8rem}.list-view{display:flex;flex-direction:column;gap:1rem}.scheduled-item,.published-post{background:#fff;padding:1rem;border-radius:8px;border:1px solid var(--sandbeige)}.item-header,.post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.item-content,.post-content{display:flex;gap:1rem}.content-thumbnail,.post-thumbnail{width:60px;height:60px;border-radius:6px;overflow:hidden}.content-thumbnail img,.post-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.overdue{color:var(--color-error)}.permanent-badge{background:var(--color-success);color:#fff;padding:.1rem .4rem;border-radius:8px;font-size:.65rem}.mobile-workflow-nav{display:flex;gap:.5rem;padding:1rem;background:#fff;border-bottom:2px solid var(--sandbeige);position:sticky;top:0;z-index:100}.mobile-nav-btn{flex:1;padding:.75rem 1rem;background:var(--kalkvit);border:2px solid var(--sandbeige);border-radius:8px;font-family:var(--font-header);font-size:.9rem;font-weight:600;color:var(--charcoal-graphite);cursor:pointer;transition:var(--transition-base);position:relative;min-height:48px;display:flex;align-items:center;justify-content:center;gap:.5rem}.mobile-nav-btn:disabled{opacity:.4;cursor:not-allowed}.mobile-nav-btn.active{background:var(--koppar);color:#fff;border-color:var(--koppar)}.mobile-nav-btn:not(:disabled):hover{border-color:var(--koppar);transform:translateY(-1px)}.queue-count-badge{background:var(--color-error);color:#fff;border-radius:50%;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;margin-left:.25rem}.mobile-nav-btn.active .queue-count-badge{background:#fff;color:var(--koppar)}.mobile-queue-fab{position:fixed;bottom:24px;right:24px;width:64px;height:64px;background:linear-gradient(135deg,var(--koppar),var(--jordbrun));color:#fff;border:none;border-radius:50%;box-shadow:0 8px 24px #00000040;cursor:pointer;z-index:999;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.mobile-queue-fab:hover{transform:scale(1.1);box-shadow:0 12px 32px #00000059}.mobile-queue-fab:active{transform:scale(.95)}.fab-icon{width:28px;height:28px}.fab-badge{position:absolute;top:-4px;right:-4px;background:var(--color-error);color:#fff;border-radius:50%;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;padding:0 6px;border:2px solid white;box-shadow:0 2px 8px #0003}.mobile-back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;margin:.75rem 1rem .5rem;background:#fff;border:2px solid var(--sandbeige);border-radius:8px;font-family:var(--font-header);font-size:.9rem;font-weight:600;color:var(--charcoal-graphite);cursor:pointer;transition:var(--transition-base);min-height:44px}.mobile-back-btn:hover{border-color:var(--koppar);background:var(--kalkvit)}.back-icon{width:20px;height:20px}.panel-wrapper{transition:opacity .2s ease}.mobile-hidden{display:none!important}@media (min-width: 801px){.content-review-tab .review-layout{grid-template-columns:33.33% 33.33% 33.34%}.mobile-workflow-nav,.mobile-queue-fab,.mobile-back-btn{display:none!important}}@media (max-width: 800px) and (min-width: 769px){.content-review-tab .review-layout{grid-template-columns:33.33% 33.33% 33.34%;gap:.75rem}.social-studio-body{width:95%;padding:1rem .5rem 0}}@media (max-width: 768px){.main-title{font-size:1.75rem}.main-subtitle{display:none}.social-studio-header{padding:1.5rem 1rem 0}.social-studio-body{padding:0;width:100%}.content-review-tab .review-layout{display:block;min-height:calc(100vh - 10rem)}.panel-wrapper{width:100%;min-height:calc(100vh - 12rem)}.content-library-panel,.content-preview-panel,.publishing-queue-panel{display:flex;flex-direction:column;height:100%}.content-library-panel .content-list,.content-preview-panel .preview-content,.publishing-queue-panel .queue-content{flex:1;overflow-y:auto}.image-actions,.add-image-actions{flex-direction:column}.main-content-image{max-height:200px}.primary-btn,.secondary-btn,.enhance-btn{min-height:44px;padding:.75rem 1rem;font-size:.9rem}.filter-controls{flex-direction:column;gap:.5rem}.filter-row{flex-direction:column}.filter-select,.search-input{width:100%}}@media (max-width: 500px){.main-content-image{max-height:150px}.mobile-workflow-nav{padding:.75rem;gap:.35rem}.mobile-nav-btn{padding:.6rem .5rem;font-size:.8rem}.queue-count-badge{width:20px;height:20px;font-size:.7rem}.mobile-queue-fab{width:56px;height:56px;bottom:20px;right:20px}.fab-icon{width:24px;height:24px}.fab-badge{min-width:22px;height:22px;font-size:.7rem}}.dashboard{min-height:100vh;background:linear-gradient(135deg,var(--kalkvit) 0%,var(--sandbeige) 100%);font-family:var(--font-body);color:var(--charcoal-graphite)}.dashboard-header{background:linear-gradient(135deg,var(--charcoal-graphite) 0%,var(--jordbrun) 100%);color:var(--kalkvit);padding:2rem 2rem 1.5rem;margin-bottom:0}.dashboard-header .header-content{max-width:1200px;margin:0 auto;text-align:center;padding-bottom:1rem}.dashboard-controls{max-width:1200px;margin:1.5rem auto 0;display:flex;justify-content:space-between;align-items:center;gap:1rem}.date-range-filter{display:flex;gap:.5rem}.filter-btn{padding:.5rem 1rem;border:1px solid var(--kalkvit);background:transparent;color:var(--kalkvit);border-radius:6px;cursor:pointer;transition:var(--transition-base);font-size:.9rem}.filter-btn:hover{background:#ffffff1a}.filter-btn.active{background:var(--kalkvit);color:var(--charcoal-graphite);font-weight:600}.refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--koppar);color:var(--kalkvit);border:none;border-radius:6px;cursor:pointer;transition:var(--transition-base);font-weight:500}.refresh-btn:hover:not(:disabled){background:var(--jordbrun)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.last-updated{max-width:1200px;margin:1rem auto 0;text-align:center;font-size:.85rem;opacity:.8}.dashboard-body{max-width:1400px;margin:0 auto;padding:2rem}.dashboard-section{background:#fff;padding:2rem;border-radius:12px;border:2px solid var(--sandbeige);box-shadow:var(--shadow-sm);margin-bottom:2rem}.section-title{font-family:var(--font-header);font-size:1.8rem;color:var(--charcoal-graphite);margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}.section-title .section-icon{color:var(--koppar)}.subsection-title{font-family:var(--font-header);font-size:1.3rem;color:var(--charcoal-graphite);margin:2rem 0 1rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.metrics-grid.large{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card{background:#fff;border:2px solid var(--sandbeige);border-radius:12px;padding:1.5rem;transition:var(--transition-base);display:flex;flex-direction:column}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-card.primary{border-color:var(--koppar);background:linear-gradient(135deg,white 0%,var(--kalkvit) 100%)}.metric-card.success{border-color:var(--color-success)}.metric-card.success-card{border-color:var(--color-success);background:var(--color-success-light)}.metric-card.warning-card{border-color:var(--color-warning);background:var(--color-warning-light)}.metric-card.info-card{border-color:var(--dimblag);background:linear-gradient(135deg,white 0%,var(--kalkvit) 100%)}.metric-card.error-card{border-color:var(--color-error);background:var(--color-error-light)}.metric-card.highlight{border-color:var(--koppar);border-width:3px}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.metric-title{font-weight:600;color:var(--charcoal-graphite);font-size:.95rem}.metric-status.success{color:var(--color-success)}.metric-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--koppar) 0%,var(--jordbrun) 100%);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.metric-icon-large{width:64px;height:64px;background:linear-gradient(135deg,var(--koppar) 0%,var(--jordbrun) 100%);color:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.success-card .metric-icon-large{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%)}.warning-card .metric-icon-large{background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning-dark) 100%)}.error-card .metric-icon-large{background:linear-gradient(135deg,var(--color-error) 0%,var(--color-error-dark) 100%)}.metric-content{flex:1}.metric-value{font-size:2rem;font-weight:700;color:var(--charcoal-graphite);line-height:1;margin-bottom:.5rem}.metric-value.large{font-size:2.5rem;text-align:center}.metric-value.huge{font-size:3rem;text-align:center}.metric-label{font-size:.9rem;color:var(--oliv);font-weight:500;text-align:center}.metric-breakdown{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.status-badge.success{background:var(--color-success-light);color:var(--color-success-dark);border:1px solid var(--color-success-border)}.status-badge.warning{background:var(--color-warning-light);color:var(--color-warning-dark);border:1px solid var(--color-warning-border)}.status-badge.error{background:var(--color-error-light);color:var(--color-error-dark);border:1px solid var(--color-error-border)}.platform-breakdown{margin-top:2rem;padding-top:2rem;border-top:2px solid var(--sandbeige)}.platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.platform-stat{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--kalkvit);border-radius:8px;border:1px solid var(--sandbeige)}.platform-stat svg{color:var(--koppar)}.platform-name{font-weight:600;color:var(--charcoal-graphite);font-size:.9rem}.platform-count{font-size:1.5rem;font-weight:700;color:var(--koppar)}.platform-performance{margin-top:2rem}.platform-card{background:#fff;border:2px solid var(--sandbeige);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;transition:var(--transition-base)}.platform-card:hover{box-shadow:var(--shadow-md)}.platform-card.unavailable{background:var(--kalkvit);border-color:var(--sandbeige);border-style:dashed}.platform-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--sandbeige)}.platform-card-header svg{color:var(--koppar)}.platform-card-header h4{flex:1;margin:0;font-family:var(--font-header);font-size:1.3rem;color:var(--charcoal-graphite)}.platform-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.platform-metric{display:flex;flex-direction:column;gap:.5rem}.platform-metric .label{font-size:.85rem;color:var(--oliv);font-weight:500}.platform-metric .value{font-size:1.8rem;font-weight:700;color:var(--charcoal-graphite)}.unavailable-message{color:var(--oliv);font-style:italic;margin:0;text-align:center}.limited-access{color:var(--oliv);font-style:italic;margin:0;padding:1rem;background:var(--kalkvit);border-radius:8px;text-align:center}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.dashboard-loading .spinner{animation:spin 1s linear infinite;color:var(--koppar);margin-bottom:1rem}.dashboard-loading p{color:var(--oliv);font-size:1.1rem}.dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.dashboard-error svg{color:var(--color-error);margin-bottom:1rem}.dashboard-error h3{color:var(--charcoal-graphite);margin-bottom:.5rem}.dashboard-error p{color:var(--oliv);margin-bottom:2rem}@media (max-width: 1200px){.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.dashboard-header{padding:1.5rem 1rem 1rem}.dashboard-controls{flex-direction:column;align-items:stretch}.date-range-filter{width:100%;justify-content:center}.filter-btn{flex:1}.refresh-btn{width:100%;justify-content:center}.dashboard-body{padding:1rem}.dashboard-section{padding:1.5rem}.section-title{font-size:1.5rem}.metrics-grid,.platform-grid{grid-template-columns:1fr}.platform-metrics{grid-template-columns:repeat(2,1fr)}.metric-value{font-size:1.5rem}.metric-value.large{font-size:2rem}.metric-value.huge{font-size:2.5rem}}@media (max-width: 480px){.section-title{font-size:1.3rem}.platform-metrics{grid-template-columns:1fr}.metric-value{font-size:1.3rem}.metric-value.large{font-size:1.8rem}.metric-value.huge{font-size:2rem}}.social-media-setup{max-width:1200px;margin:0 auto;padding:2rem 0}.setup-header{text-align:center;margin-bottom:2rem}.setup-header h2{font-family:var(--font-header);font-size:2rem;color:var(--charcoal-graphite);margin-bottom:.5rem}.setup-header p{color:var(--oliv);font-size:1.1rem}.setup-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.setup-loading .spinner{animation:spin 1s linear infinite;color:var(--koppar);margin-bottom:1rem}.setup-loading p{color:var(--oliv);font-size:1.1rem}.setup-message{padding:1rem 1.5rem;border-radius:8px;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem;font-weight:500;animation:slideDown .3s ease}.setup-message.success{background:var(--color-success-light);border:1px solid var(--color-success-border);color:var(--color-success-dark)}.setup-message.error{background:var(--color-error-light);border:1px solid var(--color-error-border);color:var(--color-error-dark)}.setup-message button{margin-left:auto;background:none;border:none;font-size:1.5rem;cursor:pointer;color:inherit;opacity:.6;transition:opacity .2s}.setup-message button:hover{opacity:1}.connection-status-card{background:#fff;border:2px solid var(--sandbeige);border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-sm)}.connection-status-card .card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--sandbeige)}.connection-status-card .card-header h3{font-family:var(--font-header);font-size:1.5rem;color:var(--charcoal-graphite);margin:0}.connection-status-card .card-header svg{color:var(--koppar)}.connection-status-card .card-body{display:flex;flex-direction:column;gap:1rem}.status-row{display:flex;justify-content:space-between;align-items:center;font-size:1rem}.status-row>span:first-child{font-weight:600;color:var(--charcoal-graphite)}.status-indicator{display:flex;align-items:center;gap:.5rem;font-weight:600}.status-indicator .success{color:var(--color-success)}.status-indicator .error{color:var(--color-error)}.test-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--koppar);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition-base)}.test-btn:hover:not(:disabled){background:var(--jordbrun);transform:translateY(-2px)}.test-btn:disabled{opacity:.6;cursor:not-allowed}.setup-instructions{background:var(--kalkvit);border:1px solid var(--sandbeige);border-radius:8px;padding:1rem;margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.setup-instructions svg{color:var(--color-warning);flex-shrink:0}.setup-instructions p{margin:0;color:var(--charcoal-graphite);font-size:.9rem}.setup-instructions pre{background:var(--charcoal-graphite);color:var(--kalkvit);padding:.75rem;border-radius:6px;font-size:.85rem;overflow-x:auto;margin:0}.setup-instructions a{color:var(--koppar);text-decoration:none;font-weight:600;display:flex;align-items:center;gap:.25rem;transition:var(--transition-base)}.setup-instructions a:hover{color:var(--jordbrun)}.platforms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.platform-setup-card{background:#fff;border:2px solid var(--sandbeige);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-sm);transition:var(--transition-base)}.platform-setup-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.platform-setup-card .card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--sandbeige)}.platform-setup-card .card-header h3{font-family:var(--font-header);font-size:1.3rem;color:var(--charcoal-graphite);margin:0}.platform-setup-card .card-header svg{color:var(--koppar)}.platform-setup-card .card-body{display:flex;flex-direction:column;gap:1rem}.account-info{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--color-success-light);border:1px solid var(--color-success-border);border-radius:8px}.account-info svg{color:var(--color-success);flex-shrink:0;margin-top:.25rem}.account-info>div{display:flex;flex-direction:column;gap:.25rem}.account-info strong{color:var(--charcoal-graphite);font-size:1rem}.account-info .account-id{color:var(--oliv);font-size:.9rem}.scenario-info{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;border-top:1px solid var(--sandbeige)}.scenario-status{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.scenario-status>span:first-child{font-weight:600;color:var(--charcoal-graphite)}.scenario-status .active{color:var(--color-success);font-weight:600}.scenario-status .inactive{color:var(--oliv);font-weight:600}.scenario-actions{display:flex;flex-wrap:wrap;gap:.5rem}.toggle-btn,.edit-btn,.delete-btn{padding:.5rem 1rem;border-radius:6px;font-weight:500;font-size:.85rem;cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;gap:.5rem;text-decoration:none}.toggle-btn{background:var(--koppar);color:#fff;border:none}.toggle-btn:hover{background:var(--jordbrun)}.edit-btn{background:#fff;color:var(--koppar);border:1px solid var(--koppar)}.edit-btn:hover{background:var(--koppar);color:#fff}.delete-btn{background:#fff;color:var(--color-error);border:1px solid var(--color-error)}.delete-btn:hover{background:var(--color-error);color:#fff}.setup-description{color:var(--oliv);font-size:.95rem;margin:0;line-height:1.5}.create-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--koppar) 0%,var(--jordbrun) 100%);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition-base)}.create-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.create-btn:disabled{opacity:.6;cursor:not-allowed}.setup-help{background:#fff;border:2px solid var(--dimblag);border-radius:12px;padding:2rem;box-shadow:var(--shadow-sm)}.setup-help h3{font-family:var(--font-header);font-size:1.5rem;color:var(--charcoal-graphite);margin-bottom:1rem}.setup-help ol{margin:0 0 1.5rem;padding-left:1.5rem;color:var(--charcoal-graphite)}.setup-help li{margin-bottom:.75rem;line-height:1.6}.setup-help li strong{color:var(--koppar)}.setup-help .help-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--koppar);text-decoration:none;font-weight:600;transition:var(--transition-base)}.setup-help .help-link:hover{color:var(--jordbrun)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.social-media-setup{padding:1rem 0}.setup-header h2{font-size:1.5rem}.platforms-grid{grid-template-columns:1fr}.scenario-actions{flex-direction:column}.scenario-actions button,.scenario-actions a{width:100%;justify-content:center}.setup-help{padding:1.5rem}.setup-help ol{padding-left:1rem}}@media (max-width: 480px){.connection-status-card .card-header{flex-direction:column;align-items:flex-start}.status-row{flex-direction:column;align-items:flex-start;gap:.5rem}.platform-setup-card .card-header{flex-direction:column;align-items:flex-start}}.api-key-manager{width:100%;max-width:1200px}.api-key-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--charcoal-graphite);gap:1rem}.api-key-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.api-key-header-content{display:flex;align-items:center;gap:1rem}.api-key-header-content h3{margin:0;font-size:1.5rem;font-family:var(--font-header);color:var(--charcoal-graphite)}.api-key-header-content p{margin:.25rem 0 0;font-size:.9rem;color:var(--oliv)}.created-key-card{background:linear-gradient(135deg,var(--koppar) 0%,var(--jordbrun) 100%);color:#fff;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;box-shadow:var(--shadow-lg)}.created-key-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1.1rem;font-family:var(--font-header)}.created-key-warning{margin:0 0 1rem;font-size:.9rem;opacity:.95}.created-key-display{display:flex;gap:.75rem;align-items:center;background:#ffffff26;padding:.75rem;border-radius:8px;margin-bottom:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.created-key-display code{flex:1;font-family:Courier New,monospace;font-size:.9rem;word-break:break-all;background:transparent;color:#fff}.copy-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff3;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-family:var(--font-body);transition:var(--transition-base);white-space:nowrap}.copy-btn:hover{background:#ffffff4d}.api-key-form-card{background:#fff;border:2px solid var(--sandbeige);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm)}.api-key-form-card h4{margin:0 0 1.5rem;font-family:var(--font-header);color:var(--charcoal-graphite)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--charcoal-graphite);font-weight:600;font-size:.9rem;font-family:var(--font-body)}.form-group .required{color:var(--color-error)}.form-group input{width:100%;padding:.75rem;border:2px solid var(--sandbeige);border-radius:8px;font-size:.95rem;font-family:var(--font-body);transition:var(--transition-base)}.form-group input:focus{outline:none;border-color:var(--koppar);box-shadow:0 0 0 3px #b873331a}.form-group small{display:block;margin-top:.5rem;font-size:.85rem;color:var(--oliv)}.form-actions{display:flex;gap:.75rem;margin-top:1.5rem}.api-keys-list{display:flex;flex-direction:column;gap:1rem}.api-keys-empty{text-align:center;padding:4rem 2rem;color:var(--oliv)}.api-keys-empty svg{color:var(--sandbeige);margin-bottom:1rem}.api-keys-empty h4{margin:0 0 .5rem;font-family:var(--font-header);color:var(--charcoal-graphite)}.api-keys-empty p{margin:0;font-size:.95rem}.api-key-card{background:#fff;border:2px solid var(--sandbeige);border-radius:12px;padding:1.25rem;transition:var(--transition-base);box-shadow:var(--shadow-sm)}.api-key-card:hover{box-shadow:var(--shadow-md);border-color:var(--koppar)}.api-key-card.inactive{opacity:.6;background:var(--kalkvit)}.api-key-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.api-key-info h4{margin:0 0 .5rem;color:var(--charcoal-graphite);font-family:var(--font-header);font-size:1.1rem}.key-prefix{font-family:Courier New,monospace;font-size:.85rem;background:var(--kalkvit);padding:.25rem .5rem;border-radius:6px;color:var(--oliv);border:1px solid var(--sandbeige)}.status-badge{display:inline-block;padding:.35rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;font-family:var(--font-body)}.status-badge.active{background:var(--color-success-light);color:var(--color-success-dark);border:1px solid var(--color-success-border)}.status-badge.inactive{background:#00000014;color:var(--oliv);border:1px solid var(--sandbeige)}.api-key-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid var(--sandbeige)}.detail-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--oliv)}.detail-item svg{color:var(--koppar)}.api-key-actions{display:flex;gap:.5rem;justify-content:flex-end}.action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--kalkvit);color:var(--charcoal-graphite);border:2px solid var(--sandbeige);border-radius:8px;cursor:pointer;transition:var(--transition-base)}.action-btn:hover:not(:disabled){background:var(--koppar);color:#fff;border-color:var(--koppar)}.action-btn.danger:hover:not(:disabled){background:var(--color-error);color:#fff;border-color:var(--color-error)}.action-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.api-key-header{flex-direction:column;align-items:flex-start}.api-key-card-header{flex-direction:column}.api-key-actions{width:100%;justify-content:stretch}.action-btn{flex:1}.form-actions{flex-direction:column}.form-actions button{width:100%}.created-key-display{flex-direction:column}.copy-btn{width:100%;justify-content:center}}.settings-modal-container{width:100%;height:100%;display:flex;flex-direction:column}.modal-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem;font-family:var(--font-body)}.modal-message.success{background:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success-dark)}.modal-message.error{background:var(--color-error-light);border:1px solid var(--color-error);color:var(--color-error-dark)}.modal-sections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.modal-section-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border:2px solid var(--sandbeige);border-radius:10px;cursor:pointer;transition:var(--transition-fast);text-align:left}.modal-section-card:hover{border-color:var(--section-color);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.modal-section-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:10px;background:var(--section-color, var(--koppar))15;color:var(--section-color, var(--koppar));flex-shrink:0}.modal-section-info{flex:1;min-width:0}.modal-section-name{font-family:var(--font-header);font-size:1rem;font-weight:600;color:var(--charcoal-graphite);margin-bottom:.25rem}.modal-section-description{font-family:var(--font-body);font-size:.85rem;color:var(--oliv);line-height:1.3}.modal-section-arrow{color:var(--oliv);opacity:.5;transition:var(--transition-fast);flex-shrink:0}.modal-section-card:hover .modal-section-arrow{opacity:1;transform:translate(4px)}.modal-section-content{display:flex;flex-direction:column;gap:1rem}.modal-back-btn{align-self:flex-start;padding:.5rem 1rem;background:var(--kalkvit);border:1px solid var(--sandbeige);border-radius:6px;font-family:var(--font-body);font-size:.9rem;color:var(--charcoal-graphite);cursor:pointer;transition:var(--transition-fast)}.modal-back-btn:hover{background:#fff;border-color:var(--koppar);color:var(--koppar)}.modal-section-title{font-family:var(--font-header);font-size:1.25rem;font-weight:700;color:var(--charcoal-graphite);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:2px solid var(--sandbeige)}.modal-section-divider{height:1px;background:var(--sandbeige);margin:1.5rem 0}.modal-ai-testing{display:flex;flex-direction:column;gap:1rem}.modal-test-actions{display:flex;gap:.75rem;flex-wrap:wrap}.modal-test-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:8px;font-family:var(--font-body);font-size:.9rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.modal-test-btn.primary{background:var(--koppar);color:#fff}.modal-test-btn.primary:hover:not(:disabled){background:var(--jordbrun);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.modal-test-btn:disabled{opacity:.6;cursor:not-allowed}.modal-test-results{display:flex;flex-direction:column;gap:1rem}.modal-test-error{display:flex;align-items:center;gap:.5rem;padding:1rem;background:var(--color-error-light);border:1px solid var(--color-error);border-radius:8px;color:var(--color-error-dark);font-size:.9rem}.modal-service-card{padding:1rem;border-radius:8px;border:2px solid;transition:var(--transition-fast)}.modal-service-card.success{background:var(--color-success-light);border-color:var(--color-success)}.modal-service-card.error{background:var(--color-error-light);border-color:var(--color-error)}.modal-service-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.modal-service-name{font-family:var(--font-header);font-size:1rem;font-weight:600;color:var(--charcoal-graphite)}.modal-service-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.modal-service-badge.success{background:var(--color-success);color:#fff}.modal-service-badge.error{background:var(--color-error);color:#fff}.modal-service-details{display:flex;flex-direction:column;gap:.375rem}.modal-service-detail{font-family:var(--font-body);font-size:.85rem;color:var(--color-success-dark);line-height:1.4}.modal-service-error{font-family:var(--font-body);font-size:.85rem;color:var(--color-error-dark);line-height:1.4}.modal-credits-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1rem;background:var(--kalkvit);border-radius:8px;border:1px solid var(--sandbeige)}.modal-credits-card{display:flex;flex-direction:column;gap:.5rem}.modal-credits-card h4{font-family:var(--font-header);font-size:.95rem;font-weight:700;color:var(--charcoal-graphite);margin:0}.modal-credit-value{font-family:var(--font-header);font-size:1.5rem;font-weight:700;color:var(--koppar)}.modal-credit-limit,.modal-credit-note{font-family:var(--font-body);font-size:.85rem;color:var(--oliv)}.modal-credit-status{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;width:-moz-fit-content;width:fit-content}.modal-credit-status.available{background:var(--color-success);color:#fff}.modal-credit-status.unavailable{background:var(--color-error);color:#fff}.modal-credits-error{display:flex;align-items:center;gap:.5rem;padding:1rem;background:var(--color-error-light);border:1px solid var(--color-error);border-radius:8px;color:var(--color-error-dark);font-size:.9rem}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.modal-sections-grid{grid-template-columns:1fr}.modal-section-card{padding:1rem}.modal-section-icon{width:40px;height:40px}.modal-credits-overview{grid-template-columns:1fr}}.tag-badge{display:inline-flex;align-items:center;gap:.25rem;border-radius:12px;font-family:var(--font-body);font-weight:500;transition:var(--transition-fast);white-space:nowrap;border:1px solid transparent}.tag-badge-text{line-height:1}.tag-badge-small{padding:.25rem .5rem;font-size:.75rem}.tag-badge-medium{padding:.375rem .75rem;font-size:.85rem}.tag-badge-large{padding:.5rem 1rem;font-size:.95rem}.tag-category-source{background:var(--koppar)20;color:var(--koppar);border-color:var(--koppar)40}.tag-category-type{background:var(--oliv)15;color:var(--oliv);border-color:var(--oliv)30}.tag-category-custom{background:var(--sandbeige)60;color:var(--charcoal-graphite);border-color:var(--sandbeige)}.tag-badge-clickable{cursor:pointer}.tag-badge-clickable:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.tag-badge-remove{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;margin-left:.125rem;color:inherit;opacity:.7;transition:opacity .2s}.tag-badge-remove:hover{opacity:1}.tag-filter{background:#fff;border:1px solid var(--sandbeige);border-radius:8px;margin-bottom:1.5rem}.tag-filter-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--sandbeige);background:linear-gradient(135deg,var(--kalkvit) 0%,white 100%)}.tag-filter-title{display:flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-weight:600;color:var(--charcoal-graphite);font-size:.95rem}.tag-filter-count{font-size:.85rem;color:var(--koppar);font-weight:500}.tag-filter-actions{display:flex;align-items:center;gap:.5rem}.tag-filter-operator,.tag-filter-clear,.tag-filter-refresh,.tag-filter-toggle{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:1px solid var(--sandbeige);background:#fff;border-radius:6px;font-family:var(--font-body);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition-fast);color:var(--charcoal-graphite)}.tag-filter-operator{background:var(--koppar)10;border-color:var(--koppar);color:var(--koppar);font-weight:600;min-width:50px;justify-content:center}.tag-filter-operator:hover{background:var(--koppar)20}.tag-filter-clear:hover,.tag-filter-refresh:hover,.tag-filter-toggle:hover{border-color:var(--koppar);background:var(--koppar)05}.tag-filter-refresh:disabled{opacity:.5;cursor:not-allowed}.tag-filter-toggle{font-size:1.2rem;font-weight:700;padding:.375rem .5rem;min-width:32px}.tag-filter-content{padding:1rem}.tag-filter-loading,.tag-filter-empty{text-align:center;padding:2rem;color:var(--oliv);font-size:.9rem}.tag-filter-grid{display:flex;flex-wrap:wrap;gap:.5rem}.tag-filter-selected{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-top:1px solid var(--sandbeige);background:var(--kalkvit)}.tag-filter-selected-label{font-family:var(--font-body);font-size:.85rem;font-weight:600;color:var(--charcoal-graphite);white-space:nowrap}.tag-filter-selected-tags{display:flex;flex-wrap:wrap;gap:.375rem}.tag-manager{background:var(--kalkvit);border:1px solid var(--sandbeige);border-radius:8px;padding:1rem}.tag-manager-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:var(--charcoal-graphite)}.tag-manager-title{font-family:var(--font-body);font-weight:600;font-size:.9rem}.tag-manager-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.75rem;min-height:2rem}.tag-manager-empty{font-size:.85rem;color:var(--oliv);opacity:.7;font-style:italic}.tag-manager-input-wrapper{position:relative}.tag-manager-input-container{display:flex;gap:.5rem}.tag-manager-input{flex:1;padding:.5rem .75rem;border:1px solid var(--sandbeige);border-radius:6px;font-family:var(--font-body);font-size:.9rem;transition:var(--transition-fast)}.tag-manager-input:focus{outline:none;border-color:var(--koppar);box-shadow:0 0 0 3px var(--koppar) 10}.tag-manager-input:disabled{opacity:.6;cursor:not-allowed;background:var(--color-gray-light)}.tag-manager-add-btn{display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;background:var(--koppar);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:var(--transition-fast)}.tag-manager-add-btn:hover:not(:disabled){background:var(--jordbrun);transform:translateY(-1px)}.tag-manager-add-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.tag-manager-suggestions{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:#fff;border:1px solid var(--sandbeige);border-radius:6px;box-shadow:var(--shadow-md);max-height:200px;overflow-y:auto;z-index:100}.tag-manager-suggestion{display:flex;align-items:center;gap:.5rem;width:100%;padding:.625rem .875rem;border:none;background:none;text-align:left;font-family:var(--font-body);font-size:.9rem;cursor:pointer;transition:background .15s;color:var(--charcoal-graphite)}.tag-manager-suggestion:hover{background:var(--koppar)10}.tag-manager-suggestion:not(:last-child){border-bottom:1px solid var(--sandbeige)}.tag-manager-error{margin-top:.5rem;padding:.5rem .75rem;background:var(--color-error-light);border:1px solid var(--color-error-border);border-radius:6px;font-size:.85rem;color:var(--color-error-dark)}@media (max-width: 768px){.tag-filter-header{flex-direction:column;align-items:flex-start;gap:.75rem}.tag-filter-actions{width:100%;justify-content:flex-end}.tag-filter-selected{flex-direction:column;align-items:flex-start}}.media-library{min-height:100vh;background:linear-gradient(135deg,var(--kalkvit) 0%,var(--sandbeige) 100%);padding:2rem}.media-library-header{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-md);border:1px solid var(--sandbeige)}.media-library-title{display:flex;align-items:center;gap:1.5rem;color:var(--charcoal-graphite)}.media-library-title h1{font-family:var(--font-header);font-size:2rem;font-weight:700;margin:0 0 .25rem}.media-library-title p{font-family:var(--font-body);font-size:1rem;color:var(--oliv);margin:0}.media-library-tabs{display:flex;gap:.5rem;margin-bottom:2rem;background:#fff;padding:.5rem;border-radius:10px;box-shadow:var(--shadow-sm)}.media-library-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;background:transparent;border:none;border-radius:8px;font-family:var(--font-body);font-weight:600;font-size:1rem;color:var(--charcoal-graphite);cursor:pointer;transition:var(--transition-fast)}.media-library-tab:hover{background:var(--koppar)10;color:var(--koppar)}.media-library-tab.active{background:var(--koppar);color:#fff;box-shadow:0 2px 8px var(--koppar) 40}.media-library-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:var(--shadow-lg);min-height:500px}.media-tab-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--oliv);gap:1rem}.media-tab-loading p{font-family:var(--font-body);font-size:1.1rem}.images-tab-toolbar,.music-tab-toolbar,.videos-tab-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding:1rem;background:var(--kalkvit);border:1px solid var(--sandbeige);border-radius:8px;flex-wrap:wrap;gap:1rem}.images-tab-info,.music-tab-info,.videos-tab-info{display:flex;align-items:center;gap:.75rem;font-family:var(--font-body);font-size:.95rem;color:var(--charcoal-graphite);font-weight:600}.images-tab-selected,.music-tab-selected,.videos-tab-selected{color:var(--koppar);font-weight:700}.images-tab-actions,.music-tab-actions,.videos-tab-actions{display:flex;gap:.5rem;flex-wrap:wrap}.images-tab-action-btn,.music-tab-action-btn,.videos-tab-action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--sandbeige);background:#fff;border-radius:6px;font-family:var(--font-body);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition-fast);color:var(--charcoal-graphite)}.images-tab-action-btn:hover,.music-tab-action-btn:hover,.videos-tab-action-btn:hover{border-color:var(--koppar);background:var(--koppar)05}.images-tab-action-btn:disabled,.music-tab-action-btn:disabled,.videos-tab-action-btn:disabled{opacity:.5;cursor:not-allowed}.images-tab-action-btn.danger,.music-tab-action-btn.danger,.videos-tab-action-btn.danger{border-color:var(--color-error-border);color:var(--color-error)}.images-tab-action-btn.danger:hover,.music-tab-action-btn.danger:hover,.videos-tab-action-btn.danger:hover{background:var(--color-error-light);border-color:var(--color-error)}.images-tab-filters,.music-tab-filters,.videos-tab-filters{display:flex;gap:.5rem;flex-wrap:wrap}.images-tab-select,.music-tab-select,.videos-tab-select{padding:.5rem .75rem;border:1px solid var(--sandbeige);border-radius:6px;font-family:var(--font-body);font-size:.9rem;background:#fff;cursor:pointer}.images-tab-select:focus,.music-tab-select:focus,.videos-tab-select:focus{outline:none;border-color:var(--koppar);box-shadow:0 0 0 3px var(--koppar) 10}.images-tab-grid,.videos-tab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.images-tab-empty,.music-tab-empty,.videos-tab-empty{text-align:center;padding:4rem 2rem;color:var(--oliv);font-size:1.1rem;grid-column:1 / -1}.image-card,.video-card{position:relative;background:#fff;border:2px solid var(--sandbeige);border-radius:10px;overflow:hidden;transition:var(--transition-fast)}.image-card.selected,.video-card.selected{border-color:var(--koppar);box-shadow:0 4px 12px var(--koppar) 20}.image-card:hover,.video-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.image-card-checkbox,.video-card-checkbox{position:absolute;top:.75rem;left:.75rem;z-index:10;background:#fff;border-radius:6px;padding:.5rem;cursor:pointer;box-shadow:0 2px 8px #00000026;color:var(--koppar)}.image-card-preview,.video-card-preview{position:relative;width:100%;aspect-ratio:1;background:var(--sandbeige)20;overflow:hidden}.image-card-preview img,.video-card-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-card-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--oliv);opacity:.3}.video-card-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0009;color:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;pointer-events:none}.video-card:hover .video-card-play-overlay{opacity:1}.image-card-info,.video-card-info{padding:1rem}.image-card-title,.video-card-title{font-family:var(--font-header);font-weight:600;font-size:1rem;color:var(--charcoal-graphite);margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-card-meta,.video-card-meta{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.image-card-type,.image-card-source,.video-card-type,.video-card-duration{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;font-weight:500}.image-card-type,.video-card-type{background:var(--koppar)15;color:var(--koppar)}.video-card-type.reel{background:var(--oliv)15;color:var(--oliv)}.video-card-type.story{background:var(--dimblag)20;color:var(--dimblag)}.image-card-source,.video-card-duration{background:var(--sandbeige);color:var(--charcoal-graphite)}.image-card-tags-display,.video-card-tags-display{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.75rem;min-height:1.5rem}.image-card-tags-more,.video-card-tags-more{font-size:.75rem;color:var(--oliv);font-style:italic}.image-card-actions,.video-card-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--sandbeige)}.image-card-action,.video-card-action{display:flex;align-items:center;justify-content:center;padding:.5rem;border:1px solid var(--sandbeige);background:#fff;border-radius:6px;cursor:pointer;transition:var(--transition-fast);color:var(--charcoal-graphite);text-decoration:none}.image-card-action:hover,.video-card-action:hover{border-color:var(--koppar);background:var(--koppar)05}.image-card-action.danger,.video-card-action.danger{border-color:var(--color-error-border);color:var(--color-error)}.image-card-action.danger:hover,.video-card-action.danger:hover{background:var(--color-error-light);border-color:var(--color-error)}.music-tab-list{display:flex;flex-direction:column;gap:1rem}.music-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:2px solid var(--sandbeige);border-radius:10px;transition:var(--transition-fast)}.music-card.selected{border-color:var(--koppar);box-shadow:0 2px 8px var(--koppar) 20}.music-card:hover{box-shadow:var(--shadow-sm)}.music-card-checkbox{cursor:pointer;color:var(--koppar)}.music-card-play{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border:none;background:var(--koppar)15;border-radius:50%;color:var(--koppar);cursor:pointer;transition:var(--transition-fast);flex-shrink:0}.music-card-play:hover:not(:disabled){background:var(--koppar);color:#fff;transform:scale(1.1)}.music-card-play:disabled{opacity:.4;cursor:not-allowed}.music-card-info{flex:1;min-width:0}.music-card-title{display:flex;align-items:center;gap:.5rem;font-family:var(--font-header);font-weight:600;font-size:1rem;color:var(--charcoal-graphite);margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-card-meta{display:flex;gap:.75rem;margin-bottom:.5rem;flex-wrap:wrap;font-size:.85rem}.music-card-source,.music-card-duration,.music-card-mood,.music-card-genre{padding:.25rem .5rem;border-radius:4px;font-weight:500}.music-card-source{background:var(--koppar)15;color:var(--koppar)}.music-card-duration{background:var(--sandbeige);color:var(--charcoal-graphite)}.music-card-mood{background:var(--oliv)15;color:var(--oliv)}.music-card-genre{background:var(--dimblag)20;color:var(--dimblag)}.music-card-tags-display{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem}.music-card-tags-more{font-size:.75rem;color:var(--oliv);font-style:italic}.music-card-manager{margin-top:.75rem}.music-card-delete{display:flex;align-items:center;justify-content:center;padding:.5rem;border:1px solid var(--color-error-border);background:#fff;border-radius:6px;color:var(--color-error);cursor:pointer;transition:var(--transition-fast);flex-shrink:0}.music-card-delete:hover{background:var(--color-error-light);border-color:var(--color-error)}@media (max-width: 1024px){.images-tab-grid,.videos-tab-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){.media-library{padding:1rem}.media-library-header{padding:1.5rem}.media-library-title h1{font-size:1.5rem}.media-library-tabs{flex-direction:column}.media-library-content{padding:1rem}.images-tab-toolbar,.music-tab-toolbar,.videos-tab-toolbar{flex-direction:column;align-items:stretch}.images-tab-actions,.music-tab-actions,.videos-tab-actions{width:100%;justify-content:space-between}.images-tab-grid,.videos-tab-grid{grid-template-columns:1fr}.music-card{flex-wrap:wrap}.music-card-manager{width:100%}}.video-player-modal{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.video-player-container{background:#fff;border-radius:12px;max-width:1200px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.video-player-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid var(--sandbeige);background:var(--kalkvit)}.video-player-header h3{font-family:var(--font-header);font-size:1.25rem;font-weight:700;color:var(--charcoal-graphite);margin:0}.video-player-close{display:flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;border:1px solid var(--sandbeige);border-radius:6px;cursor:pointer;transition:var(--transition-fast);color:var(--charcoal-graphite)}.video-player-close:hover{background:var(--color-error-light);border-color:var(--color-error);color:var(--color-error)}.video-player-body{padding:2rem;display:flex;align-items:center;justify-content:center;background:#000;flex:1}.video-player-error{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--sandbeige);text-align:center}.video-player-error p{font-family:var(--font-body);font-size:1.1rem;margin:0}@media (max-width: 768px){.video-player-modal{padding:0}.video-player-container{max-width:100vw;max-height:100vh;border-radius:0}.video-player-header{padding:1rem 1.5rem}.video-player-body{padding:0}}.app{min-height:100vh;background:linear-gradient(135deg,var(--kalkvit) 0%,var(--sandbeige) 100%);display:flex;flex-direction:column;width:100vw;overflow-x:hidden;margin:0;padding:0}.app-container{display:flex;flex-direction:column;min-height:100vh;flex:1;width:100%;overflow-x:hidden}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:2rem}.app-loading p{font-family:var(--font-body);font-size:1.2rem;color:var(--oliv)}.main-navigation{background:linear-gradient(135deg,var(--charcoal-graphite) 0%,var(--jordbrun) 100%);color:var(--kalkvit);box-shadow:var(--shadow-lg);position:sticky;top:0;z-index:100;width:100%}.nav-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid rgba(233,217,199,.2);width:100%}.nav-brand{display:flex;align-items:center;gap:1rem}.brand-content{display:flex;flex-direction:column}.brand-title{font-family:var(--font-header);font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.25rem}.brand-subtitle{font-family:var(--font-serif);font-size:.9rem;font-style:italic;opacity:.8}.nav-user{display:flex;align-items:center;gap:1.5rem}.user-icon-white{color:#fff!important}.user-email{font-family:var(--font-body);font-size:.9rem;font-weight:500;color:var(--kalkvit)}.settings-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;border:1px solid rgba(249,247,244,.3);color:var(--kalkvit);border-radius:8px;cursor:pointer;transition:var(--transition-base)}.settings-btn:hover{background:#f9f7f41a;border-color:#f9f7f480;transform:translateY(-1px)}.sign-out-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid rgba(249,247,244,.3);color:var(--kalkvit);border-radius:8px;font-family:var(--font-body);font-weight:500;font-size:.9rem;cursor:pointer;transition:var(--transition-base)}.sign-out-btn:hover{background:#f9f7f41a;border-color:#f9f7f480;transform:translateY(-1px)}.btn-icon{width:16px;height:16px}.mobile-menu-toggle .btn-icon{width:24px;height:24px;stroke-width:2.5px}.font-loading-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#b873331a;border-radius:6px;border:1px solid rgba(184,115,51,.3);font-family:var(--font-body);font-size:.8rem;color:var(--kalkvit);animation:pulse 2s infinite}.font-loading-indicator .loading-spinner{width:12px;height:12px;border:2px solid rgba(249,247,244,.3);border-top:2px solid var(--kalkvit)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.module-icon{width:20px;height:20px}.module-name{font-weight:600;font-family:var(--font-body)}.app-nav-tabs{display:flex;justify-content:center;background:linear-gradient(135deg,var(--charcoal-graphite) 0%,var(--jordbrun) 100%);padding:0 2rem;gap:.5rem}.app-nav-tab{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:transparent;border:none;color:#f9f7f4cc;font-family:var(--font-body);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition-base);text-decoration:none;white-space:nowrap}.app-nav-tab:hover{color:var(--kalkvit);background:#f9f7f41a}.app-nav-tab.active{color:var(--kalkvit);background:#b8733333}.nav-modules{display:flex;justify-content:flex-start;background:linear-gradient(135deg,var(--charcoal-graphite) 0%,var(--jordbrun) 100%);padding:0 2rem;gap:.5rem;overflow:visible}.module-nav-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:transparent;border:none;color:#f9f7f4cc;font-family:var(--font-body);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition-base);text-decoration:none;white-space:nowrap}.module-nav-btn:hover{color:var(--kalkvit);background:#f9f7f41a}.module-nav-btn.active{color:var(--kalkvit);background:#b8733333}.app-content{flex:1;overflow:auto;min-height:0;width:100%;max-width:100vw;transition:margin-left .3s ease}.mobile-bottom-tabs{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--sandbeige);padding:.75rem .5rem calc(.75rem + env(safe-area-inset-bottom));z-index:1000;box-shadow:0 -4px 20px #00000026}.mobile-tab-container{display:flex;justify-content:space-around;align-items:center;width:100%;max-width:500px;margin:0 auto}.mobile-tab-item{display:flex;flex-direction:column;align-items:center;padding:.5rem .25rem;text-decoration:none;color:var(--oliv);font-size:.75rem;font-weight:500;font-family:var(--font-body);transition:all .2s ease;border-radius:12px;min-width:60px;background:none;border:none;cursor:pointer}.mobile-tab-item:hover{color:var(--koppar);background:#b873330d}.mobile-tab-item.active{color:var(--koppar);background:#b873331a;transform:translateY(-1px)}.mobile-tab-item .module-icon{width:22px;height:22px;margin-bottom:.375rem;stroke-width:2}.mobile-tab-item span{font-size:.75rem;font-weight:600;text-align:center;line-height:1.1}.mobile-menu-toggle{display:none;background:#f9f7f41a;border:1px solid rgba(249,247,244,.2);color:var(--kalkvit);cursor:pointer;padding:.75rem;border-radius:8px;transition:var(--transition-base);width:44px;height:44px;align-items:center;justify-content:center}.mobile-menu-toggle:hover{background:#f9f7f433;border-color:#f9f7f466}.mobile-sidebar{position:fixed;top:0;left:-280px;width:280px;height:100vh;background:linear-gradient(135deg,var(--charcoal-graphite) 0%,var(--jordbrun) 100%);z-index:200;transition:left .3s ease;overflow-y:auto;color:var(--kalkvit)}.mobile-sidebar.open{left:0}.mobile-sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:199;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-sidebar-overlay.open{opacity:1;visibility:visible}.mobile-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(249,247,244,.2)}.mobile-sidebar-header h2{margin:0;font-family:var(--font-header);font-size:1.5rem;font-weight:700;color:var(--kalkvit)}.mobile-sidebar-header .mobile-menu-toggle{padding:.25rem}.mobile-sidebar-nav{padding:1rem}.mobile-nav-item{display:flex;align-items:center;gap:1rem;padding:1rem;border:none;background:transparent;color:var(--kalkvit);font-family:var(--font-body);font-size:1rem;font-weight:500;cursor:pointer;border-radius:8px;margin-bottom:.5rem;transition:var(--transition-base);width:100%;text-align:left}.mobile-nav-item:hover{background:#f9f7f41a}.mobile-nav-item.active{background:#b8733333;color:var(--kalkvit)}.app-footer{background:linear-gradient(135deg,var(--charcoal-graphite) 0%,var(--jordbrun) 100%);color:var(--kalkvit);padding:2rem 0;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.footer-section h4{font-family:var(--font-body);font-weight:600;margin-bottom:1rem;color:var(--kalkvit);font-size:1.1rem}.footer-section p,.footer-section a{font-family:var(--font-body);color:#f9f7f4cc;text-decoration:none;line-height:1.6;font-size:.9rem}.footer-section a:hover{color:var(--koppar);transition:var(--transition-base)}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.5rem}.footer-bottom{border-top:1px solid rgba(249,247,244,.2);margin-top:2rem;padding-top:1rem;text-align:center;font-size:.9rem;opacity:.8}.footer-bottom p{margin:0;font-family:var(--font-body)}.status-icon{width:16px;height:16px}.status-icon.healthy{color:var(--koppar)}.status-icon.error{color:var(--charcoal-graphite)}.status-icon.loading{border:2px solid var(--jordbrun);border-top:2px solid transparent}@media (max-width: 1024px){.nav-header{padding:1rem 1.5rem}.brand-title{font-size:1.5rem}}@media (max-width: 768px){.mobile-bottom-tabs{display:block}.nav-modules{display:none}.app-content{padding:0 .5rem 80px}.mobile-menu-toggle{display:none}.nav-header{padding:1rem}.nav-user{gap:1rem}.brand-title{font-size:1.25rem}.brand-subtitle{font-size:.8rem;display:none}.user-email{display:none}.footer-content{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width: 480px){.app-content{padding:0 .25rem 80px}.nav-header{padding:1rem}.nav-brand{gap:.75rem}.brand-title{font-size:1.25rem}.brand-subtitle{display:none}.user-info,.sign-out-btn{padding:.5rem}.sign-out-btn span{display:none}.footer-content{grid-template-columns:1fr}.font-loading-indicator span{display:none}.font-loading-indicator{padding:.5rem}.mobile-sidebar{width:100vw;left:-100vw}.mobile-nav-item{font-size:1.1rem;padding:1.25rem 1rem}}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;box-shadow:var(--shadow-xl);max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.settings-modal{width:100%;max-width:1200px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid var(--sandbeige);background:linear-gradient(135deg,var(--kalkvit) 0%,white 100%)}.modal-header h2{font-family:var(--font-header);font-size:1.5rem;font-weight:700;color:var(--charcoal-graphite);margin:0}.modal-close{display:flex;align-items:center;justify-content:center;padding:.5rem;background:transparent;border:1px solid var(--sandbeige);border-radius:6px;cursor:pointer;transition:var(--transition-fast);color:var(--charcoal-graphite)}.modal-close:hover{background:var(--koppar)05;border-color:var(--koppar);color:var(--koppar)}.modal-body{padding:2rem;overflow-y:auto;flex:1}@media (max-width: 768px){.modal-overlay{padding:0}.settings-modal{max-width:100vw;max-height:100vh;border-radius:0}.modal-header{padding:1rem 1.5rem}.modal-body{padding:1.5rem}}