*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.right-0{right:0}.right-2{right:.5rem}.right-4{right:1rem}.top-2{top:.5rem}.top-20{top:5rem}.top-4{top:1rem}.top-full{top:100%}.isolate{isolation:isolate}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-screen{height:100vh}.max-h-40{max-height:10rem}.max-h-64{max-height:16rem}.max-h-96{max-height:24rem}.min-h-screen{min-height:100vh}.w-1\/3{width:33.333333%}.w-1\/4{width:25%}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-80{width:20rem}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-80{min-width:20rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-blue-100{--tw-border-opacity: 1;border-color:rgb(219 234 254 / var(--tw-border-opacity, 1))}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-blue-400{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.border-blue-600{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-green-300{--tw-border-opacity: 1;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-red-300{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}.border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))}.border-yellow-400{--tw-border-opacity: 1;border-color:rgb(250 204 21 / var(--tw-border-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/80{background-color:#fffc}.bg-white\/90{background-color:#ffffffe6}.bg-white\/95{background-color:#fffffff2}.bg-yellow-400{--tw-bg-opacity: 1;background-color:rgb(250 204 21 / var(--tw-bg-opacity, 1))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.bg-opacity-40{--tw-bg-opacity: .4}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-600{--tw-gradient-from: #4b5563 var(--tw-gradient-from-position);--tw-gradient-to: rgb(75 85 99 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-gray-700{--tw-gradient-to: #374151 var(--tw-gradient-to-position)}.to-indigo-50{--tw-gradient-to: #eef2ff var(--tw-gradient-to-position)}.object-cover{object-fit:cover}.p-0{padding:0}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-4{padding-bottom:1rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pt-1{padding-top:.25rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.tracking-tight{letter-spacing:-.025em}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-blue-900{--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-indigo-500{--tw-text-opacity: 1;color:rgb(99 102 241 / var(--tw-text-opacity, 1))}.text-pink-500{--tw-text-opacity: 1;color:rgb(236 72 153 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.text-yellow-900{--tw-text-opacity: 1;color:rgb(113 63 18 / var(--tw-text-opacity, 1))}.line-through{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.accent-blue-600{accent-color:#2563eb}.opacity-60{opacity:.6}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}html,body{background:transparent!important;margin:0;padding:0;min-height:100vh}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-blue-200:hover{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.hover\:bg-blue-50:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.hover\:bg-yellow-500:hover{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.hover\:from-gray-700:hover{--tw-gradient-from: #374151 var(--tw-gradient-from-position);--tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-gray-800:hover{--tw-gradient-to: #1f2937 var(--tw-gradient-to-position)}.hover\:text-blue-900:hover{--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.hover\:text-gray-800:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.hover\:text-red-700:hover{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1))}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}@media (min-width: 640px){.sm\:block{display:block}.sm\:p-6{padding:1.5rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-color-scheme: dark){.dark\:border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dark\:bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:text-blue-200{--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.dark\:text-gray-100{--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.dark\:text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.dark\:text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--modern-primary: #2563eb;--modern-primary-light: #3b82f6;--modern-primary-dark: #1d4ed8;--modern-secondary: #8b5cf6;--modern-success: #10b981;--modern-warning: #f59e0b;--modern-error: #ef4444;--modern-surface-primary: #f3f4f6;--modern-surface-secondary: #eef2f7;--modern-surface-tertiary: #e5e7eb;--modern-border: #e2e8f0;--modern-accent: var(--modern-primary);--modern-gray-50: #f8fafc;--modern-gray-100: #f1f5f9;--modern-gray-200: #e2e8f0;--modern-gray-300: #cbd5e1;--modern-gray-400: #94a3b8;--modern-gray-500: #64748b;--modern-gray-600: #475569;--modern-gray-700: #334155;--modern-gray-800: #1e293b;--modern-gray-900: #0f172a;--modern-text-primary: #0f172a;--modern-text-secondary: #1e293b;--modern-text-muted: #64748b;--modern-text-placeholder: #94a3b8;--modern-space-xs: .25rem;--modern-space-sm: .5rem;--modern-space-md: .75rem;--modern-space-lg: 1rem;--modern-space-xl: 1.5rem;--modern-space-2xl: 2rem;--modern-radius: .5rem;--modern-radius-lg: .75rem;--modern-radius-xl: 1rem;--modern-transition: all .2s ease;--modern-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--modern-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}.modern-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem 1rem;overflow:auto;animation:fadeIn .2s ease;min-height:100vh;max-height:100vh}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modern-form-container{background:linear-gradient(135deg,var(--modern-surface-primary) 0%,var(--modern-surface-secondary) 40%,var(--modern-gray-200) 100%);border-radius:var(--modern-radius-xl);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #fffc,inset 0 1px #ffffffe6;width:100%;max-width:1240px;max-height:90vh;display:flex;flex-direction:column;animation:slideIn .3s ease;margin:auto;overflow:hidden;position:relative;z-index:1001}.modern-form-content{flex:1;overflow-y:auto;padding:0 0 96px;position:relative;z-index:auto}.modern-form-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(37,99,235,.03) 0%,transparent 50%);border-radius:var(--modern-radius-xl);pointer-events:none;z-index:-1}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modern-form-header{padding:calc(var(--modern-space-xl) + .25rem) var(--modern-space-xl);background:linear-gradient(135deg,var(--modern-primary) 0%,#6366f1 50%,var(--modern-secondary) 100%);color:#fff;position:relative;text-align:center;overflow:hidden;min-height:88px}.modern-form-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:30px 30px;animation:headerFloat 15s linear infinite;pointer-events:none}@keyframes headerFloat{0%{transform:translate(0) rotate(0)}to{transform:translate(-30px,-30px) rotate(360deg)}}.modern-form-title{font-size:1.25rem;font-weight:600;margin:0 0 var(--modern-space-xs) 0}.modern-form-subtitle{font-size:.875rem;opacity:.9;margin:0;font-weight:400}.modern-close-btn{position:absolute;top:var(--modern-space-lg);right:var(--modern-space-lg);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;transition:var(--modern-transition)}.modern-close-btn:hover{background:#fff3;transform:scale(1.1)}.modern-form-body{padding:0;position:relative}.modern-hero-section{padding:var(--modern-space-xl);background:linear-gradient(135deg,#f1f5f9,#e2e8f0,#cbd5e1);position:relative;overflow:hidden}.modern-hero-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(45deg,rgba(37,99,235,.03) 25%,transparent 25%),linear-gradient(-45deg,rgba(139,92,246,.03) 25%,transparent 25%);background-size:20px 20px;pointer-events:none;z-index:-1}.modern-hero-input{width:100%;font-size:1.125rem;font-weight:600;border:none;background:#f3f4f6e6;border-radius:var(--modern-radius);padding:var(--modern-space-lg);color:var(--modern-text-primary);box-shadow:0 4px 6px -1px #0000001a,0 0 0 1px #2563eb1a,inset 0 1px #ffffffe6;transition:var(--modern-transition);border:2px solid transparent;position:relative;z-index:1}.modern-hero-input:focus{outline:none;border-color:var(--modern-primary);box-shadow:var(--modern-shadow),0 0 0 3px #2563eb1a}.modern-hero-input::placeholder{color:var(--modern-text-placeholder);font-weight:400}.modern-hero-input.error{border-color:var(--modern-error);box-shadow:var(--modern-shadow),0 0 0 3px #ef44441a}.modern-quick-grid{display:grid;grid-template-columns:1fr;gap:var(--modern-space-lg);padding:0 0 var(--modern-space-xl);min-width:0}@media (min-width: 640px){.modern-quick-grid{grid-template-columns:2fr 1fr}}.modern-inline-field{display:flex;align-items:center;gap:var(--modern-space-md);padding:var(--modern-space-md);background:#f3f4f6d9;border:2px solid rgba(37,99,235,.1);border-radius:var(--modern-radius);cursor:pointer;transition:var(--modern-transition);text-align:left;width:100%;position:relative;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;z-index:10}.modern-inline-field:hover{border-color:var(--modern-primary);box-shadow:0 4px 6px -1px #0000001a,0 0 0 3px #2563eb1a;transform:translateY(-1px);background:#f3f4f6f2}.modern-inline-field.active{border-color:var(--modern-primary);background:#2563eb0d;box-shadow:0 4px 6px -1px #0000001a,0 0 0 3px #2563eb1a}.modern-inline-field-icon{font-size:1.25rem;width:2rem;text-align:center;flex-shrink:0}.modern-inline-field-content{flex:1;min-width:0;overflow:hidden}.modern-inline-field-label{font-size:.75rem;font-weight:600;color:var(--modern-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--modern-space-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modern-inline-field-value{font-size:.875rem;color:var(--modern-text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modern-inline-field-placeholder{font-size:.875rem;color:var(--modern-text-placeholder);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modern-expandable{border-bottom:1px solid rgba(37,99,235,.1);background:#f3f4f680;position:relative}.modern-expandable-header{display:flex;align-items:center;gap:var(--modern-space-md);padding:var(--modern-space-lg) var(--modern-space-xl);cursor:pointer;background:#f3f4f699;border:none;width:100%;text-align:left;transition:var(--modern-transition);font-family:inherit;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:relative;z-index:10;pointer-events:auto}.modern-expandable-header:hover{background:#2563eb0d}.modern-expandable-header.expanded{background:#2563eb14;color:var(--modern-primary)}.modern-expandable-icon{width:12px;height:12px;transition:var(--modern-transition);background:currentColor;-webkit-mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 5l7 7-7 7'/%3e%3c/svg%3e") no-repeat center;mask:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 5l7 7-7 7'/%3e%3c/svg%3e") no-repeat center;-webkit-mask-size:contain;mask-size:contain}.modern-expandable-header.expanded .modern-expandable-icon{transform:rotate(90deg)}.modern-expandable-title{font-size:.875rem;font-weight:600;margin:0;flex:1}.modern-expandable-count{font-size:.75rem;color:var(--modern-text-muted);font-weight:400}.modern-expandable-content{display:none;padding:0 var(--modern-space-xl) var(--modern-space-lg);background:#f3f4f6cc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:relative}.modern-expandable-content.expanded{display:block}.modern-field-label,.modern-label{font-size:.875rem;font-weight:600;color:var(--modern-text-primary);margin-bottom:var(--modern-space-sm);display:block}.modern-input{width:100%;padding:var(--modern-space-md);border:2px solid var(--modern-gray-200);border-radius:var(--modern-radius);font-size:.875rem;background:var(--modern-surface-secondary);color:var(--modern-text-primary);transition:var(--modern-transition);font-family:inherit;position:relative;z-index:1}.modern-input:focus{outline:none;border-color:var(--modern-primary);box-shadow:0 0 0 3px #2563eb1a}.modern-input::placeholder{color:var(--modern-text-placeholder)}.modern-textarea{width:100%;padding:var(--modern-space-md);border:2px solid var(--modern-gray-200);border-radius:var(--modern-radius);font-size:.875rem;background:var(--modern-surface-secondary);color:var(--modern-text-primary);transition:var(--modern-transition);font-family:inherit;resize:vertical}.modern-textarea:focus{outline:none;border-color:var(--modern-primary);box-shadow:0 0 0 3px #2563eb1a}.modern-select{width:100%;padding:var(--modern-space-md);border:2px solid var(--modern-gray-200);border-radius:var(--modern-radius);font-size:.875rem;background:var(--modern-surface-secondary);color:var(--modern-text-primary);transition:var(--modern-transition);font-family:inherit}.modern-select:focus{outline:none;border-color:var(--modern-primary);box-shadow:0 0 0 3px #2563eb1a}.modern-checkbox{width:1rem;height:1rem;accent-color:var(--modern-primary)}.modern-priority-selector{display:flex;gap:var(--modern-space-sm);flex-wrap:wrap}.modern-priority-chip{display:flex;align-items:center;gap:var(--modern-space-xs);padding:var(--modern-space-sm) var(--modern-space-md);border:2px solid var(--modern-gray-200);border-radius:var(--modern-radius);background:#fff;cursor:pointer;transition:var(--modern-transition);font-size:.75rem;font-weight:600;color:var(--modern-text-primary)}.modern-priority-chip:hover{transform:translateY(-1px);box-shadow:var(--modern-shadow)}.modern-priority-chip.selected{color:#fff!important;background:var(--modern-primary)!important;border-color:var(--modern-primary)!important;transform:translateY(-1px);box-shadow:var(--modern-shadow)}.modern-chip-row{display:flex;gap:var(--modern-space-sm);flex-wrap:wrap;padding:0;border:none;background:transparent;align-items:center;min-height:42px}@media (min-width: 640px){.modern-chip-row{flex-wrap:nowrap}}.modern-chip{display:flex;align-items:center;gap:var(--modern-space-xs);padding:var(--modern-space-sm) var(--modern-space-md);border:1px solid var(--modern-gray-200);border-radius:var(--modern-radius);background:var(--modern-surface-secondary);cursor:pointer;transition:var(--modern-transition);font-size:.875rem;font-weight:600;color:var(--modern-text-primary)}.modern-chip:hover{transform:translateY(-1px);box-shadow:var(--modern-shadow)}.modern-chip.selected{color:#fff;background:var(--modern-primary);border-color:var(--modern-primary);transform:translateY(-1px);box-shadow:var(--modern-shadow)}.modern-priority-chip[data-priority=low].selected{background:var(--modern-success)!important;border-color:var(--modern-success)!important}.modern-priority-chip[data-priority=medium].selected{background:var(--modern-warning)!important;border-color:var(--modern-warning)!important}.modern-priority-chip[data-priority=high].selected{background:var(--modern-error)!important;border-color:var(--modern-error)!important}.modern-subtask-item{display:flex;align-items:center;gap:var(--modern-space-md);padding:var(--modern-space-md);border-radius:var(--modern-radius);background:var(--modern-surface-secondary);margin-bottom:var(--modern-space-sm);transition:var(--modern-transition)}.modern-subtask-item:hover{background:var(--modern-gray-100)}.modern-subtask-checkbox{width:1rem;height:1rem;accent-color:var(--modern-primary)}.modern-subtask-text{flex:1;font-size:.875rem;color:var(--modern-text-primary)}.modern-subtask-text.completed{text-decoration:line-through;color:var(--modern-text-muted)}.modern-subtask-remove{opacity:0;background:none;border:none;cursor:pointer;padding:var(--modern-space-xs);border-radius:var(--modern-radius);transition:var(--modern-transition)}.modern-subtask-item:hover .modern-subtask-remove{opacity:1}.modern-subtask-remove:hover{background:var(--modern-error);color:#fff}.modern-subtasks-editor{display:flex;flex-direction:column;gap:var(--modern-space-sm)}.modern-subtask-new{display:flex;gap:var(--modern-space-sm)}.modern-form-actions{display:flex;gap:var(--modern-space-md);padding:var(--modern-space-xl);background:var(--modern-surface-primary);border-top:1px solid var(--modern-gray-100);position:-webkit-sticky;position:sticky;bottom:0}.modern-btn{padding:var(--modern-space-md) var(--modern-space-xl);border-radius:var(--modern-radius);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--modern-transition);border:none;display:flex;align-items:center;gap:var(--modern-space-sm);font-family:inherit}.modern-btn-primary{background:var(--modern-primary);color:#fff;flex:1}.modern-btn-primary:hover:not(:disabled){background:var(--modern-primary-dark);transform:translateY(-1px);box-shadow:var(--modern-shadow)}.modern-btn-secondary{background:var(--modern-gray-100);color:var(--modern-text-secondary)}.modern-btn-secondary:hover:not(:disabled){background:var(--modern-gray-200);transform:translateY(-1px)}.modern-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.modern-btn.loading{position:relative}.modern-section{padding:var(--modern-space-md) var(--modern-space-xl);background:var(--modern-surface-secondary);border-bottom:1px solid var(--modern-gray-100)}.modern-section-grid{display:grid;grid-template-columns:1fr;gap:var(--modern-space-lg);padding:var(--modern-space-md) var(--modern-space-xl);background:var(--modern-surface-secondary);border-bottom:1px solid var(--modern-gray-100)}@media (min-width: 640px){.modern-section-grid{grid-template-columns:repeat(2,1fr)}}.modern-field{display:flex;flex-direction:column;gap:var(--modern-space-sm)}.compact-grid .modern-field .modern-label{margin-bottom:var(--modern-space-xs)}.compact-grid .modern-field .modern-select,.compact-grid .modern-field .modern-chip-row{min-height:42px}.modern-tabs{display:flex;gap:var(--modern-space-sm);padding:var(--modern-space-md) var(--modern-space-xl) var(--modern-space-sm);background:var(--modern-surface-secondary);border-bottom:1px solid var(--modern-gray-100);overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.modern-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--modern-gray-200);background:var(--modern-surface-primary);color:var(--modern-text-primary);padding:var(--modern-space-sm) var(--modern-space-md);border-radius:var(--modern-radius) var(--modern-radius) 0 0;cursor:pointer;font-size:.875rem;font-weight:600;transition:var(--modern-transition);flex:none}.modern-tab:hover{background:var(--modern-gray-50);transform:translateY(-1px)}.modern-tab.active{background:var(--modern-primary);color:#fff;border-color:var(--modern-primary)}.modern-tab-panel{padding:var(--modern-space-md) 0 var(--modern-space-lg)}.compact-grid{display:grid;grid-template-columns:1fr;gap:var(--modern-space-lg)}@media (min-width: 640px){.compact-grid{grid-template-columns:minmax(260px,1fr) minmax(440px,1.3fr);column-gap:var(--modern-space-xl)}}.modern-section-toggle{display:inline-flex;align-items:center;gap:var(--modern-space-sm);padding:var(--modern-space-sm) var(--modern-space-md);background:var(--modern-gray-100);border:1px solid var(--modern-gray-200);border-radius:var(--modern-radius);cursor:pointer;transition:var(--modern-transition)}.modern-section-toggle:hover{background:var(--modern-gray-200);transform:translateY(-1px)}.modern-error{color:var(--modern-error);font-size:.75rem;margin-top:var(--modern-space-sm);display:flex;align-items:center;gap:var(--modern-space-xs);padding:var(--modern-space-sm) var(--modern-space-md);background:#ef44441a;border-radius:var(--modern-radius);border:1px solid rgba(239,68,68,.2)}.modern-detail-chip{display:flex;align-items:center;gap:var(--modern-space-sm);padding:var(--modern-space-md);background:var(--modern-surface-primary);border:1px solid var(--modern-border);border-radius:var(--modern-radius);transition:var(--modern-transition);min-width:0;overflow:hidden}.modern-detail-chip.actionable:hover{background:var(--modern-gray-100);border-color:var(--modern-gray-300)}.modern-detail-chip-icon{font-size:1.2rem;flex-shrink:0;width:1.5rem;text-align:center}.modern-detail-chip-content{display:flex;flex-direction:column;gap:var(--modern-space-xs);min-width:0}.modern-detail-chip-label{font-size:.75rem;font-weight:500;color:var(--modern-text-muted);text-transform:uppercase;letter-spacing:.05em}.modern-detail-chip-value{font-size:.875rem;font-weight:600;color:var(--modern-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modern-detail-chip.info{cursor:default}.modern-progress-bar{width:100%;height:8px;background:var(--modern-gray-200);border-radius:var(--modern-radius);overflow:hidden}.modern-progress-fill{height:100%;background:linear-gradient(90deg,var(--modern-success),var(--modern-primary));border-radius:var(--modern-radius);transition:width .3s ease}.modern-description-content{padding:var(--modern-space-lg);background:var(--modern-surface-primary);border-radius:var(--modern-radius);border:1px solid var(--modern-border);color:var(--modern-text-secondary);line-height:1.6;white-space:pre-wrap}.modern-subtasks-list{display:flex;flex-direction:column;gap:var(--modern-space-sm)}.modern-subtask-detail-item{display:flex;align-items:center;gap:var(--modern-space-md);padding:var(--modern-space-md);background:var(--modern-surface-primary);border:1px solid var(--modern-border);border-radius:var(--modern-radius);transition:var(--modern-transition)}.modern-subtask-detail-item:hover{background:var(--modern-gray-100);border-color:var(--modern-primary)}.modern-subtask-badge{background:var(--modern-success);color:#fff;font-size:.75rem;font-weight:600;padding:var(--modern-space-xs) var(--modern-space-sm);border-radius:var(--modern-radius);margin-left:auto}.modern-schedule-grid{display:flex;flex-direction:column;gap:var(--modern-space-md)}.modern-schedule-item{display:flex;justify-content:space-between;align-items:center;padding:var(--modern-space-md);background:var(--modern-surface-primary);border:1px solid var(--modern-border);border-radius:var(--modern-radius)}.modern-detail-chip.actionable{cursor:pointer;-webkit-user-select:none;user-select:none}.modern-detail-chip.actionable:hover{background:var(--modern-surface-secondary);border-color:var(--modern-primary);transform:translateY(-1px);box-shadow:var(--modern-shadow)}.modern-schedule-label{font-weight:500;color:var(--modern-text-secondary)}.modern-schedule-value{font-weight:600;color:var(--modern-text-primary)}.modern-dependencies-grid{display:flex;flex-direction:column;gap:var(--modern-space-lg)}.modern-dependency-section{display:flex;flex-direction:column;gap:var(--modern-space-sm)}.modern-dependency-label{font-weight:600;color:var(--modern-text-secondary);font-size:.875rem}.modern-dependency-list{display:flex;flex-wrap:wrap;gap:var(--modern-space-sm)}.modern-dependency-chip{padding:var(--modern-space-sm) var(--modern-space-md);border-radius:var(--modern-radius);font-size:.875rem;font-weight:500;border:1px solid}.modern-dependency-chip.blocked-by{background:#ef44441a;color:#dc2626;border-color:#ef44444d}.modern-dependency-chip.blocking{background:#f59e0b1a;color:#d97706;border-color:#f59e0b4d}.modern-reminder-info{display:flex;flex-direction:column;gap:var(--modern-space-sm)}.modern-reminder-item{display:flex;align-items:center;gap:var(--modern-space-md);padding:var(--modern-space-md);background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:var(--modern-radius)}.modern-reminder-icon{font-size:1.2rem}.modern-reminder-text{font-weight:500;color:var(--modern-text-secondary)}.modern-dependency-chip{display:inline-flex;align-items:center;gap:var(--modern-space-xs);margin:var(--modern-space-xs);padding:var(--modern-space-sm) var(--modern-space-md);border-radius:var(--modern-radius);font-size:.875rem;font-weight:500;transition:var(--modern-transition)}.modern-dependency-chip.blocked-by{background:#fee2e2;border:1px solid #fecaca;color:#b91c1c}.modern-dependency-chip button{background:none;border:none;cursor:pointer;padding:2px;border-radius:50%;display:flex;align-items:center;justify-content:center;width:18px;height:18px;transition:var(--modern-transition)}.modern-dependency-chip.blocked-by button{color:#ef4444}.modern-dependency-chip.blocked-by button:hover{background:#ef44441a}.modern-dependency-chip.blocking button{color:#f59e0b}.modern-dependency-chip.blocking button:hover{background:#f59e0b1a}@media (max-width: 768px){.modern-form-container{width:100%;max-width:none;margin:0;border-radius:0;max-height:100vh}.modern-modal-backdrop{padding:0;align-items:stretch}.modern-quick-grid{grid-template-columns:1fr}.modern-priority-selector{justify-content:center}.modern-hero-section,.modern-expandable-header,.modern-expandable-content,.modern-form-actions,.modern-quick-grid{padding-left:var(--modern-space-lg);padding-right:var(--modern-space-lg)}.modern-detail-chip{flex-direction:column;text-align:center;gap:var(--modern-space-xs)}.modern-schedule-item{flex-direction:column;gap:var(--modern-space-xs);text-align:center}}.modern-relationship-buttons{display:flex;gap:var(--modern-space-sm);margin-bottom:var(--modern-space-lg);flex-wrap:wrap}.modern-relationship-btn{display:flex;align-items:center;gap:var(--modern-space-xs);padding:var(--modern-space-sm) var(--modern-space-md);background:var(--modern-surface-secondary);border:1px solid var(--modern-border);border-radius:var(--modern-radius);cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;color:var(--modern-text-primary)}.modern-relationship-btn:hover{background:var(--modern-surface-tertiary);border-color:var(--modern-accent);transform:translateY(-1px)}.modern-relationship-btn-icon{font-size:1rem}.modern-relationship-btn-text{white-space:nowrap}.modern-relationship-btn-count{background:var(--modern-accent);color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.modern-relationship-display{display:flex;flex-wrap:wrap;gap:var(--modern-space-xs);min-height:2rem}.modern-dependency-chip{display:inline-flex;align-items:center;gap:var(--modern-space-xs);padding:var(--modern-space-xs) var(--modern-space-sm);border-radius:var(--modern-radius);font-size:.875rem;font-weight:500;transition:all .2s ease}.modern-dependency-chip.blocked-by{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.modern-dependency-chip.blocking{background:#fef3c7;border:1px solid #fed7aa;color:#92400e}.modern-dependency-chip.linked{background:#dbeafe;border:1px solid #bfdbfe;color:#1e40af}.modern-dependency-chip-remove{background:none;border:none;color:inherit;cursor:pointer;padding:2px;border-radius:50%;transition:background-color .2s ease;font-weight:700;font-size:1rem;line-height:1}.modern-dependency-chip-remove:hover{background:#0000001a}.modern-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;padding:var(--modern-space-lg)}.modern-popup-content{background:var(--modern-surface-primary);border-radius:var(--modern-radius-lg);width:100%;max-width:480px;max-height:80vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column}.modern-popup-header{display:flex;align-items:center;justify-content:space-between;padding:var(--modern-space-lg);border-bottom:1px solid var(--modern-border)}.modern-popup-title{font-size:1.25rem;font-weight:600;color:var(--modern-text-primary);margin:0}.modern-popup-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--modern-text-secondary);padding:var(--modern-space-xs);border-radius:var(--modern-radius);transition:all .2s ease}.modern-popup-close:hover{background:var(--modern-surface-secondary);color:var(--modern-text-primary)}.modern-popup-body{padding:var(--modern-space-lg);overflow-y:auto;flex:1}.modern-popup-description{color:var(--modern-text-secondary);margin-bottom:var(--modern-space-lg);font-size:.875rem;line-height:1.5}.modern-popup-task-list{display:flex;flex-direction:column;gap:var(--modern-space-xs)}.modern-popup-task-item{padding:var(--modern-space-md);border:1px solid var(--modern-border);border-radius:var(--modern-radius);cursor:pointer;transition:all .2s ease;background:var(--modern-surface-secondary)}.modern-popup-task-item:hover{background:var(--modern-surface-tertiary);border-color:var(--modern-accent);transform:translateY(-1px)}.modern-popup-task-title{font-weight:500;color:var(--modern-text-primary);margin-bottom:var(--modern-space-xs)}.modern-popup-task-project{font-size:.875rem;color:var(--modern-text-secondary)}.modern-popup-empty{text-align:center;color:var(--modern-text-secondary);padding:var(--modern-space-xl)}@media (max-width: 640px){.modern-relationship-buttons{flex-direction:column}.modern-relationship-btn{justify-content:center}.modern-popup-overlay{padding:var(--modern-space-md)}.modern-popup-content{max-height:90vh}}:root{--phub-primary: #2563eb;--phub-primary-light: #3b82f6;--phub-primary-dark: #1d4ed8;--phub-secondary: #8b5cf6;--phub-secondary-light: #a78bfa;--phub-secondary-dark: #7c3aed;--phub-gray-50: #f8fafc;--phub-gray-100: #f1f5f9;--phub-gray-200: #e2e8f0;--phub-gray-300: #cbd5e1;--phub-gray-400: #94a3b8;--phub-gray-500: #64748b;--phub-gray-600: #475569;--phub-gray-700: #334155;--phub-gray-800: #1e293b;--phub-gray-900: #0f172a;--phub-success: #059669;--phub-warning: #d97706;--phub-error: #dc2626;--phub-info: var(--phub-primary);--phub-text-primary: #0f172a;--phub-text-secondary: #1e293b;--phub-text-body: #334155;--phub-text-muted: #475569;--phub-text-placeholder: #64748b;--phub-space-xs: .25rem;--phub-space-sm: .5rem;--phub-space-md: 1rem;--phub-space-lg: 1.5rem;--phub-space-xl: 2rem;--phub-space-2xl: 3rem;--phub-radius-sm: .375rem;--phub-radius-md: .5rem;--phub-radius-lg: .75rem;--phub-radius-xl: 1rem;--phub-transition-fast: .15s ease-out;--phub-transition-normal: .25s ease-out;--phub-transition-slow: .35s ease-out;--phub-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--phub-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--phub-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--phub-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}.phub-productive-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 25% 25%,rgba(37,99,235,.1) 0%,transparent 25%),radial-gradient(circle at 75% 75%,rgba(139,92,246,.1) 0%,transparent 25%),#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:phub-backdrop-appear var(--phub-transition-normal);min-height:100vh;max-height:100vh;overflow:auto}@keyframes phub-backdrop-appear{0%{opacity:0}to{opacity:1}}.phub-productive-form-container{background:linear-gradient(135deg,#fff,#fefefe,#fdfdfd);border-radius:var(--phub-radius-xl);box-shadow:var(--phub-shadow-xl);width:90vw;max-width:800px;max-height:90vh;display:flex;flex-direction:column;animation:phub-form-appear var(--phub-transition-normal);position:relative;overflow:hidden;border:1px solid var(--phub-gray-100)}@keyframes phub-form-appear{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.phub-productive-form-header{padding:var(--phub-space-xl) var(--phub-space-xl) var(--phub-space-lg);background:linear-gradient(135deg,var(--phub-primary) 0%,var(--phub-secondary) 100%);color:#fff;position:relative}.phub-productive-form-title{font-size:1.5rem;font-weight:700;margin:0;margin-bottom:var(--phub-space-xs)}.phub-productive-form-subtitle{font-size:.875rem;opacity:.9;margin:0;font-weight:400}.phub-productive-close-btn{position:absolute;top:var(--phub-space-lg);right:var(--phub-space-lg);background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;width:2.5rem;height:2.5rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:400;line-height:1;transition:var(--phub-transition-fast);z-index:10}.phub-productive-close-btn:hover{background:#ffffff40;border-color:#fff6;transform:scale(1.1)}.phub-productive-close-btn:active{transform:scale(.95)}.phub-productive-form-body{padding:var(--phub-space-xl);overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:var(--phub-space-lg);background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:var(--phub-text-primary)}.phub-productive-form-body *{color:inherit}.phub-productive-form-body input,.phub-productive-form-body select,.phub-productive-form-body textarea,.phub-productive-form-body label,.phub-productive-form-body div,.phub-productive-form-body span,.phub-productive-form-body p{color:var(--phub-text-primary)!important}.phub-main-fields{display:flex;flex-direction:column;gap:var(--phub-space-md);background:#fff;padding:var(--phub-space-lg);border-radius:var(--phub-radius-lg);box-shadow:var(--phub-shadow-sm);border:1px solid var(--phub-gray-100)}.phub-quick-actions{display:flex;flex-wrap:wrap;gap:var(--phub-space-md);padding:var(--phub-space-lg);background:linear-gradient(135deg,var(--phub-gray-700) 0%,var(--phub-gray-800) 100%);border-radius:var(--phub-radius-lg);border:1px solid var(--phub-gray-600)}.phub-advanced-toggle{display:flex;align-items:center;gap:var(--phub-space-sm);padding:var(--phub-space-md) 0;cursor:pointer;color:var(--phub-primary);font-weight:600;font-size:.875rem;transition:var(--phub-transition-fast)}.phub-advanced-toggle:hover{color:var(--phub-primary-dark)}.phub-advanced-section{background:var(--phub-gray-50);border-radius:var(--phub-radius-lg);padding:var(--phub-space-lg);border:1px solid var(--phub-gray-200);display:flex;flex-direction:column;gap:var(--phub-space-md)}.phub-field-group{display:flex;flex-direction:column;gap:var(--phub-space-xs)}.phub-field-label{font-size:.875rem;font-weight:700;color:var(--phub-text-primary)!important}.phub-field-required{color:var(--phub-error)!important}.phub-input-wrapper{position:relative}.phub-input{width:100%;padding:.75rem 1rem;border:2px solid var(--phub-gray-200);border-radius:var(--phub-radius-md);font-size:.875rem;transition:var(--phub-transition-fast);background:#fff;color:var(--phub-text-primary)!important;font-weight:500}.phub-input:focus{outline:none;border-color:var(--phub-primary);box-shadow:0 0 0 3px #2563eb1a}.phub-input::placeholder{color:var(--phub-text-placeholder);font-weight:400}.phub-input:not(:placeholder-shown){background:#fff}.phub-input-with-icon{padding-left:3.5rem}.phub-input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1rem;color:var(--phub-text-placeholder);pointer-events:none;z-index:1}.phub-input:focus+.phub-input-icon{color:var(--phub-primary)}.phub-hero-field .phub-input{font-size:1.125rem;font-weight:600;padding:1rem 1.25rem}.phub-quick-action{display:flex;align-items:center;gap:var(--phub-space-xs);padding:var(--phub-space-sm) var(--phub-space-md);background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:var(--phub-radius-md);font-size:.875rem;font-weight:500;color:#fff;cursor:pointer;transition:var(--phub-transition-fast);min-width:-webkit-fit-content;min-width:fit-content}.phub-quick-action:hover{background:#fff3;border-color:var(--phub-primary);color:var(--phub-primary-light);transform:translateY(-1px);box-shadow:var(--phub-shadow-sm)}.phub-quick-action.active{background:var(--phub-primary);border-color:var(--phub-primary);color:#fff}.phub-priority-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--phub-space-sm)}.phub-priority-option{display:flex;flex-direction:column;align-items:center;gap:var(--phub-space-xs);padding:var(--phub-space-md);background:#fff;border:2px solid var(--phub-gray-200);border-radius:var(--phub-radius-md);cursor:pointer;transition:var(--phub-transition-fast);text-align:center}.phub-priority-option:hover,.phub-priority-option.selected{transform:translateY(-2px);box-shadow:var(--phub-shadow-md)}.phub-priority-option.low{border-color:#10b981}.phub-priority-option.low.selected{background:#10b981;color:#fff}.phub-priority-option.medium{border-color:#f59e0b}.phub-priority-option.medium.selected{background:#f59e0b;color:#fff}.phub-priority-option.high{border-color:#ef4444}.phub-priority-option.high.selected{background:#ef4444;color:#fff}.phub-priority-option.critical{border-color:#dc2626}.phub-priority-option.critical.selected{background:#dc2626;color:#fff}.phub-textarea{width:100%;padding:.75rem 1rem;border:2px solid var(--phub-gray-200);border-radius:var(--phub-radius-md);font-size:.875rem;font-family:inherit;resize:vertical;min-height:80px;transition:var(--phub-transition-fast);background:#fff;color:var(--phub-text-primary)!important;font-weight:500}.phub-textarea:focus{outline:none;border-color:var(--phub-primary);box-shadow:0 0 0 3px #2563eb1a}.phub-textarea::placeholder{color:var(--phub-text-placeholder)}.phub-select{width:100%;padding:.75rem 1rem;border:2px solid var(--phub-gray-200);border-radius:var(--phub-radius-md);font-size:.875rem;background:#fff;color:var(--phub-text-primary)!important;cursor:pointer;transition:var(--phub-transition-fast)}.phub-select:focus{outline:none;border-color:var(--phub-primary);box-shadow:0 0 0 3px #2563eb1a}.phub-date-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--phub-space-md)}@media (max-width: 640px){.phub-date-row{grid-template-columns:1fr}}.phub-subtask-container{border:1px solid var(--phub-gray-200);border-radius:var(--phub-radius-md);background:#fff;box-shadow:var(--phub-shadow-sm)}.phub-subtask-header{padding:var(--phub-space-md);background:#fff;border-bottom:1px solid var(--phub-gray-200);border-radius:var(--phub-radius-md) var(--phub-radius-md) 0 0;display:flex;align-items:center;justify-content:space-between}.phub-subtask-list{padding:var(--phub-space-sm);display:flex;flex-direction:column;gap:var(--phub-space-xs);max-height:200px;overflow-y:auto}.phub-subtask-item{display:flex;align-items:center;gap:var(--phub-space-sm);padding:var(--phub-space-sm);background:#fff;border:1px solid var(--phub-gray-200);border-radius:var(--phub-radius-sm)}.phub-form-actions{display:flex;gap:var(--phub-space-md);padding:var(--phub-space-xl);background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid var(--phub-gray-200)}.phub-btn{padding:.75rem 1.5rem;border-radius:var(--phub-radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--phub-transition-fast);border:none;display:flex;align-items:center;gap:var(--phub-space-xs)}.phub-btn-primary{background:var(--phub-primary);color:#fff;flex:1}.phub-btn-primary:hover:not(:disabled){background:var(--phub-primary-dark);transform:translateY(-1px);box-shadow:var(--phub-shadow-md)}.phub-btn-secondary{background:#fff;color:var(--phub-text-secondary);border:2px solid var(--phub-gray-200)}.phub-btn-secondary:hover{background:var(--phub-gray-50);border-color:var(--phub-gray-300)}.phub-btn:disabled{opacity:.6;cursor:not-allowed}.phub-tips-section{background:linear-gradient(135deg,#2563eb14,#8b5cf60d);border:1px solid rgba(37,99,235,.2);border-radius:var(--phub-radius-lg);padding:var(--phub-space-lg);margin-top:var(--phub-space-lg)}.phub-tips-header{display:flex;align-items:center;gap:var(--phub-space-sm);margin-bottom:var(--phub-space-md);font-size:.875rem;font-weight:800;color:var(--phub-primary-dark);text-transform:uppercase;letter-spacing:.05em}.phub-tips-list{margin:0;padding-left:var(--phub-space-lg);font-size:.875rem;color:var(--phub-text-body);line-height:1.7;list-style-type:disc}.phub-tips-list li{margin-bottom:var(--phub-space-sm)}.phub-tips-list li:last-child{margin-bottom:0}.phub-tips-list strong{color:var(--phub-text-primary);font-weight:700}.phub-error-message{display:flex;align-items:center;gap:var(--phub-space-xs);color:var(--phub-error);font-size:.875rem;font-weight:500;padding:var(--phub-space-sm) var(--phub-space-md);background:#dc26261a;border:1px solid rgba(220,38,38,.2);border-radius:var(--phub-radius-md);margin-top:var(--phub-space-xs)}.phub-char-counter{font-size:.75rem;color:var(--phub-text-muted);text-align:right;margin-top:var(--phub-space-xs)}@media (max-width: 768px){.phub-productive-form-container{width:95vw;max-height:95vh}.phub-productive-form-header,.phub-productive-form-body,.phub-form-actions{padding:var(--phub-space-lg)}.phub-quick-actions{flex-direction:column}.phub-priority-grid{grid-template-columns:repeat(2,1fr)}.phub-form-actions{flex-direction:column}}.phub-hidden{display:none}.phub-loading{opacity:.6;pointer-events:none}.phub-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--phub-primary: #1e40af;--phub-primary-light: #3b82f6;--phub-primary-dark: #1e3a8a;--phub-secondary: #7c3aed;--phub-secondary-light: #a855f7;--phub-gray-50: #f8fafc;--phub-gray-100: #f1f5f9;--phub-gray-200: #e2e8f0;--phub-gray-300: #cbd5e1;--phub-gray-400: #94a3b8;--phub-gray-500: #64748b;--phub-gray-600: #475569;--phub-gray-700: #334155;--phub-gray-800: #1e293b;--phub-gray-900: #0f172a;--phub-success: #059669;--phub-success-light: #10b981;--phub-error: #dc2626;--phub-error-light: #ef4444;--phub-warning: #d97706;--phub-warning-light: #f59e0b;--phub-accent-purple: #8b5cf6;--phub-accent-pink: #ec4899;--phub-accent-cyan: #06b6d4;--phub-accent-emerald: #10b981;--phub-form-bg: #ffffff;--phub-form-border: var(--phub-gray-200);--phub-form-shadow: rgba(15, 23, 42, .08);--phub-input-bg: var(--phub-gray-50);--phub-input-border: var(--phub-gray-300);--phub-input-focus: var(--phub-primary);--phub-font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--phub-font-mono: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", monospace;--phub-space-xs: .25rem;--phub-space-sm: .5rem;--phub-space-md: 1rem;--phub-space-lg: 1.5rem;--phub-space-xl: 2rem;--phub-space-2xl: 3rem;--phub-radius-sm: .375rem;--phub-radius-md: .5rem;--phub-radius-lg: .75rem;--phub-radius-xl: 1rem;--phub-radius-2xl: 1.5rem;--phub-shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, .05);--phub-shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .1), 0 2px 4px -1px rgba(15, 23, 42, .06);--phub-shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .1), 0 4px 6px -2px rgba(15, 23, 42, .05);--phub-shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, .1), 0 10px 10px -5px rgba(15, 23, 42, .04);--phub-transition-fast: .15s ease-out;--phub-transition-normal: .25s ease-out;--phub-transition-slow: .4s ease-out}.phub-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0f172a66,#1e40af4d,#7c3aed40 70%,#0f172a66);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:50;animation:phub-backdrop-appear var(--phub-transition-normal) ease-out;min-height:100vh;max-height:100vh;overflow:auto}@keyframes phub-backdrop-appear{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.phub-form-container{background:linear-gradient(145deg,#fffffff2,#f8fafcfa,#f1f5f9f2);border:1px solid var(--phub-gray-200);border-radius:var(--phub-radius-2xl);box-shadow:var(--phub-shadow-xl),0 0 0 1px #ffffff1a inset,0 1px #fff9 inset;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:100%;max-width:42rem;max-height:90vh;overflow:hidden;animation:phub-form-appear var(--phub-transition-slow) cubic-bezier(.34,1.56,.64,1);position:relative}@keyframes phub-form-appear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.phub-form-header{background:linear-gradient(135deg,var(--phub-primary) 0%,var(--phub-secondary) 100%);color:#fff;padding:var(--phub-space-xl) var(--phub-space-xl) var(--phub-space-lg);border-radius:var(--phub-radius-2xl) var(--phub-radius-2xl) 0 0;position:relative;overflow:hidden}.phub-form-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.05) 100%);pointer-events:none}.phub-form-title{font-family:var(--phub-font-primary);font-size:1.75rem;font-weight:700;letter-spacing:-.025em;margin:0;position:relative;z-index:1}.phub-form-subtitle{font-size:.875rem;opacity:.9;margin-top:var(--phub-space-xs);position:relative;z-index:1}.phub-form-body{padding:var(--phub-space-xl);max-height:60vh;overflow-y:auto;scroll-behavior:smooth}.phub-form-body::-webkit-scrollbar{width:6px}.phub-form-body::-webkit-scrollbar-track{background:var(--phub-gray-100);border-radius:var(--phub-radius-sm)}.phub-form-body::-webkit-scrollbar-thumb{background:var(--phub-gray-400);border-radius:var(--phub-radius-sm)}.phub-form-body::-webkit-scrollbar-thumb:hover{background:var(--phub-gray-500)}.phub-field-group{margin-bottom:var(--phub-space-lg);position:relative}.phub-field-label{display:block;font-family:var(--phub-font-primary);font-size:.875rem;font-weight:600;color:var(--phub-gray-700);margin-bottom:var(--phub-space-sm);letter-spacing:.025em;transition:color var(--phub-transition-fast)}.phub-input-wrapper{position:relative;display:flex;align-items:center}.phub-input{width:100%;background:var(--phub-input-bg);border:2px solid var(--phub-input-border);border-radius:var(--phub-radius-lg);padding:.875rem 1rem;font-family:var(--phub-font-primary);font-size:1rem;font-weight:500;color:var(--phub-gray-800);transition:all var(--phub-transition-normal);box-shadow:var(--phub-shadow-sm);outline:none}.phub-input:focus{background:#fff;border-color:var(--phub-input-focus);box-shadow:var(--phub-shadow-md),0 0 0 3px #1e40af1a;transform:translateY(-1px)}.phub-input::placeholder{color:var(--phub-gray-400);font-weight:400}.phub-input-with-icon{padding-left:2.75rem}.phub-input-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--phub-gray-500);font-size:1.125rem;transition:color var(--phub-transition-fast);pointer-events:none}.phub-input:focus+.phub-input-icon,.phub-input-wrapper:focus-within .phub-input-icon{color:var(--phub-input-focus)}.phub-textarea{min-height:100px;resize:vertical;font-family:var(--phub-font-primary);line-height:1.5}.phub-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;cursor:pointer}.phub-select:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%231e40af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}.phub-priority-group{display:flex;gap:var(--phub-space-sm);padding:var(--phub-space-sm);background:var(--phub-gray-50);border-radius:var(--phub-radius-lg);border:1px solid var(--phub-gray-200)}.phub-priority-option{flex:1;background:#fff;border:2px solid var(--phub-gray-200);border-radius:var(--phub-radius-md);padding:var(--phub-space-sm) var(--phub-space-md);cursor:pointer;transition:all var(--phub-transition-fast);text-align:center;font-size:.875rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:var(--phub-space-xs);min-height:2.5rem}.phub-priority-option:hover{transform:translateY(-1px);box-shadow:var(--phub-shadow-md)}.phub-priority-option.low{color:var(--phub-accent-cyan);border-color:#06b6d44d}.phub-priority-option.low.selected{background:#06b6d41a;border-color:var(--phub-accent-cyan);box-shadow:0 0 0 3px #06b6d41a}.phub-priority-option.medium{color:var(--phub-accent-emerald);border-color:#10b9814d}.phub-priority-option.medium.selected{background:#10b9811a;border-color:var(--phub-accent-emerald);box-shadow:0 0 0 3px #10b9811a}.phub-priority-option.high{color:var(--phub-warning);border-color:#d977064d}.phub-priority-option.high.selected{background:#d977061a;border-color:var(--phub-warning);box-shadow:0 0 0 3px #d977061a}.phub-priority-option.critical{color:var(--phub-error);border-color:#dc26264d}.phub-priority-option.critical.selected{background:#dc26261a;border-color:var(--phub-error);box-shadow:0 0 0 3px #dc26261a}.phub-datetime-group{display:grid;grid-template-columns:1fr 1fr;gap:var(--phub-space-md)}.phub-datetime-field{position:relative}.phub-datetime-input{padding-left:2.75rem;font-variant-numeric:tabular-nums}.phub-subtask-container{background:var(--phub-gray-50);border-radius:var(--phub-radius-lg);padding:var(--phub-space-md);border:1px solid var(--phub-gray-200)}.phub-subtask-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--phub-space-md)}.phub-subtask-title{font-size:.875rem;font-weight:600;color:var(--phub-gray-700)}.phub-subtask-list{display:flex;flex-direction:column;gap:var(--phub-space-sm)}.phub-subtask-item{background:#fff;border:1px solid var(--phub-gray-200);border-radius:var(--phub-radius-md);padding:var(--phub-space-sm) var(--phub-space-md);display:flex;align-items:center;gap:var(--phub-space-sm);transition:all var(--phub-transition-fast)}.phub-subtask-item:hover{box-shadow:var(--phub-shadow-sm);transform:translateY(-1px)}.phub-subtask-checkbox{width:1.125rem;height:1.125rem;border-radius:var(--phub-radius-sm);border:2px solid var(--phub-gray-300);background:#fff;cursor:pointer;transition:all var(--phub-transition-fast);position:relative}.phub-subtask-checkbox:checked{background:var(--phub-primary);border-color:var(--phub-primary)}.phub-subtask-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.75rem;font-weight:700}.phub-subtask-text{flex:1;font-size:.875rem;color:var(--phub-gray-700)}.phub-subtask-text.completed{text-decoration:line-through;color:var(--phub-gray-400)}.phub-add-subtask{display:flex;gap:var(--phub-space-sm);margin-top:var(--phub-space-md)}.phub-add-subtask-input{flex:1;font-size:.875rem;padding:var(--phub-space-sm) var(--phub-space-md)}.phub-add-subtask-btn{background:var(--phub-primary);color:#fff;border:none;border-radius:var(--phub-radius-md);padding:var(--phub-space-sm) var(--phub-space-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--phub-transition-fast)}.phub-add-subtask-btn:hover{background:var(--phub-primary-dark);transform:translateY(-1px)}.phub-form-actions{padding:var(--phub-space-lg) var(--phub-space-xl);border-top:1px solid var(--phub-gray-200);background:var(--phub-gray-50);display:flex;gap:var(--phub-space-md);justify-content:flex-end}.phub-btn{font-family:var(--phub-font-primary);font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;border-radius:var(--phub-radius-lg);border:none;cursor:pointer;transition:all var(--phub-transition-fast);display:inline-flex;align-items:center;gap:var(--phub-space-xs);min-width:120px;justify-content:center}.phub-btn:hover{transform:translateY(-1px)}.phub-btn:active{transform:translateY(0)}.phub-btn.primary{background:linear-gradient(135deg,var(--phub-primary) 0%,var(--phub-secondary) 100%);color:#fff;box-shadow:var(--phub-shadow-md)}.phub-btn.primary:hover{box-shadow:var(--phub-shadow-lg)}.phub-btn.secondary{background:#fff;color:var(--phub-gray-700);border:2px solid var(--phub-gray-300)}.phub-btn.secondary:hover{border-color:var(--phub-gray-400);box-shadow:var(--phub-shadow-sm)}.phub-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.phub-field-error .phub-input{border-color:var(--phub-error);background:#dc26260d}.phub-field-error .phub-field-label{color:var(--phub-error)}.phub-error-message{font-size:.75rem;color:var(--phub-error);margin-top:var(--phub-space-xs);display:flex;align-items:center;gap:var(--phub-space-xs)}.phub-field-success .phub-input{border-color:var(--phub-success);background:#0596690d}.phub-loading{position:relative;overflow:hidden}.phub-loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:phub-loading-shimmer 1.5s infinite}@keyframes phub-loading-shimmer{0%{left:-100%}to{left:100%}}@media (max-width: 768px){.phub-form-container{margin:var(--phub-space-md);max-width:calc(100vw - 2rem)}.phub-datetime-group{grid-template-columns:1fr}.phub-priority-group{flex-wrap:wrap}.phub-priority-option{min-width:calc(50% - .25rem)}.phub-form-actions{flex-direction:column-reverse}.phub-btn{width:100%}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.phub-input:focus,.phub-btn:focus{outline:2px solid var(--phub-primary);outline-offset:2px}@media (prefers-color-scheme: dark){:root{--phub-form-bg: #1e293b;--phub-input-bg: #334155;--phub-input-border: #475569;--phub-gray-50: #0f172a;--phub-gray-100: #1e293b;--phub-gray-200: #334155}}.phub-floating-elements{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.phub-floating-circle{position:absolute;border-radius:50%;background:#ffffff1a;animation:phub-float 6s ease-in-out infinite}.phub-floating-circle:nth-child(1){width:60px;height:60px;top:10%;right:15%;animation-delay:0s}.phub-floating-circle:nth-child(2){width:80px;height:80px;bottom:15%;left:10%;animation-delay:2s}.phub-floating-circle:nth-child(3){width:40px;height:40px;top:60%;right:8%;animation-delay:4s}@keyframes phub-float{0%,to{transform:translateY(0) rotate(0);opacity:.3}50%{transform:translateY(-20px) rotate(180deg);opacity:.6}}dynamic-background.bg-productivity-minimal:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(90deg,rgba(71,85,105,.12) 1px,transparent 1px),linear-gradient(rgba(71,85,105,.12) 1px,transparent 1px);background-size:50px 50px}background.bg-productivity-minimal:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.15) 12px,transparent 12px),radial-gradient(circle at 75% 75%,rgba(255,255,255,.12) 8px,transparent 8px);background-size:150px 150px,100px 100px;animation:minimalFloat 35s ease-in-out infinite}:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-accent: #334155}.dynamic-background{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:-1;overflow:hidden;transition:all 1s ease-in-out;opacity:1!important;visibility:visible!important;display:block!important;background-color:transparent!important}.dynamic-background.bg-creative-dots{background:linear-gradient(135deg,#f8fafc,#e2e8f0,#cbd5e1,#94a3b8,#64748b,#475569,#334155 90%,#1e293b)!important}.dynamic-background.bg-creative-dots:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:radial-gradient(circle at 20% 30%,rgba(59,130,246,.25) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,69,255,.22) 0%,transparent 40%),radial-gradient(circle at 40% 80%,rgba(236,72,153,.2) 0%,transparent 45%),radial-gradient(circle at 90% 70%,rgba(16,185,129,.18) 0%,transparent 35%),radial-gradient(circle at 10% 90%,rgba(251,146,60,.2) 0%,transparent 50%),radial-gradient(circle at 60% 40%,rgba(203,213,225,.3) 0%,transparent 30%),radial-gradient(circle at 30% 70%,rgba(148,163,184,.25) 0%,transparent 35%);animation:gradientShift 20s ease-in-out infinite}.dynamic-background.bg-creative-dots:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:radial-gradient(circle at 25% 25%,rgba(59,130,246,.4) 4px,transparent 4px),radial-gradient(circle at 75% 75%,rgba(139,69,255,.35) 3px,transparent 3px),radial-gradient(circle at 50% 10%,rgba(16,185,129,.3) 3.5px,transparent 3.5px),radial-gradient(circle at 10% 60%,rgba(236,72,153,.35) 3px,transparent 3px),radial-gradient(circle at 90% 40%,rgba(251,146,60,.3) 4px,transparent 4px);background-size:120px 120px,90px 90px,140px 140px,110px 110px,130px 130px;animation:dotsFloat 30s linear infinite}.dynamic-background.bg-neural-network{background:radial-gradient(circle at center,#1a1a2e,#16213e,#0f3460)!important}.dynamic-background.bg-neural-network:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:radial-gradient(circle at 20% 20%,rgba(0,255,255,.2) 3px,transparent 3px),radial-gradient(circle at 80% 30%,rgba(255,0,255,.2) 2.5px,transparent 2.5px),radial-gradient(circle at 30% 80%,rgba(255,255,0,.2) 3px,transparent 3px),radial-gradient(circle at 70% 70%,rgba(0,255,128,.2) 3px,transparent 3px);background-size:150px 150px,130px 130px,160px 160px,140px 140px;animation:neuralPulse 25s ease-in-out infinite}.dynamic-background.bg-neural-network:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 48%,rgba(0,255,255,.06) 49%,rgba(0,255,255,.06) 51%,transparent 52%),linear-gradient(-45deg,transparent 48%,rgba(255,0,255,.06) 49%,rgba(255,0,255,.06) 51%,transparent 52%);background-size:50px 50px,60px 60px;animation:networkGrid 40s linear infinite}.dynamic-background.bg-cosmic-waves{background:linear-gradient(45deg,#2d1b69,#11998e,#38ef7d)!important}.dynamic-background.bg-cosmic-waves:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.2) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(255,255,255,.16) 0%,transparent 40%),radial-gradient(ellipse at 20% 70%,rgba(255,255,255,.12) 0%,transparent 60%);animation:cosmicWaves 30s ease-in-out infinite}.dynamic-background.bg-cosmic-waves:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:radial-gradient(circle at 40% 40%,rgba(255,255,255,.3) 1.5px,transparent 1.5px),radial-gradient(circle at 60% 60%,rgba(255,255,255,.2) 1px,transparent 1px);background-size:60px 60px,40px 40px;animation:starField 60s linear infinite}.dynamic-background.bg-productivity-minimal{background:linear-gradient(135deg,#f1f5f9,#e2e8f0,#cbd5e1 60%,#e2e8f0)!important}.bg-productivity-minimal:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(90deg,rgba(71,85,105,.12) 1px,transparent 1px),linear-gradient(rgba(71,85,105,.12) 1px,transparent 1px);background-size:50px 50px}.bg-productivity-minimal:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 25% 25%,rgba(203,213,225,.15) 8px,transparent 8px),radial-gradient(circle at 75% 75%,rgba(226,232,240,.12) 6px,transparent 6px);background-size:200px 200px,150px 150px;animation:minimalFloat 35s ease-in-out infinite}.bg-sunset-gradient{background:linear-gradient(45deg,#ff9a9e,#fecfef 30%,#fecfef 70%,#ff9a9e)!important}.bg-sunset-gradient:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 30%,rgba(255,154,158,.5) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(254,207,239,.5) 0%,transparent 50%);animation:sunsetShift 25s ease-in-out infinite}.bg-sunset-gradient:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:radial-gradient(circle at 30% 30%,rgba(255,255,255,.6) 3px,transparent 3px),radial-gradient(circle at 70% 70%,rgba(255,255,255,.5) 2px,transparent 2px);background-size:60px 60px,40px 40px;animation:sunsetSparkle 40s linear infinite}.bg-forest-depth{background:linear-gradient(135deg,#134e5e,#71b280)!important}.bg-forest-depth:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 25% 40%,rgba(113,178,128,.35) 0%,transparent 60%),radial-gradient(ellipse at 75% 60%,rgba(19,78,94,.45) 0%,transparent 50%);animation:forestSway 35s ease-in-out infinite}.bg-forest-depth:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:radial-gradient(circle at 40% 20%,rgba(255,255,255,.18) 2px,transparent 2px),radial-gradient(circle at 60% 80%,rgba(255,255,255,.15) 1.5px,transparent 1.5px);background-size:70px 70px,50px 50px;animation:forestGlow 50s linear infinite}@keyframes gradientShift{0%,to{transform:translate(0) translateY(0) scale(1);filter:hue-rotate(0deg)}25%{transform:translate(-20px) translateY(-10px) scale(1.02);filter:hue-rotate(10deg)}50%{transform:translate(15px) translateY(-20px) scale(.98);filter:hue-rotate(20deg)}75%{transform:translate(-10px) translateY(15px) scale(1.01);filter:hue-rotate(10deg)}}@keyframes dotsFloat{0%{transform:translate(0) rotate(0);opacity:.8}25%{transform:translate(-30px,-20px) rotate(90deg);opacity:1}50%{transform:translate(20px,-30px) rotate(180deg);opacity:.9}75%{transform:translate(-15px,25px) rotate(270deg);opacity:1}to{transform:translate(0) rotate(360deg);opacity:.8}}@keyframes neuralPulse{0%,to{transform:scale(1) rotate(0);opacity:.6}33%{transform:scale(1.1) rotate(120deg);opacity:.8}66%{transform:scale(.9) rotate(240deg);opacity:.7}}@keyframes networkGrid{0%{transform:translate(0)}to{transform:translate(50px,60px)}}@keyframes cosmicWaves{0%,to{transform:translateY(0) scale(1);filter:hue-rotate(0deg)}33%{transform:translateY(-10px) scale(1.05);filter:hue-rotate(30deg)}66%{transform:translateY(5px) scale(.95);filter:hue-rotate(60deg)}}@keyframes starField{0%{transform:translate(0)}to{transform:translate(-50px,-30px)}}@keyframes gridSlide{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes minimalFloat{0%,to{transform:translateY(0);opacity:.8}50%{transform:translateY(-20px);opacity:1}}@keyframes sunsetShift{0%,to{transform:scale(1) rotate(0);filter:hue-rotate(0deg)}50%{transform:scale(1.1) rotate(180deg);filter:hue-rotate(30deg)}}@keyframes sunsetSparkle{0%{transform:translate(0) rotate(0)}to{transform:translate(-80px,-60px) rotate(360deg)}}@keyframes forestSway{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-15px) scale(1.02)}66%{transform:translate(10px) scale(.98)}}@keyframes forestGlow{0%{transform:translate(0);opacity:.6}50%{transform:translate(-100px,-70px);opacity:.8}to{transform:translate(0);opacity:.6}}.bg-aurora-borealis{background:linear-gradient(135deg,#012,#036,#004080,#06c,#036,#012);animation:auroraShift 25s ease-in-out infinite}.bg-aurora-borealis:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 20% 30%,rgba(0,255,136,.6) 0%,transparent 70%),radial-gradient(ellipse at 80% 20%,rgba(0,212,255,.5) 0%,transparent 60%),radial-gradient(ellipse at 40% 80%,rgba(123,104,238,.7) 0%,transparent 80%),radial-gradient(ellipse at 70% 50%,rgba(50,205,50,.5) 0%,transparent 50%);animation:auroraWave 30s linear infinite}.bg-aurora-borealis:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:radial-gradient(circle at 30% 40%,rgba(255,255,255,.25) 2.5px,transparent 2.5px),radial-gradient(circle at 70% 60%,rgba(255,255,255,.2) 2px,transparent 2px);background-size:100px 100px,70px 70px;animation:auroraStars 60s linear infinite}.bg-geometric-dreams{background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#ffeaa7)}.bg-geometric-dreams:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:conic-gradient(from 0deg at 25% 25%,rgba(255,107,107,.4) 0deg,transparent 90deg),conic-gradient(from 90deg at 75% 25%,rgba(78,205,196,.4) 0deg,transparent 90deg),conic-gradient(from 180deg at 75% 75%,rgba(69,183,209,.4) 0deg,transparent 90deg),conic-gradient(from 270deg at 25% 75%,rgba(150,206,180,.4) 0deg,transparent 90deg);background-size:150px 150px}.bg-ocean-depths{background:radial-gradient(ellipse at top,#006994,#046,#024 60%,#012);animation:oceanWave 35s ease-in-out infinite}.bg-ocean-depths:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 20%,rgba(0,133,195,.6) 0%,transparent 60%),radial-gradient(ellipse at 70% 40%,rgba(179,229,252,.4) 0%,transparent 50%),radial-gradient(ellipse at 20% 80%,rgba(0,105,148,.5) 0%,transparent 70%),radial-gradient(ellipse at 80% 70%,rgba(100,200,255,.3) 0%,transparent 40%);animation:oceanCurrent 45s ease-in-out infinite}.bg-ocean-depths:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 40% 30%,rgba(255,255,255,.2) 3px,transparent 3px),radial-gradient(circle at 60% 70%,rgba(179,229,252,.3) 2.5px,transparent 2.5px);background-size:250px 250px,150px 150px;animation:bubbles 50s linear infinite}.bg-cyberpunk-neon{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460,#533483,#1a1a2e)}.bg-cyberpunk-neon:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(90deg,rgba(255,0,128,.25) 2px,transparent 2px),linear-gradient(rgba(0,255,255,.25) 2px,transparent 2px),linear-gradient(45deg,rgba(255,0,128,.15) 1px,transparent 1px),linear-gradient(-45deg,rgba(0,255,255,.15) 1px,transparent 1px);background-size:40px 40px,40px 40px,80px 80px,80px 80px}.bg-cyberpunk-neon:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 25% 25%,rgba(255,0,128,.35) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(0,255,255,.35) 0%,transparent 50%),radial-gradient(circle at 75% 25%,rgba(255,255,0,.25) 0%,transparent 30%),radial-gradient(circle at 25% 75%,rgba(128,0,255,.25) 0%,transparent 30%)}@keyframes minimalShift{0%,to{background-position:0% 0%;filter:hue-rotate(0deg)}25%{background-position:25% 25%;filter:hue-rotate(5deg)}50%{background-position:50% 50%;filter:hue-rotate(10deg)}75%{background-position:75% 25%;filter:hue-rotate(5deg)}}@keyframes gridPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes auroraShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes auroraWave{0%{transform:translate(0) scale(1);filter:hue-rotate(0deg)}25%{transform:translate(-50px) scale(1.1);filter:hue-rotate(15deg)}50%{transform:translate(0) scale(.9);filter:hue-rotate(30deg)}75%{transform:translate(50px) scale(1.1);filter:hue-rotate(15deg)}to{transform:translate(0) scale(1);filter:hue-rotate(0deg)}}@keyframes auroraStars{0%{transform:translate(0) rotate(0)}to{transform:translate(-100px,-100px) rotate(360deg)}}@keyframes geometricShift{0%,to{background-position:0% 0%;filter:hue-rotate(0deg)}25%{background-position:25% 25%;filter:hue-rotate(90deg)}50%{background-position:50% 50%;filter:hue-rotate(180deg)}75%{background-position:75% 25%;filter:hue-rotate(270deg)}}@keyframes geometricRotate{0%{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(.9)}75%{transform:rotate(270deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}@keyframes oceanWave{0%,to{background-size:100% 100%;filter:hue-rotate(0deg)}50%{background-size:120% 120%;filter:hue-rotate(20deg)}}@keyframes oceanCurrent{0%{transform:translate(0) translateY(0);opacity:.8}25%{transform:translate(-30px) translateY(-20px);opacity:1}50%{transform:translate(20px) translateY(-40px);opacity:.9}75%{transform:translate(-10px) translateY(30px);opacity:1}to{transform:translate(0) translateY(0);opacity:.8}}@keyframes bubbles{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-50px) scale(1.1)}to{transform:translateY(-100px) scale(.9);opacity:0}}@keyframes cyberpunkPulse{0%,to{background-size:100% 100%;filter:brightness(1) saturate(1)}50%{background-size:110% 110%;filter:brightness(1.2) saturate(1.3)}}@keyframes neonGrid{0%{transform:translate(0)}25%{transform:translate(-25px,-25px)}50%{transform:translate(25px,-25px)}75%{transform:translate(-25px,25px)}to{transform:translate(0)}}@keyframes neonPulse{0%,to{opacity:.8;transform:scale(1);filter:hue-rotate(0deg)}33%{opacity:1;transform:scale(1.1);filter:hue-rotate(120deg)}66%{opacity:.9;transform:scale(.9);filter:hue-rotate(240deg)}}.content-overlay{position:relative;z-index:1}.background-switcher{position:fixed;top:80px;right:20px;z-index:9999;background:linear-gradient(145deg,#1e293bf2,#334155e6,#475569d9);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;padding:18px;border:2px solid rgba(148,163,184,.3);box-shadow:0 20px 40px #0006,0 8px 16px #0003,inset 0 1px #ffffff1a;min-width:220px;pointer-events:auto;transition:all .3s ease}.background-switcher.collapsed{padding:8px 12px;min-width:auto}.background-switcher.collapsed .background-options{display:none}.background-switcher-title{color:#f1f5f9;font-size:15px;font-weight:700;margin-bottom:14px;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,.6);letter-spacing:.5px}.background-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:400px;overflow-y:auto}.background-option{background:linear-gradient(145deg,#4755694d,#33415566,#1e293b80);border:2px solid rgba(148,163,184,.4);border-radius:10px;padding:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:8px;min-height:70px;pointer-events:auto;position:relative;z-index:10000}.background-option:hover{background:linear-gradient(145deg,#64748b80,#47556999,#334155b3);border-color:#cbd5e199;transform:translateY(-3px) scale(1.02);box-shadow:0 8px 20px #0006,0 4px 8px #0003}.background-option.active{background:linear-gradient(145deg,#3b82f666,#2563eb80,#1d4ed899);border-color:#93c5fdcc;box-shadow:0 0 20px #3b82f666,0 8px 16px #0000004d;transform:scale(1.05)}.option-colors{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.color-dot{width:10px;height:10px;border-radius:50%;border:2px solid rgba(241,245,249,.6);box-shadow:0 2px 4px #0006,inset 0 1px 1px #fff3;transition:all .2s ease}.background-option:hover .color-dot{border-color:#fffc;transform:scale(1.1)}.option-name{color:#e2e8f0;font-size:11px;font-weight:600;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,.6);line-height:1.3;letter-spacing:.3px;-webkit-user-select:none;user-select:none}.option-animation-label{color:#fbbf24;font-size:9px;font-weight:500;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.8);line-height:1;margin-top:2px;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.dynamic-background:after{background-size:60px 60px,40px 40px,80px 80px,50px 50px}}@media (prefers-reduced-motion: reduce){.dynamic-background:before,.dynamic-background:after{animation:none}}.phub-page-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2,#667eea,#f093fb,#f5576c);background-size:400% 400%;animation:phub-gradient-shift 15s ease infinite;position:relative;overflow-x:hidden}@keyframes phub-gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.phub-page-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,255,255,.05) 0%,transparent 50%),linear-gradient(45deg,transparent 40%,rgba(255,255,255,.03) 41%,rgba(255,255,255,.03) 59%,transparent 60%);background-size:200px 200px,300px 300px,100px 100px;pointer-events:none}.phub-auth-container{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--phub-radius-2xl);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a inset,0 1px #fff9 inset;border:1px solid rgba(255,255,255,.2);width:100%;max-width:28rem;padding:var(--phub-space-2xl);margin:var(--phub-space-xl);position:relative;animation:phub-auth-appear .6s cubic-bezier(.34,1.56,.64,1)}@keyframes phub-auth-appear{0%{opacity:0;transform:scale(.9) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.phub-auth-title{font-size:2rem;font-weight:800;text-align:center;margin-bottom:var(--phub-space-md);background:linear-gradient(135deg,var(--phub-primary) 0%,var(--phub-secondary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.025em}.phub-auth-subtitle{text-align:center;color:var(--phub-gray-600);margin-bottom:var(--phub-space-xl);font-weight:500}.phub-message{border-radius:var(--phub-radius-lg);padding:var(--phub-space-md);margin-bottom:var(--phub-space-lg);display:flex;align-items:center;gap:var(--phub-space-sm);font-weight:600;animation:phub-message-appear .3s ease-out;border:1px solid;position:relative;overflow:hidden}@keyframes phub-message-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.phub-message:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#fff3,#ffffff1a,#fff3);animation:phub-message-shimmer 2s infinite;pointer-events:none}@keyframes phub-message-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.phub-message.error{background:#dc26261a;color:var(--phub-error);border-color:#dc26264d}.phub-message.success{background:#0596691a;color:var(--phub-success);border-color:#0596694d}.phub-message.warning{background:#d977061a;color:var(--phub-warning);border-color:#d977064d}.phub-message.info{background:#1e40af1a;color:var(--phub-primary);border-color:#1e40af4d}.phub-btn-link{color:var(--phub-primary);text-decoration:none;font-weight:600;transition:all var(--phub-transition-fast);position:relative}.phub-btn-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(135deg,var(--phub-primary) 0%,var(--phub-secondary) 100%);transition:width var(--phub-transition-fast)}.phub-btn-link:hover{color:var(--phub-secondary);transform:translateY(-1px)}.phub-btn-link:hover:after{width:100%}.phub-nav-header{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.2);box-shadow:0 4px 6px -1px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:40}.phub-nav-content{max-width:1200px;margin:0 auto;padding:var(--phub-space-md) var(--phub-space-lg);display:flex;align-items:center;justify-content:space-between}.phub-logo{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--phub-primary) 0%,var(--phub-secondary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-decoration:none;letter-spacing:-.025em}.phub-sidebar{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--phub-gray-200);box-shadow:4px 0 6px -1px #0000001a;transition:all var(--phub-transition-normal)}.phub-sidebar-item{display:flex;align-items:center;gap:var(--phub-space-sm);padding:var(--phub-space-md) var(--phub-space-lg);margin:var(--phub-space-xs) var(--phub-space-sm);border-radius:var(--phub-radius-lg);cursor:pointer;transition:all var(--phub-transition-fast);font-weight:600;color:var(--phub-gray-700);border:1px solid transparent}.phub-sidebar-item:hover{background:#1e40af0d;border-color:#1e40af1a;transform:translate(4px)}.phub-sidebar-item.active{background:linear-gradient(135deg,#1e40af1a,#7c3aed1a);border-color:var(--phub-primary);color:var(--phub-primary);box-shadow:0 2px 4px #1e40af1a}.phub-card{background:#fffffff2;border:1px solid var(--phub-gray-200);border-radius:var(--phub-radius-xl);padding:var(--phub-space-lg);box-shadow:var(--phub-shadow-md);transition:all var(--phub-transition-fast);position:relative;overflow:hidden}.phub-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--phub-primary) 0%,var(--phub-secondary) 100%);transform:scaleX(0);transform-origin:left;transition:transform var(--phub-transition-fast)}.phub-card:hover{transform:translateY(-4px);box-shadow:var(--phub-shadow-xl);border-color:var(--phub-primary)}.phub-card:hover:before{transform:scaleX(1)}.phub-card-title{font-size:1.125rem;font-weight:700;color:var(--phub-gray-800);margin-bottom:var(--phub-space-sm);letter-spacing:-.025em}.phub-card-description{color:var(--phub-gray-600);line-height:1.5;margin-bottom:var(--phub-space-md)}.phub-card-meta{display:flex;align-items:center;gap:var(--phub-space-md);font-size:.875rem;color:var(--phub-gray-500)}.phub-priority-badge{display:inline-flex;align-items:center;gap:var(--phub-space-xs);padding:var(--phub-space-xs) var(--phub-space-sm);border-radius:var(--phub-radius-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.phub-priority-badge.low{background:#06b6d41a;color:var(--phub-accent-cyan);border:1px solid rgba(6,182,212,.3)}.phub-priority-badge.medium{background:#10b9811a;color:var(--phub-accent-emerald);border:1px solid rgba(16,185,129,.3)}.phub-priority-badge.high{background:#d977061a;color:var(--phub-warning);border:1px solid rgba(217,119,6,.3)}.phub-priority-badge.critical{background:#dc26261a;color:var(--phub-error);border:1px solid rgba(220,38,38,.3)}.phub-status-badge{display:inline-flex;align-items:center;gap:var(--phub-space-xs);padding:var(--phub-space-xs) var(--phub-space-sm);border-radius:var(--phub-radius-md);font-size:.75rem;font-weight:600}.phub-status-badge.completed{background:#0596691a;color:var(--phub-success);border:1px solid rgba(5,150,105,.3)}.phub-status-badge.in-progress{background:#d977061a;color:var(--phub-warning);border:1px solid rgba(217,119,6,.3)}.phub-status-badge.todo{background:#6b72801a;color:var(--phub-gray-600);border:1px solid rgba(107,114,128,.3)}.phub-skeleton{background:linear-gradient(90deg,var(--phub-gray-200) 25%,var(--phub-gray-100) 50%,var(--phub-gray-200) 75%);background-size:200% 100%;animation:phub-skeleton-wave 1.5s infinite;border-radius:var(--phub-radius-md)}@keyframes phub-skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}.phub-pulse{animation:phub-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes phub-pulse{0%,to{opacity:1}50%{opacity:.5}}.phub-scrollable{scrollbar-width:thin;scrollbar-color:var(--phub-gray-400) var(--phub-gray-100)}.phub-scrollable::-webkit-scrollbar{width:8px;height:8px}.phub-scrollable::-webkit-scrollbar-track{background:var(--phub-gray-100);border-radius:var(--phub-radius-md)}.phub-scrollable::-webkit-scrollbar-thumb{background:var(--phub-gray-400);border-radius:var(--phub-radius-md);-webkit-transition:background var(--phub-transition-fast);transition:background var(--phub-transition-fast)}.phub-scrollable::-webkit-scrollbar-thumb:hover{background:var(--phub-gray-500)}.phub-grid{display:grid;gap:var(--phub-space-lg)}.phub-grid.auto-fit{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.phub-grid.auto-fill{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.phub-text-gradient{background:linear-gradient(135deg,var(--phub-primary) 0%,var(--phub-secondary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.phub-glass{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.phub-shadow-soft{box-shadow:0 2px 15px -3px #00000012,0 10px 20px -2px #0000000a}.phub-hover-lift{transition:transform var(--phub-transition-fast),box-shadow var(--phub-transition-fast)}.phub-hover-lift:hover{transform:translateY(-2px);box-shadow:var(--phub-shadow-lg)}.phub-notification{background:var(--phub-glass);border-radius:var(--phub-radius-lg);padding:var(--phub-space-md);margin-bottom:var(--phub-space-sm);border-left:4px solid var(--phub-primary);box-shadow:var(--phub-shadow-md);animation:phub-notification-slide .3s ease-out}@keyframes phub-notification-slide{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 1024px){.phub-page-container{padding:var(--phub-space-md)}.phub-auth-container{padding:var(--phub-space-xl)}.phub-nav-content{padding:var(--phub-space-sm) var(--phub-space-md)}}@media (max-width: 768px){.phub-auth-title{font-size:1.75rem}.phub-grid.auto-fit,.phub-grid.auto-fill{grid-template-columns:1fr}.phub-card{padding:var(--phub-space-md)}.phub-sidebar-item{padding:var(--phub-space-sm) var(--phub-space-md)}}@media (max-width: 640px){.phub-auth-container{margin:var(--phub-space-md);padding:var(--phub-space-lg)}.phub-form-container{margin:var(--phub-space-sm);max-width:calc(100vw - 1rem)}}.phub-sidebar{background:linear-gradient(135deg,#fffffff2,#f8fafcfa);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid rgba(226,232,240,.8);box-shadow:0 4px 24px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1);width:16rem;display:flex;flex-direction:column;position:relative;z-index:10}.phub-sidebar-collapsed{width:4rem}.phub-sidebar-toggle{margin:.5rem;padding:.75rem;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f64d}.phub-sidebar-toggle:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.phub-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:.5rem;padding:1rem .5rem}.phub-sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:12px;background:transparent;border:none;color:#475569;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;text-align:left;position:relative;overflow:hidden}.phub-sidebar-collapsed .phub-sidebar-item{justify-content:center}.phub-sidebar-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#3b82f61a,#1d4ed80d);opacity:0;transition:opacity .2s ease;border-radius:12px}.phub-sidebar-item:hover:before{opacity:1}.phub-sidebar-item-active{background:linear-gradient(135deg,#3b82f626,#1d4ed81a);color:#1d4ed8;border:1px solid rgba(59,130,246,.2)}.phub-sidebar-item-active:before{opacity:0}.phub-sidebar-label{font-weight:600}.phub-main-content{flex:1;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;position:relative;overflow:auto}.phub-main-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.03) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(16,185,129,.02) 0%,transparent 50%);pointer-events:none;z-index:1}.phub-content-section{position:relative;z-index:2;padding:2rem;max-width:64rem;margin:0 auto}.phub-section-header{margin-bottom:2rem}.phub-section-title{font-size:2rem;font-weight:800;color:#1e293b;margin-bottom:.5rem;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.phub-section-subtitle{color:#64748b;font-size:1.1rem;font-weight:500}.phub-item-card{background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;border:1px solid rgba(226,232,240,.6);box-shadow:0 4px 16px #0000000a;transition:all .3s ease;overflow:hidden;position:relative}.phub-item-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#10b981);opacity:0;transition:opacity .3s ease}.phub-item-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014;border-color:#3b82f64d}.phub-item-card:hover:before{opacity:1}.phub-item-content{padding:1.5rem}.phub-item-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.phub-item-icon{font-size:1.5rem;opacity:.8}.phub-item-title{font-size:1.125rem;font-weight:700;color:#1e293b;flex:1}.phub-item-description{color:#64748b;font-size:.95rem;line-height:1.6;margin-bottom:1rem}.phub-item-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.phub-item-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:#3b82f61a;color:#1d4ed8;border-radius:20px;font-size:.8rem;font-weight:600;border:1px solid rgba(59,130,246,.2)}.phub-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.phub-empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.6}.phub-empty-title{font-size:1.5rem;font-weight:700;color:#475569;margin-bottom:.5rem}.phub-empty-subtitle{color:#64748b;font-size:1rem;margin-bottom:2rem;max-width:28rem;line-height:1.6}.phub-action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f64d}.phub-action-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.phub-action-btn-secondary{background:#ffffffe6;color:#475569;border:1px solid rgba(226,232,240,.8);box-shadow:0 2px 8px #0000000a}.phub-action-btn-secondary:hover{background:#fff;border-color:#3b82f64d;color:#1d4ed8;box-shadow:0 4px 12px #3b82f626}.phub-loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:#64748b;font-size:1.1rem}.phub-loading:before{content:"";width:20px;height:20px;border:2px solid #e2e8f0;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-right:.75rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.phub-error{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2);border-radius:12px;font-weight:500;margin-bottom:1.5rem}@media (max-width: 768px){.phub-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:50;transform:translate(-100%)}.phub-sidebar.phub-sidebar-open{transform:translate(0)}.phub-main-content{margin-left:0}.phub-content-section{padding:1rem}.phub-section-title{font-size:1.75rem}}