:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{box-sizing:border-box;min-height:100svh}body{-webkit-tap-highlight-color:transparent;margin:0}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.18s ease-out both fadeIn}.fade-in{animation-name:fadeIn}.slide-in-from-top-2{animation-duration:.2s}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.-bottom-1\.5{bottom:-.375rem}.-bottom-10{bottom:-2.5rem}.-bottom-12{bottom:-3rem}.-bottom-14{bottom:-3.5rem}.-bottom-20{bottom:-5rem}.-bottom-8{bottom:-2rem}.-left-10{left:-2.5rem}.-left-12{left:-3rem}.-left-14{left:-3.5rem}.-left-16{left:-4rem}.-left-8{left:-2rem}.-right-1\.5{right:-.375rem}.-right-10{right:-2.5rem}.-right-16{right:-4rem}.-right-4{right:-1rem}.-right-5{right:-1.25rem}.-right-8{right:-2rem}.-top-10{top:-2.5rem}.-top-12{top:-3rem}.-top-14{top:-3.5rem}.-top-16{top:-4rem}.-top-4{top:-1rem}.-top-5{top:-1.25rem}.-top-8{top:-2rem}.bottom-0{bottom:0}.bottom-\[14px\]{bottom:14px}.bottom-\[16px\]{bottom:16px}.bottom-\[76px\]{bottom:76px}.left-0{left:0}.left-1\/2{left:50%}.left-3\.5{left:.875rem}.left-4{left:1rem}.right-2\.5{right:.625rem}.right-3{right:.75rem}.right-3\.5{right:.875rem}.top-0{top:0}.top-1\/2{top:50%}.top-2\.5{top:.625rem}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.col-span-2{grid-column:span 2/span 2}.mx-auto{margin-left:auto;margin-right:auto}.-ml-1\.5{margin-left:-.375rem}.-mr-1\.5{margin-right:-.375rem}.-mt-20{margin-top:-5rem}.-mt-24{margin-top:-6rem}.mb-0\.5{margin-bottom:.125rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-3\.5{margin-bottom:.875rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.ml-1\.5{margin-left:.375rem}.ml-2\.5{margin-left:.625rem}.mt-0\.5{margin-top:.125rem}.mt-1\.5{margin-top:.375rem}.mt-2\.5{margin-top:.625rem}.mt-3\.5{margin-top:.875rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-32{height:8rem}.h-36{height:9rem}.h-40{height:10rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-52{height:13rem}.h-56{height:14rem}.h-6{height:1.5rem}.h-60{height:15rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[3px\]{height:3px}.h-\[44px\]{height:44px}.h-\[46px\]{height:46px}.h-\[48px\]{height:48px}.h-\[50px\]{height:50px}.h-\[52px\]{height:52px}.h-\[54px\]{height:54px}.h-\[56px\]{height:56px}.h-\[58px\]{height:58px}.h-\[62px\]{height:62px}.h-\[70px\]{height:70px}.h-\[72px\]{height:72px}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-32{width:8rem}.w-36{width:9rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-52{width:13rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[18\%\]{width:18%}.w-\[44px\]{width:44px}.w-\[56px\]{width:56px}.w-\[72px\]{width:72px}.w-\[calc\(100\%-0\.625rem\)\]{width:calc(100% - .625rem)}.w-max{width:max-content}.max-w-\[480px\]{max-width:480px}.flex-\[0\.18\]{flex:.18}.flex-\[0\.22\]{flex:.22}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[-90deg\]{--tw-rotate:-90deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95,.scale-\[0\.95\]{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.animate-ping{animation:1s cubic-bezier(0,0,.2,1) infinite ping}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.items-baseline{align-items:baseline}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2\.5{gap:.625rem}.gap-3\.5{gap:.875rem}.gap-\[2px\]{gap:2px}.gap-\[3px\]{gap:3px}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.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-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * 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-3\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.875rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.875rem * 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))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whitespace-pre-wrap{white-space:pre-wrap}.rounded-2xl{border-radius:1rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[12px\]{border-radius:12px}.rounded-\[13px\]{border-radius:13px}.rounded-\[14px\]{border-radius:14px}.rounded-\[16px\]{border-radius:16px}.rounded-\[18px\]{border-radius:18px}.rounded-\[20px\]{border-radius:20px}.rounded-\[22px\]{border-radius:22px}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-b-full{border-bottom-right-radius:9999px;border-bottom-left-radius:9999px}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.border{border-width:1px}.border-2{border-width:2px}.border-x{border-left-width:1px;border-right-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#0a54b8\]{--tw-border-opacity:1;border-color:rgb(10 84 184/var(--tw-border-opacity,1))}.border-\[\#0a54b8\]\/40{border-color:#0a54b866}.border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.border-blue-100{--tw-border-opacity:1;border-color:rgb(219 234 254/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.border-white\/20{border-color:#fff3}.bg-\[\#047857\]{--tw-bg-opacity:1;background-color:rgb(4 120 87/var(--tw-bg-opacity,1))}.bg-\[\#059669\]{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.bg-\[\#0891b2\]{--tw-bg-opacity:1;background-color:rgb(8 145 178/var(--tw-bg-opacity,1))}.bg-\[\#0a54b8\]{--tw-bg-opacity:1;background-color:rgb(10 84 184/var(--tw-bg-opacity,1))}.bg-\[\#0a54b8\]\/10{background-color:#0a54b81a}.bg-\[\#0f63d6\]{--tw-bg-opacity:1;background-color:rgb(15 99 214/var(--tw-bg-opacity,1))}.bg-\[\#16a34a\]{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-\[\#228b22\]{--tw-bg-opacity:1;background-color:rgb(34 139 34/var(--tw-bg-opacity,1))}.bg-\[\#7c3aed\]{--tw-bg-opacity:1;background-color:rgb(124 58 237/var(--tw-bg-opacity,1))}.bg-\[\#b45309\]{--tw-bg-opacity:1;background-color:rgb(180 83 9/var(--tw-bg-opacity,1))}.bg-\[\#c1121f\]{--tw-bg-opacity:1;background-color:rgb(193 18 31/var(--tw-bg-opacity,1))}.bg-\[\#d97706\]{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.bg-\[\#e63946\]{--tw-bg-opacity:1;background-color:rgb(230 57 70/var(--tw-bg-opacity,1))}.bg-\[\#ea580c\]{--tw-bg-opacity:1;background-color:rgb(234 88 12/var(--tw-bg-opacity,1))}.bg-\[\#eff6ff\]{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-rose-100{--tw-bg-opacity:1;background-color:rgb(255 228 230/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-slate-500{--tw-bg-opacity:1;background-color:rgb(100 116 139/var(--tw-bg-opacity,1))}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.bg-slate-900\/80{background-color:#0f172acc}.bg-slate-900\/85{background-color:#0f172ad9}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/15{background-color:#ffffff26}.bg-white\/20{background-color:#fff3}.bg-white\/25{background-color:#ffffff40}.bg-white\/40{background-color:#fff6}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-10{padding-bottom:2.5rem}.pb-24{padding-bottom:6rem}.pb-28{padding-bottom:7rem}.pb-32{padding-bottom:8rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-0\.5{padding-left:.125rem}.pl-11{padding-left:2.75rem}.pl-12{padding-left:3rem}.pl-2\.5{padding-left:.625rem}.pl-4{padding-left:1rem}.pr-10{padding-right:2.5rem}.pr-12{padding-right:3rem}.pr-14{padding-right:3.5rem}.pr-2{padding-right:.5rem}.pr-4{padding-right:1rem}.pt-0\.5{padding-top:.125rem}.pt-1{padding-top:.25rem}.pt-14{padding-top:3.5rem}.pt-2{padding-top:.5rem}.pt-3\.5{padding-top:.875rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14\.5px\]{font-size:14.5px}.text-\[14px\]{font-size:14px}.text-\[15\.5px\]{font-size:15.5px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[26px\]{font-size:26px}.text-\[28px\]{font-size:28px}.text-\[30px\]{font-size:30px}.text-\[56px\]{font-size:56px}.text-\[9\.5px\]{font-size:9.5px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[0\.08em\]{letter-spacing:.08em}.tracking-\[0\.12em\]{letter-spacing:.12em}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.1em\]{letter-spacing:.1em}.tracking-\[0\.25em\]{letter-spacing:.25em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#047857\]{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-\[\#0a54b8\]{--tw-text-opacity:1;color:rgb(10 84 184/var(--tw-text-opacity,1))}.text-\[\#b45309\]{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-\[\#d97706\]{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-\[\#e63946\]{--tw-text-opacity:1;color:rgb(230 57 70/var(--tw-text-opacity,1))}.text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.text-amber-900{--tw-text-opacity:1;color:rgb(120 53 15/var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-emerald-800{--tw-text-opacity:1;color:rgb(6 95 70/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-rose-800{--tw-text-opacity:1;color:rgb(159 18 57/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/70{color:#ffffffb3}.text-white\/75{color:#ffffffbf}.text-white\/80{color:#fffc}.text-white\/85{color:#ffffffd9}.text-white\/90{color:#ffffffe6}.text-white\/95{color:#fffffff2}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-60{opacity:.6}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--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 #00000040;--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-\[0_-10px_28px_-12px_rgba\(15\,23\,42\,0\.14\)\]{--tw-shadow:0 -10px 28px -12px #0f172a24;--tw-shadow-colored:0 -10px 28px -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-\[0_-10px_30px_-10px_rgba\(15\,23\,42\,0\.14\)\]{--tw-shadow:0 -10px 30px -10px #0f172a24;--tw-shadow-colored:0 -10px 30px -10px 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-\[0_-6px_20px_-10px_rgba\(15\,23\,42\,0\.12\)\]{--tw-shadow:0 -6px 20px -10px #0f172a1f;--tw-shadow-colored:0 -6px 20px -10px 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-\[0_10px_24px_-6px_rgba\(10\,84\,184\,0\.55\)\]{--tw-shadow:0 10px 24px -6px #0a54b88c;--tw-shadow-colored:0 10px 24px -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)}.shadow-\[0_10px_24px_-6px_rgba\(230\,57\,70\,0\.55\)\]{--tw-shadow:0 10px 24px -6px #e639468c;--tw-shadow-colored:0 10px 24px -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)}.shadow-\[0_10px_26px_-6px_rgba\(5\,150\,105\,0\.5\)\]{--tw-shadow:0 10px 26px -6px #05966980;--tw-shadow-colored:0 10px 26px -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)}.shadow-\[0_10px_28px_-12px_rgba\(15\,23\,42\,0\.14\)\]{--tw-shadow:0 10px 28px -12px #0f172a24;--tw-shadow-colored:0 10px 28px -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-\[0_10px_28px_-8px_rgba\(10\,84\,184\,0\.5\)\]{--tw-shadow:0 10px 28px -8px #0a54b880;--tw-shadow-colored:0 10px 28px -8px 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-\[0_10px_28px_-8px_rgba\(15\,23\,42\,0\.18\)\]{--tw-shadow:0 10px 28px -8px #0f172a2e;--tw-shadow-colored:0 10px 28px -8px 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-\[0_10px_28px_-8px_rgba\(5\,150\,105\,0\.5\)\]{--tw-shadow:0 10px 28px -8px #05966980;--tw-shadow-colored:0 10px 28px -8px 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-\[0_10px_30px_-10px_rgba\(10\,84\,184\,0\.55\)\]{--tw-shadow:0 10px 30px -10px #0a54b88c;--tw-shadow-colored:0 10px 30px -10px 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-\[0_12px_28px_-10px_rgba\(10\,84\,184\,0\.55\)\]{--tw-shadow:0 12px 28px -10px #0a54b88c;--tw-shadow-colored:0 12px 28px -10px 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-\[0_12px_30px_-10px_rgba\(10\,84\,184\,0\.6\)\]{--tw-shadow:0 12px 30px -10px #0a54b899;--tw-shadow-colored:0 12px 30px -10px 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-\[0_12px_32px_-10px_rgba\(10\,84\,184\,0\.6\)\]{--tw-shadow:0 12px 32px -10px #0a54b899;--tw-shadow-colored:0 12px 32px -10px 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-\[0_14px_32px_-10px_rgba\(10\,84\,184\,0\.75\)\]{--tw-shadow:0 14px 32px -10px #0a54b8bf;--tw-shadow-colored:0 14px 32px -10px 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-\[0_2px_6px_-1px_rgba\(10\,84\,184\,0\.35\)\]{--tw-shadow:0 2px 6px -1px #0a54b859;--tw-shadow-colored:0 2px 6px -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-\[0_2px_6px_-1px_rgba\(10\,84\,184\,0\.4\)\]{--tw-shadow:0 2px 6px -1px #0a54b866;--tw-shadow-colored:0 2px 6px -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-\[0_2px_6px_-1px_rgba\(15\,23\,42\,0\.2\)\]{--tw-shadow:0 2px 6px -1px #0f172a33;--tw-shadow-colored:0 2px 6px -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-\[0_2px_8px_-1px_rgba\(10\,84\,184\,0\.45\)\]{--tw-shadow:0 2px 8px -1px #0a54b873;--tw-shadow-colored:0 2px 8px -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-\[0_2px_8px_-1px_rgba\(217\,119\,6\,0\.4\)\]{--tw-shadow:0 2px 8px -1px #d9770666;--tw-shadow-colored:0 2px 8px -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-\[0_2px_8px_-1px_rgba\(230\,57\,70\,0\.4\)\]{--tw-shadow:0 2px 8px -1px #e6394666;--tw-shadow-colored:0 2px 8px -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-\[0_2px_8px_-1px_rgba\(230\,57\,70\,0\.5\)\]{--tw-shadow:0 2px 8px -1px #e6394680;--tw-shadow-colored:0 2px 8px -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-\[0_2px_8px_-1px_rgba\(5\,150\,105\,0\.4\)\]{--tw-shadow:0 2px 8px -1px #05966966;--tw-shadow-colored:0 2px 8px -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-\[0_2px_8px_-2px_rgba\(10\,84\,184\,0\.35\)\]{--tw-shadow:0 2px 8px -2px #0a54b859;--tw-shadow-colored:0 2px 8px -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-\[0_2px_8px_rgba\(15\,23\,42\,0\.12\)\]{--tw-shadow:0 2px 8px #0f172a1f;--tw-shadow-colored:0 2px 8px 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-\[0_2px_8px_rgba\(15\,23\,42\,0\.15\)\]{--tw-shadow:0 2px 8px #0f172a26;--tw-shadow-colored:0 2px 8px 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-\[0_3px_10px_-2px_rgba\(10\,84\,184\,0\.4\)\]{--tw-shadow:0 3px 10px -2px #0a54b866;--tw-shadow-colored:0 3px 10px -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-\[0_3px_10px_-2px_rgba\(124\,58\,237\,0\.4\)\]{--tw-shadow:0 3px 10px -2px #7c3aed66;--tw-shadow-colored:0 3px 10px -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-\[0_3px_10px_-2px_rgba\(217\,119\,6\,0\.4\)\]{--tw-shadow:0 3px 10px -2px #d9770666;--tw-shadow-colored:0 3px 10px -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-\[0_3px_10px_-2px_rgba\(217\,119\,6\,0\.45\)\]{--tw-shadow:0 3px 10px -2px #d9770673;--tw-shadow-colored:0 3px 10px -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-\[0_3px_10px_-2px_rgba\(230\,57\,70\,0\.4\)\]{--tw-shadow:0 3px 10px -2px #e6394666;--tw-shadow-colored:0 3px 10px -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-\[0_3px_10px_-2px_rgba\(230\,57\,70\,0\.45\)\]{--tw-shadow:0 3px 10px -2px #e6394673;--tw-shadow-colored:0 3px 10px -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-\[0_3px_10px_-2px_rgba\(5\,150\,105\,0\.4\)\]{--tw-shadow:0 3px 10px -2px #05966966;--tw-shadow-colored:0 3px 10px -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-\[0_3px_10px_-2px_rgba\(5\,150\,105\,0\.45\)\]{--tw-shadow:0 3px 10px -2px #05966973;--tw-shadow-colored:0 3px 10px -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-\[0_3px_10px_-2px_rgba\(5\,150\,105\,0\.5\)\]{--tw-shadow:0 3px 10px -2px #05966980;--tw-shadow-colored:0 3px 10px -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-\[0_3px_8px_-2px_rgba\(10\,84\,184\,0\.4\)\]{--tw-shadow:0 3px 8px -2px #0a54b866;--tw-shadow-colored:0 3px 8px -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-\[0_3px_8px_-2px_rgba\(124\,58\,237\,0\.4\)\]{--tw-shadow:0 3px 8px -2px #7c3aed66;--tw-shadow-colored:0 3px 8px -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-\[0_3px_8px_-2px_rgba\(217\,119\,6\,0\.4\)\]{--tw-shadow:0 3px 8px -2px #d9770666;--tw-shadow-colored:0 3px 8px -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-\[0_3px_8px_-2px_rgba\(230\,57\,70\,0\.4\)\]{--tw-shadow:0 3px 8px -2px #e6394666;--tw-shadow-colored:0 3px 8px -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-\[0_3px_8px_-2px_rgba\(234\,88\,12\,0\.4\)\]{--tw-shadow:0 3px 8px -2px #ea580c66;--tw-shadow-colored:0 3px 8px -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-\[0_3px_8px_-2px_rgba\(5\,150\,105\,0\.4\)\]{--tw-shadow:0 3px 8px -2px #05966966;--tw-shadow-colored:0 3px 8px -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-\[0_4px_10px_-2px_rgba\(10\,84\,184\,0\.2\)\]{--tw-shadow:0 4px 10px -2px #0a54b833;--tw-shadow-colored:0 4px 10px -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-\[0_4px_12px_-2px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0 4px 12px -2px #0000001a;--tw-shadow-colored:0 4px 12px -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-\[0_4px_12px_-2px_rgba\(10\,84\,184\,0\.4\)\]{--tw-shadow:0 4px 12px -2px #0a54b866;--tw-shadow-colored:0 4px 12px -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-\[0_4px_12px_-2px_rgba\(230\,57\,70\,0\.3\)\]{--tw-shadow:0 4px 12px -2px #e639464d;--tw-shadow-colored:0 4px 12px -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-\[0_4px_12px_-2px_rgba\(230\,57\,70\,0\.4\)\]{--tw-shadow:0 4px 12px -2px #e6394666;--tw-shadow-colored:0 4px 12px -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-\[0_4px_12px_-2px_rgba\(5\,150\,105\,0\.3\)\]{--tw-shadow:0 4px 12px -2px #0596694d;--tw-shadow-colored:0 4px 12px -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-\[0_4px_12px_-3px_rgba\(10\,84\,184\,0\.5\)\]{--tw-shadow:0 4px 12px -3px #0a54b880;--tw-shadow-colored:0 4px 12px -3px 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-\[0_4px_12px_-3px_rgba\(124\,58\,237\,0\.5\)\]{--tw-shadow:0 4px 12px -3px #7c3aed80;--tw-shadow-colored:0 4px 12px -3px 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-\[0_4px_12px_-3px_rgba\(15\,23\,42\,0\.3\)\]{--tw-shadow:0 4px 12px -3px #0f172a4d;--tw-shadow-colored:0 4px 12px -3px 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-\[0_4px_12px_-3px_rgba\(217\,119\,6\,0\.5\)\]{--tw-shadow:0 4px 12px -3px #d9770680;--tw-shadow-colored:0 4px 12px -3px 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-\[0_4px_12px_-3px_rgba\(230\,57\,70\,0\.5\)\]{--tw-shadow:0 4px 12px -3px #e6394680;--tw-shadow-colored:0 4px 12px -3px 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-\[0_4px_12px_-3px_rgba\(5\,150\,105\,0\.5\)\]{--tw-shadow:0 4px 12px -3px #05966980;--tw-shadow-colored:0 4px 12px -3px 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-\[0_4px_12px_-3px_rgba\(51\,65\,85\,0\.5\)\]{--tw-shadow:0 4px 12px -3px #33415580;--tw-shadow-colored:0 4px 12px -3px 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-\[0_4px_12px_-3px_rgba\(8\,145\,178\,0\.5\)\]{--tw-shadow:0 4px 12px -3px #0891b280;--tw-shadow-colored:0 4px 12px -3px 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-\[0_4px_12px_-4px_rgba\(10\,84\,184\,0\.25\)\]{--tw-shadow:0 4px 12px -4px #0a54b840;--tw-shadow-colored:0 4px 12px -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-\[0_4px_14px_-4px_rgba\(10\,84\,184\,0\.45\)\]{--tw-shadow:0 4px 14px -4px #0a54b873;--tw-shadow-colored:0 4px 14px -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-\[0_4px_14px_-4px_rgba\(124\,58\,237\,0\.45\)\]{--tw-shadow:0 4px 14px -4px #7c3aed73;--tw-shadow-colored:0 4px 14px -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-\[0_4px_14px_-4px_rgba\(15\,23\,42\,0\.1\)\]{--tw-shadow:0 4px 14px -4px #0f172a1a;--tw-shadow-colored:0 4px 14px -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-\[0_4px_14px_-6px_rgba\(10\,84\,184\,0\.25\)\]{--tw-shadow:0 4px 14px -6px #0a54b840;--tw-shadow-colored:0 4px 14px -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)}.shadow-\[0_4px_14px_-6px_rgba\(15\,23\,42\,0\.08\)\]{--tw-shadow:0 4px 14px -6px #0f172a14;--tw-shadow-colored:0 4px 14px -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)}.shadow-\[0_6px_14px_-4px_rgba\(10\,84\,184\,0\.5\)\]{--tw-shadow:0 6px 14px -4px #0a54b880;--tw-shadow-colored:0 6px 14px -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-\[0_6px_14px_-4px_rgba\(10\,84\,184\,0\.55\)\]{--tw-shadow:0 6px 14px -4px #0a54b88c;--tw-shadow-colored:0 6px 14px -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-\[0_6px_14px_-4px_rgba\(51\,65\,85\,0\.5\)\]{--tw-shadow:0 6px 14px -4px #33415580;--tw-shadow-colored:0 6px 14px -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-\[0_6px_16px_-4px_rgba\(10\,84\,184\,0\.35\)\]{--tw-shadow:0 6px 16px -4px #0a54b859;--tw-shadow-colored:0 6px 16px -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-\[0_6px_16px_-4px_rgba\(10\,84\,184\,0\.5\)\]{--tw-shadow:0 6px 16px -4px #0a54b880;--tw-shadow-colored:0 6px 16px -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-\[0_6px_16px_-4px_rgba\(124\,58\,237\,0\.5\)\]{--tw-shadow:0 6px 16px -4px #7c3aed80;--tw-shadow-colored:0 6px 16px -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-\[0_6px_16px_-4px_rgba\(217\,119\,6\,0\.5\)\]{--tw-shadow:0 6px 16px -4px #d9770680;--tw-shadow-colored:0 6px 16px -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-\[0_6px_16px_-4px_rgba\(230\,57\,70\,0\.5\)\]{--tw-shadow:0 6px 16px -4px #e6394680;--tw-shadow-colored:0 6px 16px -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-\[0_6px_16px_-4px_rgba\(5\,150\,105\,0\.5\)\]{--tw-shadow:0 6px 16px -4px #05966980;--tw-shadow-colored:0 6px 16px -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-\[0_6px_18px_-6px_rgba\(0\,0\,0\,0\.25\)\]{--tw-shadow:0 6px 18px -6px #00000040;--tw-shadow-colored:0 6px 18px -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)}.shadow-\[0_6px_18px_-6px_rgba\(15\,23\,42\,0\.12\)\]{--tw-shadow:0 6px 18px -6px #0f172a1f;--tw-shadow-colored:0 6px 18px -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)}.shadow-\[0_6px_18px_-6px_rgba\(15\,23\,42\,0\.18\)\]{--tw-shadow:0 6px 18px -6px #0f172a2e;--tw-shadow-colored:0 6px 18px -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)}.shadow-\[0_6px_18px_-8px_rgba\(15\,23\,42\,0\.12\)\]{--tw-shadow:0 6px 18px -8px #0f172a1f;--tw-shadow-colored:0 6px 18px -8px 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-\[0_8px_18px_-5px_rgba\(10\,84\,184\,0\.55\)\]{--tw-shadow:0 8px 18px -5px #0a54b88c;--tw-shadow-colored:0 8px 18px -5px 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-\[0_8px_20px_-8px_rgba\(217\,119\,6\,0\.55\)\]{--tw-shadow:0 8px 20px -8px #d977068c;--tw-shadow-colored:0 8px 20px -8px 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-\[0_8px_20px_-8px_rgba\(230\,57\,70\,0\.55\)\]{--tw-shadow:0 8px 20px -8px #e639468c;--tw-shadow-colored:0 8px 20px -8px 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-\[0_8px_20px_-8px_rgba\(5\,150\,105\,0\.55\)\]{--tw-shadow:0 8px 20px -8px #0596698c;--tw-shadow-colored:0 8px 20px -8px 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-\[0_8px_22px_-4px_rgba\(10\,84\,184\,0\.48\)\]{--tw-shadow:0 8px 22px -4px #0a54b87a;--tw-shadow-colored:0 8px 22px -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-\[0_8px_24px_-10px_rgba\(15\,23\,42\,0\.12\)\]{--tw-shadow:0 8px 24px -10px #0f172a1f;--tw-shadow-colored:0 8px 24px -10px 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-\[0_8px_24px_-6px_rgba\(10\,84\,184\,0\.5\)\]{--tw-shadow:0 8px 24px -6px #0a54b880;--tw-shadow-colored:0 8px 24px -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)}.shadow-\[0_8px_24px_-8px_rgba\(217\,119\,6\,0\.5\)\]{--tw-shadow:0 8px 24px -8px #d9770680;--tw-shadow-colored:0 8px 24px -8px 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-\[0_8px_24px_-8px_rgba\(230\,57\,70\,0\.5\)\]{--tw-shadow:0 8px 24px -8px #e6394680;--tw-shadow-colored:0 8px 24px -8px 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-\[0_8px_24px_-8px_rgba\(5\,150\,105\,0\.5\)\]{--tw-shadow:0 8px 24px -8px #05966980;--tw-shadow-colored:0 8px 24px -8px 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-\[0_8px_28px_-10px_rgba\(15\,23\,42\,0\.15\)\]{--tw-shadow:0 8px 28px -10px #0f172a26;--tw-shadow-colored:0 8px 28px -10px 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 #0000001a, 0 4px 6px -4px #0000001a;--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-sm{--tw-shadow:0 1px 2px 0 #0000000d;--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-slate-300\/50{--tw-shadow-color:#cbd5e180;--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline-offset:2px;outline:2px solid #0000}.outline{outline-style:solid}.ring-1{--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(1px + 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)}.ring-2{--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)}.ring-4{--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(4px + 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)}.ring-amber-200{--tw-ring-opacity:1;--tw-ring-color:rgb(253 230 138/var(--tw-ring-opacity,1))}.ring-emerald-200{--tw-ring-opacity:1;--tw-ring-color:rgb(167 243 208/var(--tw-ring-opacity,1))}.ring-rose-200{--tw-ring-opacity:1;--tw-ring-color:rgb(254 205 211/var(--tw-ring-opacity,1))}.ring-slate-200{--tw-ring-opacity:1;--tw-ring-color:rgb(226 232 240/var(--tw-ring-opacity,1))}.ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1))}.ring-white\/20{--tw-ring-color:#fff3}.ring-white\/25{--tw-ring-color:#ffffff40}.ring-white\/30{--tw-ring-color:#ffffff4d}.ring-white\/40{--tw-ring-color:#fff6}.drop-shadow-sm{--tw-drop-shadow:drop-shadow(0 1px 1px #0000000d);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{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-500{transition-duration:.5s}.hover\:border-\[\#0a54b8\]:hover{--tw-border-opacity:1;border-color:rgb(10 84 184/var(--tw-border-opacity,1))}.hover\:border-slate-300:hover{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.hover\:bg-\[\#08408a\]:hover{--tw-bg-opacity:1;background-color:rgb(8 64 138/var(--tw-bg-opacity,1))}.hover\:bg-\[\#0f63d6\]:hover{--tw-bg-opacity:1;background-color:rgb(15 99 214/var(--tw-bg-opacity,1))}.hover\:bg-\[\#6d28d9\]:hover{--tw-bg-opacity:1;background-color:rgb(109 40 217/var(--tw-bg-opacity,1))}.hover\:bg-amber-100:hover{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:bg-white\/25:hover{background-color:#ffffff40}.hover\:text-\[\#0a54b8\]:hover{--tw-text-opacity:1;color:rgb(10 84 184/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:brightness-105:hover{--tw-brightness:brightness(1.05);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)}.focus\:border-\[\#0a54b8\]:focus{--tw-border-opacity:1;border-color:rgb(10 84 184/var(--tw-border-opacity,1))}.focus\:shadow-\[0_0_0_4px_rgba\(10\,84\,184\,0\.1\)\]:focus{--tw-shadow:0 0 0 4px #0a54b81a;--tw-shadow-colored:0 0 0 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)}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.97\]:active{--tw-scale-x:.97;--tw-scale-y:.97;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.98\]:active{--tw-scale-x:.98;--tw-scale-y:.98;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.99\]:active{--tw-scale-x:.99;--tw-scale-y:.99;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:bg-\[\#072f67\]:active{--tw-bg-opacity:1;background-color:rgb(7 47 103/var(--tw-bg-opacity,1))}.active\:bg-\[\#08408a\]:active{--tw-bg-opacity:1;background-color:rgb(8 64 138/var(--tw-bg-opacity,1))}.active\:bg-slate-100:active{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.active\:bg-slate-100\/70:active{background-color:#f1f5f9b3}.active\:bg-slate-50:active{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.active\:bg-slate-50\/80:active{background-color:#f8fafccc}.active\:bg-slate-800:active{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.active\:bg-white\/25:active{background-color:#ffffff40}.active\:bg-white\/30:active{background-color:#ffffff4d}.active\:text-\[\#0a54b8\]:active{--tw-text-opacity:1;color:rgb(10 84 184/var(--tw-text-opacity,1))}.active\:text-slate-600:active{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:shadow-none:disabled{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}@media (width>=640px){.sm\:block{display:block}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}:root{--c-bg:#f5f7fb;--c-border:#e5e7eb;--c-text:#0f172a;--c-text-muted:#64748b;--primary:#1a1a1a;--primary-light:#333;--accent:#3182ce;--success:#38a169;--danger:#e53e3e;--warning:#d69e2e;--bg:#f7fafc;--card-bg:#fff;--text-main:#2d3748;--text-muted:#718096;--border:#e2e8f0;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f}.flex{display:flex!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.items-start{align-items:flex-start!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.gap-2{gap:.5rem!important}.gap-3{gap:.75rem!important}.gap-4{gap:1rem!important}.gap-5{gap:1.25rem!important}.min-w-0{min-width:0!important}.w-full{width:100%!important}.flex-1{flex:1!important}.truncate{text-overflow:ellipsis!important;white-space:nowrap!important;display:block!important;overflow:hidden!important}.hidden{display:none!important}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.text-sm{font-size:12px}.text-base{font-size:14px}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.rounded{border-radius:8px}.rounded-lg{border-radius:12px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.login-container{background:linear-gradient(135deg,#1a1a1a 0%,#333 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{border-radius:var(--radius-lg);background:#fff;flex-direction:column;gap:24px;width:100%;max-width:420px;padding:48px;animation:.6s cubic-bezier(.16,1,.3,1) slideUp;display:flex;box-shadow:0 20px 25px -5px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:8px}.login-header h1{color:var(--primary);letter-spacing:-.025em;margin-bottom:8px;font-size:32px;font-weight:800}.login-header p{color:var(--text-muted)}.login-error-box{color:#e53e3e;text-align:center;background:#fff5f5;border:1px solid #feb2b2;border-radius:12px;padding:12px;font-size:14px}.app-container{flex-direction:column;min-height:100vh;display:flex}.header{border-bottom:1px solid var(--border);z-index:1000;background:#fff;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.nav-bar{border-bottom:1px solid var(--border);background:#fff;gap:8px;padding:0 24px;display:flex}.nav-item{color:var(--text-muted);cursor:pointer;padding:16px 20px;font-size:15px;font-weight:600;transition:all .2s;position:relative}.nav-item:hover,.nav-item.active{color:var(--primary)}.nav-item.active:after{content:"";background:var(--primary);height:3px;position:absolute;bottom:0;left:0;right:0}.page{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:32px 24px}.page.page-wide{max-width:100%}.page.page-kpi{background:#f1f5f9;padding:16px 18px}.kpi-page{flex-direction:column;gap:14px;display:flex}.kpi-header-card{border:1px solid var(--border);background:#fff;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px 22px;display:flex;box-shadow:0 1px 3px #0f172a0f,0 1px 2px -1px #0f172a0a}.kpi-header-left{align-items:flex-start;gap:14px;display:flex}.kpi-header-icon{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex;box-shadow:0 3px 6px #2563eb40}.kpi-header-title{color:#0f172a;margin:0;font-size:26px;font-weight:800;line-height:1.1}.kpi-header-sub{color:#64748b;max-width:520px;margin-top:4px;font-size:13px;line-height:1.45}.kpi-legend-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0;min-width:280px;padding:10px 14px}.kpi-legend-title{text-transform:uppercase;letter-spacing:.04em;color:#475569;margin-bottom:8px;font-size:11px;font-weight:700}.kpi-legend-list{flex-direction:column;gap:6px;display:flex}.kpi-legend-item{color:#334155;align-items:center;gap:8px;font-size:12px;font-weight:500;line-height:1.3;display:flex}.kpi-legend-dot{border-radius:999px;flex-shrink:0;width:16px;height:16px;box-shadow:inset 0 0 0 2px #fffc}.kpi-top-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}@media (width<=1280px){.kpi-top-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.kpi-top-cards{grid-template-columns:1fr}}.kpi-card{border:1px solid var(--border);background:#fff;border-radius:16px;align-items:flex-start;gap:14px;padding:18px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0f172a0f,0 1px 2px -1px #0f172a0a}.kpi-card-iconwrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:26px;display:flex}.kpi-card-body{flex:1;min-width:0}.kpi-card-label{letter-spacing:.02em;margin-bottom:5px;font-size:12px;font-weight:700}.kpi-card-value{margin-bottom:4px;font-size:32px;font-weight:800;line-height:1}.kpi-card-meta{color:#64748b;font-size:12px;font-weight:500}.kpi-card-right-visual{opacity:.85;pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.kpi-card-blue{background:linear-gradient(90deg,#eff6ff 0%,#fff 55%);border-left:4px solid #2563eb}.kpi-card-blue .kpi-card-iconwrap{color:#1d4ed8;background:#dbeafe;box-shadow:inset 0 0 0 1px #bfdbfe}.kpi-card-blue .kpi-card-label{color:#1e3a8a}.kpi-card-blue .kpi-card-value{color:#1e40af}.kpi-card-red{background:linear-gradient(90deg,#fef2f2 0%,#fff 55%);border-left:4px solid #dc2626}.kpi-card-red .kpi-card-iconwrap{color:#dc2626;background:#fee2e2;box-shadow:inset 0 0 0 1px #fecaca}.kpi-card-red .kpi-card-label{color:#b91c1c}.kpi-card-red .kpi-card-value{color:#dc2626}.kpi-card-red .kpi-card-meta{color:#991b1b}.kpi-card-yellow{background:linear-gradient(90deg,#fffbeb 0%,#fff 55%);border-left:4px solid #ca8a04}.kpi-card-yellow .kpi-card-iconwrap{color:#ca8a04;background:#fef3c7;box-shadow:inset 0 0 0 1px #fde68a}.kpi-card-yellow .kpi-card-label{color:#a16207}.kpi-card-yellow .kpi-card-value{color:#ca8a04}.kpi-card-green{background:linear-gradient(90deg,#ecfdf5 0%,#fff 55%);border-left:4px solid #059669}.kpi-card-green .kpi-card-iconwrap{color:#059669;background:#d1fae5;box-shadow:inset 0 0 0 1px #a7f3d0}.kpi-card-green .kpi-card-label{color:#047857}.kpi-card-green .kpi-card-value{color:#059669}.kpi-filters-card{border:1px solid var(--border);background:#fff;border-radius:16px;padding:14px 18px;box-shadow:0 1px 3px #0f172a0f,0 1px 2px -1px #0f172a0a}.kpi-filters-grid{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:14px;display:grid}@media (width<=1280px){.kpi-filters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.kpi-filters-grid{grid-template-columns:1fr}}.kpi-filter{flex-direction:column;gap:5px;min-width:0;display:flex}.kpi-filter-label{color:#334155;letter-spacing:.01em;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.kpi-filter-label svg,.kpi-filter-label .kpi-label-icon{color:#2563eb;font-size:14px}.kpi-filter select{color:#0f172a;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E") right 10px center/18px 18px no-repeat;border:1px solid #e2e8f0;border-radius:10px;width:100%;height:40px;padding:8px 32px 8px 12px;font-size:14px;font-weight:500}.kpi-btn-reset{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;height:40px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s}.kpi-btn-reset:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.kpi-charts-grid{grid-template-columns:1.1fr 1fr 1.1fr;gap:16px;display:grid}@media (width<=1280px){.kpi-charts-grid{grid-template-columns:1fr}}.kpi-chart-card{border:1px solid var(--border);background:#fff;border-radius:16px;flex-direction:column;min-height:420px;padding:16px 18px;display:flex;box-shadow:0 1px 3px #0f172a0f,0 1px 2px -1px #0f172a0a}.kpi-chart-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.kpi-chart-title{color:#0f172a;align-items:center;gap:6px;margin:0;font-size:16px;font-weight:800;display:flex}.kpi-info-badge{color:#475569;cursor:help;background:#e2e8f0;border-radius:999px;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:800;line-height:1;display:inline-flex}.kpi-chart-subtitle{color:#64748b;margin-top:4px;font-size:12px}.kpi-chart-body{flex:auto;min-height:300px;position:relative}.kpi-chart-footer{color:#2563eb;text-align:right;margin-top:8px;font-size:11px;font-weight:700}.kpi-leader-bars{flex-direction:column;gap:8px;padding:14px 0 4px;display:flex}.kpi-leader-bar-row{grid-template-columns:120px 1fr 50px;align-items:center;gap:10px;display:grid}.kpi-leader-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.kpi-leader-bar{background:#f1f5f9;border-radius:6px;height:22px;position:relative;overflow:hidden}.kpi-leader-bar-fill{background:linear-gradient(90deg,#ef4444 0%,#dc2626 100%);border-radius:6px;transition:width .4s;position:absolute;top:0;bottom:0;left:0}.kpi-leader-count{text-align:right;color:#0f172a;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.kpi-leader-axis{grid-template-columns:120px 1fr 50px;gap:10px;margin-top:6px;display:grid}.kpi-leader-axis-inner{border-top:1px dashed #cbd5e1;height:22px;position:relative}.kpi-leader-axis-tick{color:#64748b;font-size:10px;font-weight:500;position:absolute;top:2px;transform:translate(-50%)}.kpi-leader-axis-label{text-align:center;color:#475569;grid-column:2/3;margin-top:2px;font-size:11px;font-weight:700}.kpi-donut-wrap{flex-wrap:wrap;align-items:center;gap:18px;min-height:280px;padding-top:14px;display:flex}.kpi-donut{flex-shrink:0;width:200px;height:200px;margin:0 auto}.kpi-donut-legend{flex-direction:column;flex:160px;gap:12px;min-width:160px;display:flex}.kpi-donut-legend-row{align-items:center;gap:10px;display:flex}.kpi-donut-legend-swatch{border-radius:999px;flex-shrink:0;width:12px;height:12px}.kpi-donut-legend-label{color:#334155;flex:1;font-size:13px;font-weight:500}.kpi-donut-legend-value{color:#0f172a;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.kpi-donut-total{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;margin-top:6px;padding:8px 12px;font-weight:700;display:flex}.kpi-donut-total-label{color:#475569;text-transform:uppercase;letter-spacing:.04em;font-size:12px}.kpi-donut-total-value{color:#0f172a;font-size:20px}.kpi-trend-wrap{padding-top:10px;position:relative}.kpi-trend-footer{text-align:right;color:#2563eb;margin-top:10px;font-size:11px;font-weight:700}.kpi-trend-footer .plus-mini{color:#2563eb}.kpi-ranking-card{border:1px solid var(--border);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0f172a0f,0 1px 2px -1px #0f172a0a}.kpi-ranking-header{flex-wrap:wrap;align-items:center;gap:8px;padding:16px 20px 12px;display:flex}.kpi-ranking-title{color:#0f172a;align-items:center;gap:6px;margin:0;font-size:16px;font-weight:800;display:flex}.kpi-ranking-table-wrap{overflow-x:auto}.kpi-ranking-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:900px}.kpi-ranking-table th{color:#334155;text-align:left;background:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:11px 14px;font-size:12px;font-weight:700}.kpi-ranking-table th:first-child{text-align:center;width:80px}.kpi-ranking-table th:nth-child(2),.kpi-ranking-table th:nth-child(3){width:180px}.kpi-ranking-table th:nth-child(4){text-align:right;width:120px}.kpi-ranking-table th:nth-child(5),.kpi-ranking-table th:nth-child(6),.kpi-ranking-table th:nth-child(7){text-align:right;width:90px}.kpi-ranking-table th:nth-child(8){text-align:center;width:160px}.kpi-ranking-table th:nth-child(9){text-align:center;width:170px}.kpi-ranking-table tbody td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 14px;font-size:13px}.kpi-ranking-table tbody tr{transition:background .12s}.kpi-ranking-table tbody tr:nth-child(2n){background:#fcfcfd}.kpi-ranking-table tbody tr:hover{cursor:pointer;background:#eff6ff}.kpi-rank-cell{text-align:center;color:#334155;font-size:14px;font-weight:700}.kpi-medal{border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;font-weight:700;line-height:1;display:inline-flex}.kpi-medal-gold{color:#78350f;background:linear-gradient(135deg,#fde68a 0%,#f59e0b 100%);box-shadow:0 1px 3px #f59e0b59,inset 0 0 0 1px #fbbf24}.kpi-medal-silver{color:#1e293b;background:linear-gradient(135deg,#e2e8f0 0%,#94a3b8 100%);box-shadow:0 1px 3px #64748b4d,inset 0 0 0 1px #cbd5e1}.kpi-medal-bronze{color:#431407;background:linear-gradient(135deg,#fed7aa 0%,#c2410c 100%);box-shadow:0 1px 3px #c2410c4d,inset 0 0 0 1px #fb923c}.kpi-rank-num-cell{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:inline-flex}.kpi-num-cell{text-align:right;font-variant-numeric:tabular-nums;color:#0f172a;font-weight:600}.kpi-num-open{color:#dc2626}.kpi-num-progress{color:#ca8a04}.kpi-num-closed{color:#059669}.kpi-center-cell{text-align:center}.kpi-badge{letter-spacing:.02em;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.kpi-badge-verygood{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.kpi-badge-good{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.kpi-badge-warn{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa}.kpi-badge-danger{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.kpi-footer-info{color:#475569;background:#f8fafc;border-top:1px solid #f1f5f9;align-items:center;gap:6px;padding:12px 20px;font-size:12px;font-weight:500;display:flex}.kpi-footer-info-icon{color:#1d4ed8;background:#dbeafe;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:inline-flex}.kpi-rank-toggle{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;align-items:stretch;gap:3px;padding:3px;display:inline-flex}.kpi-rank-tab{appearance:none;color:#475569;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;padding:7px 14px;font-size:12.5px;font-weight:700;transition:all .15s;display:inline-flex}.kpi-rank-tab:hover{color:#0f172a;background:#ffffff8c}.kpi-rank-tab.active{color:#1d4ed8;background:#fff;box-shadow:0 1px 2px #0f172a1a,0 0 0 1px #dbeafe}@media (width<=640px){.kpi-ranking-header{flex-direction:column;align-items:flex-start;gap:10px}.kpi-rank-tab{padding:6px 10px;font-size:11.5px}}.kpi-mini-barchart{opacity:.9;align-items:flex-end;gap:3px;height:48px;padding:0 4px;display:inline-flex}.kpi-mini-bar{opacity:.7;background:currentColor;border-radius:3px 3px 0 0;width:8px}.kpi-mini-barchart-blue .kpi-mini-bar{color:#2563eb}.kpi-mini-barchart-yellow .kpi-mini-bar{color:#d97706}.kpi-leaf-emoji{opacity:.25;color:#10b981;font-size:44px}.kpi-warning-emoji{opacity:.25;color:#dc2626;font-size:44px}.kpi-modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:18px;animation:.16s kpiModalFadeIn;display:flex;position:fixed;inset:0}@keyframes kpiModalFadeIn{0%{opacity:0}to{opacity:1}}.kpi-modal-dialog{background:#fff;border-radius:18px;flex-direction:column;width:100%;max-width:1040px;max-height:90vh;animation:.22s cubic-bezier(.16,1,.3,1) kpiModalRise;display:flex;overflow:hidden;box-shadow:0 30px 60px -15px #0f172a59,0 0 0 1px #0f172a0a}@keyframes kpiModalRise{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.kpi-modal-header{background:linear-gradient(#f8fafc 0%,#fff 100%);border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;display:flex}.kpi-modal-icon{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:inline-flex;box-shadow:inset 0 0 0 1px #3b82f640}.kpi-modal-title{color:#0f172a;margin:0;font-size:19px;font-weight:800;line-height:1.2}.kpi-modal-subtitle{color:#64748b;margin-top:3px;font-size:12px;font-weight:500}.kpi-modal-close{appearance:none;color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:700;transition:all .13s;display:inline-flex}.kpi-modal-close:hover{color:#b91c1c;background:#fee2e2;transform:scale(1.05)}.kpi-modal-close:active{transform:scale(.97)}.kpi-modal-body{flex:auto;padding:16px 20px 4px;overflow-y:auto}.kpi-modal-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}.kpi-modal-table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.kpi-modal-table thead th{text-align:left;color:#334155;text-transform:uppercase;letter-spacing:.02em;background:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-size:11px;font-weight:700}.kpi-modal-table tbody td{vertical-align:top;color:#334155;border-bottom:1px solid #f1f5f9;padding:10px 12px}.kpi-modal-table tbody tr:last-child td{border-bottom:none}.kpi-modal-table tbody tr{cursor:pointer;transition:background .12s}.kpi-modal-table tbody tr:hover{background:#eff6ff}.kpi-modal-table tbody tr.row-overdue{background:#fff1f2}.kpi-modal-table tbody tr.row-overdue:hover{background:#ffe4e6}.kpi-modal-table .cell-date{color:#0f172a;white-space:nowrap;font-weight:700}.kpi-modal-table .cell-loc{max-width:150px;font-weight:500}.kpi-modal-table .cell-desc{color:#334155}.kpi-modal-table .truncate-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.kpi-modal-footer{background:#fafafa;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px 16px;display:flex}.kpi-modal-btn-primary{appearance:none;color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:10px;padding:9px 20px;font-size:13px;font-weight:700;transition:all .14s;box-shadow:0 2px 6px #2563eb4d}.kpi-modal-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 10px #2563eb66}.kpi-modal-btn-primary:active{transform:translateY(0)}.kpi-modal-filter-card{background:linear-gradient(#f8fafc 0%,#fff 100%);border:1px solid #e2e8f0;border-radius:14px;margin-bottom:14px;padding:12px 14px}.kpi-modal-filter-title{color:#0f172a;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;font-weight:800;line-height:1;display:flex}.kpi-modal-filter-reset{appearance:none;color:#2563eb;cursor:pointer;background:#fff;border:1px solid #bfdbfe;border-radius:8px;padding:5px 10px;font-size:11.5px;font-weight:700;transition:all .13s}.kpi-modal-filter-reset:hover{background:#eff6ff;border-color:#2563eb}.kpi-modal-filter-grid{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.kpi-date-field{flex-direction:column;gap:4px;min-width:0;display:flex}.kpi-date-field-label{color:#475569;text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:700}.kpi-date-input{appearance:none;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:9px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:600;transition:all .13s}.kpi-date-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.kpi-date-info-box{color:#334155;text-align:center;white-space:nowrap;background:#fff;border:1px dashed #cbd5e1;border-radius:9px;justify-content:center;align-items:center;min-width:0;height:38px;padding:6px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.kpi-date-sep{color:#64748b}.kpi-date-nofilter{color:#94a3b8;font-weight:600}@media (width<=720px){.kpi-modal-filter-grid{grid-template-columns:1fr 1fr}.kpi-date-info{grid-column:1/-1}.kpi-modal-dialog{border-radius:14px}.kpi-modal-header{padding:12px 14px}.kpi-modal-body{padding:12px 14px 2px}.kpi-modal-footer{padding:12px 14px}.kpi-modal-title{font-size:16px}.kpi-modal-table{font-size:12px}.kpi-modal-table thead th,.kpi-modal-table tbody td{padding:8px 9px}}.page.page-dashboard{background:#f1f5f9;padding:16px 18px}.page.page-sop{background:#f5f7fb;padding:14px 16px 22px}.sop-page{flex-direction:column;gap:14px;display:flex}.sop-topgrid{grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr));align-items:stretch;gap:12px;display:grid}.sop-headercard{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px 20px;box-shadow:0 1px 2px #0f172a0a}.sop-headericon{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:inline-flex;box-shadow:0 2px 6px #10b98140}.sop-headertitle{color:#0f172a;margin:0;font-size:22px;font-weight:800;line-height:1.2}.sop-headersub{color:#64748b;max-width:600px;margin:5px 0 0;font-size:13px;line-height:1.45}.sop-statcard{cursor:default;background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:stretch;min-height:96px;padding:14px 16px;transition:all .16s;display:flex;box-shadow:0 1px 2px #0f172a0a}.sop-statcard:hover{transform:translateY(-1px);box-shadow:0 3px 10px #0f172a0f}.sop-staticon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:inline-flex}.sop-statlabel{color:#64748b;text-transform:none;letter-spacing:0;font-size:11px;font-weight:600}.sop-statvalue{color:#0f172a;margin-top:2px;font-size:22px;font-weight:900;line-height:1.15}.sop-statmeta{color:#94a3b8;margin-top:3px;font-size:11px;font-weight:500}.sop-bodygrid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:14px;display:grid}.sop-whitecard{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 1px 2px #0f172a0a}.sop-formgrid2{grid-template-columns:1fr 1fr;gap:12px 14px;display:grid}.sop-field{flex-direction:column;gap:5px;min-width:0;display:flex}.sop-field-full{grid-column:1/-1}.sop-field label{color:#0f172a;letter-spacing:0;text-transform:none;font-size:11.5px;font-weight:700}.sop-field input,.sop-field select,.sop-field textarea{appearance:none;color:#0f172a;resize:vertical;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:13px;font-weight:600;transition:all .13s}.sop-field input::-moz-placeholder{color:#94a3b8;font-weight:500}.sop-field textarea::-moz-placeholder{color:#94a3b8;font-weight:500}.sop-field input::placeholder,.sop-field textarea::placeholder{color:#94a3b8;font-weight:500}.sop-field input:focus,.sop-field select:focus,.sop-field textarea:focus{background:#fafcff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f621}.sop-dropzone2{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fafcff;border:2px dashed #cbd5e1;border-radius:14px;justify-content:center;align-items:center;min-height:116px;padding:16px 18px;transition:all .15s;display:flex}.sop-dropzone2:hover{background:#eff6ff;border-color:#3b82f6}.sop-dropzone2.drag-over{background:#ecfdf5;border-style:solid;border-color:#10b981}.sop-dropzone2.has-file{background:#f5f9ff;border-style:dashed;border-color:#93c5fd}.sop-filepreview{grid-template-columns:72px 1fr auto;align-items:center;gap:14px;width:100%;display:grid}.sop-filepreview-thumb{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;padding:6px;display:inline-flex;overflow:hidden}.sop-fp-name{color:#0f172a;font-size:14px;font-weight:800}.sop-fp-meta{color:#64748b;margin-top:2px;font-size:12px;font-weight:600}.sop-fp-status{color:#059669;margin-top:5px;font-size:12px;font-weight:700}.sop-fp-del{color:#dc2626;cursor:pointer;background:#fff1f2;border:1px solid #fee2e2;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;transition:all .12s;display:inline-flex}.sop-fp-del:hover{background:#fee2e2;border-color:#ef4444;transform:scale(1.05)}.sop-btn-outline{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:all .13s;display:inline-flex}.sop-btn-outline:hover:not([disabled]){background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.sop-btn-outline:disabled{opacity:.55;cursor:not-allowed}.sop-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(#3b82f6 0%,#2563eb 100%);border:1px solid #2563eb;border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:700;transition:all .13s;display:inline-flex;box-shadow:0 2px 5px #2563eb38}.sop-btn-primary:hover:not([disabled]){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 3px 8px #2563eb4d}.sop-btn-primary:disabled{opacity:.6;cursor:not-allowed}.sop-katrow2{cursor:pointer;border:1px solid #0000;border-radius:12px;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:10px;transition:all .13s;display:grid}.sop-katrow2:hover{background:#f1f5f9;border-color:#e2e8f0;transform:translate(2px)}.sop-katicon{border:1px solid;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:inline-flex}.sop-kattitle{color:#0f172a;margin-bottom:6px;font-size:13.5px;font-weight:700}.sop-katcount{color:#0f172a;text-align:right;font-size:12.5px;font-weight:800}.sop-katpct{color:#2563eb;text-align:right;margin-top:2px;font-size:12px;font-weight:700}.sop-filetypecard{background:#f5f9ff;border-color:#bfdbfe}.sop-filetypecard .sop-ft-grid{grid-template-columns:1fr 1fr;gap:6px 14px;margin-top:6px;display:grid}.sop-ft-row{align-items:center;gap:8px;padding:4px 0;display:flex}.sop-ft-icon{font-size:17px;line-height:1}.sop-ft-text{color:#0f172a;font-size:12px;font-weight:600}.sop-ft-max{color:#1e40af;text-align:center;border-top:1px dashed #bfdbfe;margin-top:10px;padding-top:8px;font-size:12px;font-weight:700}.sop-listheader{background:#fff;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;display:flex}.sop-inputsearch{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;min-width:280px;padding:7px 12px;transition:all .12s;display:inline-flex}.sop-inputsearch:focus-within{background:#fafcff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.sop-inputsearch span{color:#64748b}.sop-inputsearch input{color:#0f172a;background:0 0;border:0;outline:none;flex:1;padding:3px 4px;font-size:13px;font-weight:600}.sop-inputsearch input::placeholder{color:#94a3b8;font-weight:500}.sop-inputselect{color:#0f172a;appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") right 10px center no-repeat;border:1px solid #e2e8f0;border-radius:10px;outline:none;min-width:170px;padding:9px 34px 9px 12px;font-family:inherit;font-size:13px;font-weight:700}.sop-inputselect:focus{background-color:#fafcff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.sop-listwrap{border-bottom-right-radius:14px;border-bottom-left-radius:14px;max-height:76vh;overflow:auto}.sop-listtable{border-collapse:separate;border-spacing:0;table-layout:fixed;background:#fff;width:100%;font-size:13px}.sop-listtable col.sop-col-nodoc{width:150px}.sop-listtable col.sop-col-judul{width:auto}.sop-listtable col.sop-col-kat{width:160px}.sop-listtable col.sop-col-tgl{width:165px}.sop-listtable col.sop-col-size{width:110px}.sop-listtable col.sop-col-up{width:160px}.sop-listtable col.sop-col-act{width:290px}.sop-listtable thead th{color:#475569;text-transform:uppercase;letter-spacing:.04em;text-align:left;z-index:2;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:11px 14px;font-size:11px;font-weight:800;position:sticky;top:0}.sop-listtable thead th[style*=text-align\:right],.sop-listtable thead th[style*="text-align: right"],.sop-listtable thead th[style*=text-align\:center],.sop-listtable thead th[style*="text-align: center"]{text-align:right}.sop-listtable thead th:last-child{text-align:center!important}.sop-listtable thead th:nth-last-child(2){text-align:left}.sop-listtable tbody tr{height:76px;transition:background .11s}.sop-listtable tbody tr:nth-child(2n){background:#fbfcfd}.sop-listtable tbody tr:hover{background:#eff6ff}.sop-listtable tbody td{vertical-align:middle;color:#0f172a;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:10px 14px;overflow:hidden}.sop-listtable tbody td:nth-child(5){text-align:right}.sop-listtable tbody td:last-child{text-align:center}.sop-sorthead{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:5px;margin-right:auto;padding:2px 6px;transition:background .1s;display:inline-flex}.sop-sorthead:hover{color:#0f172a;background:#e2e8f0}.sop-nodoc{color:#1e3a8a;white-space:nowrap;text-overflow:ellipsis;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;max-width:100%;padding:5px 10px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;font-weight:800;display:inline-block;overflow:hidden}.sop-judulrow{align-items:center;gap:12px;width:100%;min-width:0;display:flex}.sop-judulrow>*{min-width:0}.sop-judulname{color:#0f172a;font-size:13.5px;font-weight:800;line-height:1.2}.sop-juduldesc{color:#64748b;margin-top:2px;font-size:12px;font-weight:500;line-height:1.2}.sop-judulfn{color:#94a3b8;margin-top:4px;font-size:11px;font-style:italic;font-weight:500;line-height:1.2}.sop-katbadge{white-space:nowrap;text-overflow:ellipsis;border:1px solid;border-radius:8px;align-items:center;gap:5px;max-width:100%;padding:5px 10px;font-size:11.5px;font-weight:700;line-height:1.3;display:inline-flex;overflow:hidden}.sop-tgl{color:#334155;white-space:nowrap;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;font-weight:600}.sop-uploader-name{color:#0f172a;font-size:12.5px;font-weight:700;line-height:1.2}.sop-uploader-user{color:#94a3b8;margin-top:3px;font-size:11px;font-weight:500;line-height:1.2}.sop-actions{flex-wrap:nowrap;justify-content:center;align-items:center;gap:6px;width:100%;display:inline-flex}.sop-actbtn{color:#0f172a;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:6px 9px;font-family:inherit;font-size:11.5px;font-weight:700;text-decoration:none;transition:all .11s;display:inline-flex}.sop-actbtn:hover:not([disabled]){background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.sop-actbtn:disabled{opacity:.5;cursor:not-allowed}.sop-actbtn-edit{color:#1e3a8a;background:#fafcff;border-color:#bfdbfe}.sop-actmenu{cursor:pointer;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:900;transition:all .11s;display:inline-flex;position:relative}.sop-actmenu:hover{background:#f1f5f9;border-color:#cbd5e1}.sop-actmenu-popup{z-index:10;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:190px;padding:6px;display:none;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 4px 12px #0f172a1a}.sop-actmenu:hover>.sop-actmenu-popup,.sop-actmenu:focus-within>.sop-actmenu-popup{display:block}.sop-actmenu-popup button{text-align:left;cursor:pointer;color:#b91c1c;background:0 0;border:0;border-radius:8px;width:100%;padding:8px 10px;font-family:inherit;font-size:12.5px;font-weight:700;transition:background .1s;display:block}.sop-actmenu-popup button:hover:not([disabled]){background:#fef2f2}.sop-actmenu-popup button:disabled{opacity:.45;cursor:not-allowed;color:#94a3b8}.sop-pagination{background:#fff;border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 22px;display:flex}.sop-pageinfo{color:#475569;font-size:12.5px}.sop-pager{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.sop-pager button{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:32px;height:32px;padding:0 10px;font-family:inherit;font-size:12.5px;font-weight:700;transition:all .11s}.sop-pager button:hover:not([disabled]):not(.active){background:#f8fafc;border-color:#cbd5e1}.sop-pager button.active{color:#fff;background:linear-gradient(#3b82f6 0%,#2563eb 100%);border-color:#2563eb;box-shadow:0 2px 5px #2563eb40}.sop-pager button:disabled{opacity:.45;cursor:not-allowed}.sop-pager-dots{color:#94a3b8;padding:0 6px;font-size:13px;font-weight:800}@media (width<=1320px){.sop-topgrid{grid-template-columns:minmax(0,1.3fr) repeat(4,minmax(0,1fr))}.sop-statcard{padding:12px 13px}.sop-headertitle{font-size:19px}}@media (width<=1160px){.sop-topgrid{grid-template-columns:minmax(0,1fr) 1fr 1fr}.sop-headercard{grid-column:1/-1}.sop-bodygrid{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.sop-topgrid{grid-template-columns:1fr 1fr}.sop-statcard{min-height:auto}.sop-formgrid2{grid-template-columns:1fr}.sop-filepreview{grid-template-columns:64px 1fr auto}.sop-listheader{padding:14px 16px}.sop-inputsearch{min-width:100%}.sop-pagination{padding:12px 14px}.sop-listtable thead th,.sop-listtable tbody td{padding:10px 12px}}.dashboard-content{flex-direction:column;gap:14px;width:100%;max-width:none;margin:0;display:flex}.page-dashboard .form-section{border:1px solid var(--border);background:#fff;border-radius:16px;padding:18px 20px;box-shadow:0 1px 3px #0f172a0f,0 1px 2px -1px #0f172a0a}.page-dashboard .form-section h3{margin-bottom:10px}.page-dashboard .chart-card{flex-direction:column;height:100%;min-height:560px;display:flex;box-shadow:0 1px 3px #0f172a0f,0 1px 2px -1px #0f172a0a}.stat-card{border-radius:var(--radius-md);box-shadow:var(--shadow);border:1px solid var(--border);background:#fff;align-items:center;gap:20px;padding:24px;transition:transform .2s;display:flex}.stat-icon{border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;display:flex}.stat-info h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:13px}.stat-info .value{font-size:32px;font-weight:800;line-height:1}.dashboard-row{grid-template-columns:2fr 1fr;gap:24px;margin-top:24px;display:grid}.dashboard-hero{border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(135deg,#fff 0%,#f8fafc 55%,#eef2ff 100%);justify-content:space-between;gap:24px;padding:28px;display:flex}.hero-left{flex-direction:column;flex:1;gap:14px;min-width:260px;display:flex}.hero-title{letter-spacing:-.02em;color:var(--primary);font-size:28px;font-weight:900}.hero-subtitle{color:var(--text-muted);font-size:14px}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}@supports not (gap:12px){.hero-actions{margin-bottom:-12px;margin-right:-12px}.hero-actions>*{margin-bottom:12px;margin-right:12px}.welcome-actions{margin-bottom:-12px;margin-right:-12px}.welcome-actions>*{margin-bottom:12px;margin-right:12px}.list-actions{margin-bottom:-12px;margin-right:-12px}.list-actions>*{margin-bottom:12px;margin-right:12px}}.hero-right{justify-content:flex-end;align-items:center;gap:18px;min-width:320px;display:flex}.donut{border:1px solid var(--border);background:#e2e8f0;border-radius:999px;justify-content:center;align-items:center;width:120px;height:120px;display:flex}@supports (background:conic-gradient(#000 0 25%, #fff 0)){.donut{background:conic-gradient(var(--success) calc(var(--p) * 1%), #e2e8f0 0)}}.donut-inner{border:1px solid var(--border);background:#fff;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;width:86px;height:86px;display:flex}.donut-value{color:var(--primary);font-size:22px;font-weight:900;line-height:1.1}.donut-label{color:var(--text-muted);font-size:12px;font-weight:700}.status-breakdown{flex-direction:column;gap:10px;width:220px;display:flex}.status-row{color:var(--text-main);justify-content:space-between;font-size:14px;display:flex}.status-bar{background:#edf2f7;border-radius:999px;width:100%;height:10px;display:flex;overflow:hidden}.status-bar-open{background:var(--danger);height:100%}.status-bar-closed{background:var(--success);height:100%}.status-bar-progress{background:var(--warning);height:100%}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:18px;display:grid}.kpi-card{border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);background:#fff;flex-direction:column;gap:10px;padding:18px;display:flex}.kpi-top{align-items:center;gap:10px;display:flex}.kpi-icon{border:1px solid var(--border);background:var(--bg);border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.kpi-icon-neutral{color:#3182ce;background:#ebf8ff;border-color:#bee3f8}.kpi-icon-danger{color:#c53030;background:#fff5f5;border-color:#fed7d7}.kpi-icon-success{color:#2f855a;background:#f0fff4;border-color:#c6f6d5}.kpi-icon-warning{color:#b7791f;background:ivory;border-color:#feebc8}.kpi-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:800}.kpi-value{color:var(--primary);font-size:30px;font-weight:900;line-height:1}.kpi-sub{color:var(--text-muted);font-size:13px}.chart-grid{grid-template-columns:1fr;gap:16px;margin-top:16px;display:grid}.chart-card{padding:22px}.chart-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.chart-subtitle{color:var(--text-muted);margin-top:6px;font-size:13px}.chart-controls{align-items:center;gap:10px;display:flex}.month-input{border-radius:var(--radius-sm);border:1px solid var(--border);background:#fff;padding:10px 12px;font-size:14px}.chart-legend{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.legend-item{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.legend-dot{border-radius:999px;width:10px;height:10px;display:inline-block}.legend-dot-open{background:var(--danger)}.legend-dot-progress{background:#d69e2e}.legend-dot-closed{background:var(--success)}.chart-wrap{border-radius:var(--radius-md);border:1px solid var(--border);background:#fff;width:100%;overflow:hidden}.chart-tooltip{color:#fff;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172aeb;border-radius:12px;min-width:160px;padding:10px 12px;position:absolute;transform:translateY(-100%);box-shadow:0 10px 22px #00000038}.chart-tooltip-title{margin-bottom:8px;font-size:12px;font-weight:800}.chart-tooltip-row{opacity:.95;justify-content:space-between;gap:12px;font-size:12px;line-height:1.3;display:flex}.chart-svg{width:100%;min-width:0;height:100%;display:block}.chart-shell{flex:auto;width:100%;min-height:360px;position:relative}.chart-bar-group rect{transition:opacity .12s,filter .12s}.chart-bar-group:hover rect{filter:brightness(.98)}.dashboard-row.dashboard-row-2{grid-template-columns:2fr 1fr;align-items:start}.recent-list{flex-direction:column;gap:12px;display:flex}.recent-item{border:1px solid var(--border);border-radius:var(--radius-md);background:#fcfcfc;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px;display:grid}.recent-thumb{-o-object-fit:cover;object-fit:cover;border:1px solid var(--border);background:#edf2f7;border-radius:14px;width:56px;height:56px}.recent-info{flex-direction:column;gap:6px;min-width:0;display:flex}.recent-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.recent-area{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.recent-sub{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.recent-dot{color:#cbd5e1}.reminder-grid{grid-template-columns:1fr;gap:12px;display:grid}.reminder-card{border:1px solid var(--border);border-radius:var(--radius-md);background:#fcfcfc;flex-direction:column;gap:10px;padding:14px;display:flex}.reminder-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:800}.reminder-value{color:var(--primary);font-size:28px;font-weight:900;line-height:1}.reminder-list{flex-direction:column;gap:8px;display:flex}.reminder-item{border:1px solid var(--border);text-align:left;cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;gap:6px;padding:10px;display:flex}.reminder-item:hover{background:#f8fafc}.reminder-item-top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.reminder-item-loc{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.reminder-item-due{color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px;font-weight:800}.reminder-item-mid{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.reminder-item-bottom{justify-content:space-between;align-items:center;gap:10px;display:flex}.reminder-item-pic{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.reminder-empty{border:1px dashed var(--border);color:var(--text-muted);background:#f8fafc;border-radius:12px;padding:10px;font-size:12px}.welcome-box{background:linear-gradient(90deg,#fff,#f8f9fa);position:relative;overflow:hidden}.welcome-content h2{color:var(--primary);margin-bottom:12px;font-size:24px}.welcome-content p{color:var(--text-muted);max-width:500px;margin-bottom:24px}.welcome-actions{gap:12px;display:flex}.progress-container{margin-top:20px}.progress-label{justify-content:space-between;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.progress-bar{background:#edf2f7;border-radius:99px;height:10px;overflow:hidden}.progress-fill{background:var(--success);height:100%;transition:width .6s}.list-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.list-page{flex-direction:column;gap:14px;display:flex}.list-top{border:1px solid var(--border);background:#fff;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex;box-shadow:0 1px 3px #0f172a0f,0 1px 2px -1px #0f172a0a}.list-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}@media (width<=1024px){.list-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}.mini-card{background:#fff;border-left:4px solid #3b82f6;border-radius:14px;align-items:center;gap:14px;padding:16px 18px;transition:transform .15s;display:flex;box-shadow:0 1px 3px #0f172a0f,0 1px 2px -1px #0f172a0a}.mini-card:hover{transform:translateY(-1px)}.mini-card-icon{color:#1d4ed8;background:#dbeafe;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex;box-shadow:inset 0 0 0 1px #bfdbfe}.mini-card-body{flex:1;min-width:0}.mini-card-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;font-size:13px;font-weight:600}.mini-card-value{color:var(--text-main);font-size:30px;font-weight:800;line-height:1}.mini-card-open{border-left-color:var(--danger);background:linear-gradient(90deg,#fef2f2 0%,#fff 55%)}.mini-card-open .mini-card-icon{color:#dc2626;background:#fee2e2;box-shadow:inset 0 0 0 1px #fecaca}.mini-card-open .mini-card-value{color:#dc2626}.mini-card-progress{border-left-color:var(--warning);background:linear-gradient(90deg,#fffbeb 0%,#fff 55%)}.mini-card-progress .mini-card-icon{color:#ca8a04;background:#fef3c7;box-shadow:inset 0 0 0 1px #fde68a}.mini-card-progress .mini-card-value{color:#ca8a04}.mini-card-closed{border-left-color:var(--success);background:linear-gradient(90deg,#ecfdf5 0%,#fff 55%)}.mini-card-closed .mini-card-icon{color:#059669;background:#d1fae5;box-shadow:inset 0 0 0 1px #a7f3d0}.mini-card-closed .mini-card-value{color:#059669}.mini-card-total{background:linear-gradient(90deg,#eff6ff 0%,#fff 55%);border-left-color:#3b82f6}.mini-card-total .mini-card-icon{color:#1d4ed8;background:#dbeafe;box-shadow:inset 0 0 0 1px #bfdbfe}.mini-card-total .mini-card-value{color:#1d4ed8}.list-filter-card{border:1px solid var(--border);background:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 1px 3px #0f172a0f,0 1px 2px -1px #0f172a0a}.list-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.list-info-bar{color:#64748b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:2px 0 0;padding:0 4px;font-size:12px;display:flex}.list-info-count{color:#0f172a;font-weight:600}.list-actions{flex-wrap:wrap;gap:12px;display:flex}.btn-outline-primary{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 18px;font-weight:600;transition:all .15s}.btn-outline-primary:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.btn-list-dark{color:#fff;background:#0f172a;border:none;border-radius:10px;padding:10px 20px;font-weight:700;transition:background .15s}.btn-list-dark:hover:not(:disabled){background:#1e293b}.search-box{flex:240px}.search-box input{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23718096'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'%3E%3C/path%3E%3C/svg%3E");background-position:12px;background-repeat:no-repeat;background-size:20px;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:10px 14px 10px 40px;font-size:14px}.filter-select,.list-filters .month-input{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:auto;min-width:140px;height:40px;padding:8px 12px;font-size:14px}.filter-separator{color:#94a3b8;flex-shrink:0;padding:0 2px;font-size:14px}.btn-reset-filter{color:#2563eb;background:0 0;border:none;border-radius:10px;height:40px;padding:8px 12px;font-size:14px;font-weight:600;transition:background .15s}.btn-reset-filter:hover{background:#eff6ff}.list-table-card{border:1px solid var(--border);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0f172a0f,0 1px 2px -1px #0f172a0a}.table-wrapper{width:100%;overflow-x:auto}.data-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:980px}.list-table th:first-child,.list-table td:first-child{width:56px}.list-table th:nth-child(2),.list-table td:nth-child(2){width:110px}.list-table th:nth-child(3),.list-table td:nth-child(3){width:220px}.list-table th:nth-child(4),.list-table td:nth-child(4),.list-table th:nth-child(5),.list-table td:nth-child(5){width:260px}.list-table th:nth-child(6),.list-table td:nth-child(6){width:200px}.list-table th:nth-child(7),.list-table td:nth-child(7),.list-table th:nth-child(8),.list-table td:nth-child(8){width:110px}.list-table th:nth-child(9),.list-table td:nth-child(9){width:90px}.list-table thead th{color:#475569;text-transform:uppercase;letter-spacing:.04em;text-align:left;background:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:12px;font-size:12px;font-weight:700}.list-table th:first-child,.list-table td:first-child{text-align:center;font-variant-numeric:tabular-nums}.list-table tbody td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px;font-size:13px}.list-table tbody tr{background:#fff;transition:background-color .12s}.list-table tbody tr:nth-child(2n){background:#fcfcfd}.list-table tbody tr:hover{background:#eff6ff}.list-pagination{background:#fcfcfd;border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.list-pagination-info{color:#475569;font-size:13px;font-weight:500}.list-pagination-controls{align-items:center;gap:6px;display:flex}.page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 10px;font-size:13px;font-weight:600;transition:all .12s;display:inline-flex}.page-btn:hover:not(:disabled){color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-btn.page-btn-active{color:#1d4ed8;background:#dbeafe;border-color:#bfdbfe;font-weight:700}.page-btn-ellipsis{color:#94a3b8;cursor:default;background:0 0;border:none;min-width:32px}.page-btn-ellipsis:hover{color:#94a3b8;background:0 0;border-color:#0000}.rows-per-page{color:#475569;align-items:center;gap:8px;font-size:13px;display:flex}.rows-per-page select{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;height:36px;padding:6px 10px;font-size:13px;font-weight:500}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.badge-open{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.badge-progress{color:#ca8a04;background:#fffbeb;border:1px solid #fde68a}.badge-closed{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.list-table .row-actions{justify-content:flex-start;gap:6px}.list-table .btn-sm{padding:6px 10px;font-size:12px}.icon-action{border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;line-height:1;display:inline-flex}.icon-action:disabled{opacity:.55;cursor:not-allowed}.icon-primary{color:var(--primary);border-color:#3182ce59}.icon-primary:hover:not(:disabled){background:#ebf8ff;border-color:#3182ce8c}.icon-danger{color:var(--danger);border-color:#e53e3e59}.icon-danger:hover:not(:disabled){background:#fff5f5;border-color:#e53e3e8c}.data-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);z-index:1;background:#f8fafc;padding:14px 12px;font-size:12px;position:sticky;top:0}.data-table tbody td{border-bottom:1px solid var(--border);vertical-align:top;color:var(--text-main);background:#fff;padding:12px;font-size:14px}.data-table tbody tr:hover td{background:#fbfdff}.cell-ellipsis{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.row-clickable{cursor:pointer}.cell-compact{align-items:center;gap:8px;display:flex}.cell-compact .cell-ellipsis{flex:1;min-width:0}.cell-icon{text-align:center;opacity:.9;width:18px;font-size:12px}.table-thumb{-o-object-fit:cover;object-fit:cover;border:1px solid var(--border);background:#edf2f7;border-radius:10px;width:44px;height:44px}.thumb-button{cursor:pointer;background:0 0;border:none;border-radius:10px;padding:0;display:inline-flex}.thumb-button:focus{outline:none}.thumb-button:focus-visible{box-shadow:0 0 0 3px #3182ce40}.image-modal{inset:0;z-index:3000;background:#0f172aa6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.image-modal-content{border-radius:var(--radius-md);border:1px solid var(--border);background:#fff;flex-direction:column;width:min(980px,100%);max-width:980px;max-height:min(86vh,900px);display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000059}.image-modal-header{border-bottom:1px solid var(--border);background:#f8fafc;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.image-modal-title{color:var(--text-main);font-size:14px;font-weight:700}.image-modal-close{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:10px;width:36px;height:36px;font-size:22px;line-height:1}.image-modal-close:hover{background:#f1f5f9}.image-modal-img{-o-object-fit:contain;object-fit:contain;background:#0b1220;width:100%;height:100%}.detail-modal{z-index:2001;background:#0f172aa6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.detail-modal-content{border-radius:var(--radius-md);border:1px solid var(--border);background:#fff;flex-direction:column;width:100%;max-width:1080px;max-height:86vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000059}.detail-modal-header{border-bottom:1px solid var(--border);background:#f8fafc;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px;display:flex}.detail-title{color:var(--text-main);font-size:16px;font-weight:900}.detail-subtitle{color:var(--text-muted);margin-top:2px;font-size:13px}.detail-meta{border-bottom:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;padding:14px;display:grid}.detail-meta-item{border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;padding:10px 12px}.detail-meta-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.detail-meta-value{color:var(--text-main);margin-top:6px;font-size:14px;font-weight:700}.detail-grid{grid-template-columns:1fr 1fr;gap:14px;padding:14px;display:grid;overflow:auto}@media (width<=860px){.detail-grid{grid-template-columns:1fr}}.detail-panel{border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;flex-direction:column;display:flex;overflow:hidden}.detail-panel-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border);background:#f8fafc;padding:12px;font-size:13px;font-weight:900}.detail-img-btn{cursor:pointer;background:0 0;border:none;padding:0}.detail-img{-o-object-fit:contain;object-fit:contain;background:#0b1220;width:100%;height:320px;display:block}.detail-img-empty{height:320px;color:var(--text-muted);background:#f8fafc;justify-content:center;align-items:center;font-weight:700;display:flex}.detail-text{color:var(--text-main);white-space:pre-wrap;padding:12px;font-size:14px;line-height:1.55}.detail-footer{border-top:1px solid var(--border);background:#fff;justify-content:flex-end;padding:14px;display:flex}.temuan-img-container{height:200px;position:relative}.badge-floating{text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;padding:6px 12px;font-size:11px;font-weight:800;position:absolute;top:12px;right:12px;box-shadow:0 2px 4px #0000001a}.badge-floating.badge-open{color:#c53030;background:#fff5f5e6}.badge-floating.badge-closed{color:#2f855a;background:#f0fff4e6}.temuan-id{color:var(--text-muted);background:var(--bg);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:12px}.temuan-meta-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.meta-item{flex-direction:column;display:flex}.meta-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:10px;font-weight:700}.meta-value{color:var(--text-main);font-size:13px;font-weight:600}.card-footer{border-top:1px solid var(--border);margin-top:auto;padding-top:16px}.btn-outline-primary{border:1px solid var(--primary);color:var(--primary);background:0 0}.btn-outline-primary:hover{background:var(--primary);color:#fff}.btn-outline-danger{border:1px solid var(--danger);color:var(--danger);background:0 0}.btn-outline-danger:hover:not(:disabled){background:var(--danger);color:#fff}.btn-sm{padding:8px 12px;font-size:13px}.user-management-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.user-actions,.row-actions{flex-wrap:wrap;gap:10px;display:flex}.user-table{min-width:760px}@supports not (gap:10px){.user-actions{margin-bottom:-10px;margin-right:-10px}.user-actions>*{margin-bottom:10px;margin-right:10px}.row-actions{margin-bottom:-10px;margin-right:-10px}.row-actions>*{margin-bottom:10px;margin-right:10px}}.empty-state{text-align:center;border-radius:var(--radius-md);border:2px dashed var(--border);background:#fff;grid-column:1/-1;padding:60px}.empty-icon{margin-bottom:16px;font-size:48px}.user-list{flex-direction:column;gap:12px;display:flex}.user-item{background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.user-info{flex-direction:column;display:flex}.user-info strong{color:var(--text-main);font-size:15px}.user-info span{color:var(--text-muted);font-size:13px}.btn-delete{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:18px;transition:background .2s}.btn-delete:hover:not(:disabled){background:#fee2e2}.btn-delete:disabled{opacity:.3;cursor:not-allowed}@media (width<=768px){.dashboard-row{grid-template-columns:1fr}.list-actions{max-width:100%}.dashboard-hero{flex-direction:column}.hero-right{justify-content:flex-start;min-width:0}.kpi-grid{grid-template-columns:repeat(2,1fr)}.chart-grid,.dashboard-row.dashboard-row-2{grid-template-columns:1fr}.recent-item{grid-template-columns:auto 1fr}.recent-item .btn{grid-column:1/-1;justify-content:center;width:100%}}.form-container{flex-direction:column;gap:24px;max-width:800px;margin:0 auto;display:flex}.form-section{border-radius:var(--radius-md);box-shadow:var(--shadow);border:1px solid var(--border);background:#fff;padding:32px}.form-section h3{border-bottom:2px solid var(--bg);align-items:center;gap:12px;margin-bottom:24px;padding-bottom:12px;font-size:18px;font-weight:700;display:flex}.grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.field{flex-direction:column;gap:8px;display:flex}.field-full{grid-column:1/-1}label{color:var(--text-main);font-size:14px;font-weight:600}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-main);background:#fcfcfc;padding:12px 16px;font-size:15px;transition:all .2s}input::-moz-placeholder{color:var(--text-muted);opacity:.8}textarea::-moz-placeholder{color:var(--text-muted);opacity:.8}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.8}input:-webkit-autofill{-webkit-text-fill-color:var(--text-main);caret-color:var(--text-main);box-shadow:inset 0 0 0 1000px #fcfcfc}input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-main);caret-color:var(--text-main);box-shadow:inset 0 0 0 1000px #fcfcfc}input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-main);caret-color:var(--text-main);box-shadow:inset 0 0 0 1000px #fcfcfc}textarea:-webkit-autofill{-webkit-text-fill-color:var(--text-main);caret-color:var(--text-main);box-shadow:inset 0 0 0 1000px #fcfcfc}textarea:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-main);caret-color:var(--text-main);box-shadow:inset 0 0 0 1000px #fcfcfc}textarea:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-main);caret-color:var(--text-main);box-shadow:inset 0 0 0 1000px #fcfcfc}select:-webkit-autofill{-webkit-text-fill-color:var(--text-main);caret-color:var(--text-main);box-shadow:inset 0 0 0 1000px #fcfcfc}select:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-main);caret-color:var(--text-main);box-shadow:inset 0 0 0 1000px #fcfcfc}select:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-main);caret-color:var(--text-main);box-shadow:inset 0 0 0 1000px #fcfcfc}input:focus,select:focus,textarea:focus{border-color:var(--accent);background:#fff;outline:none;box-shadow:0 0 0 3px #3182ce1a}input[readonly]{cursor:not-allowed;background:#f1f5f9}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-light);transform:translateY(-1px)}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{background:var(--bg);color:var(--primary)}.btn-login{background:var(--primary);color:#fff;width:100%}.actions{justify-content:flex-end;gap:12px;margin-top:12px;display:flex}.temuan-list{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;display:grid}.temuan-card{border-radius:var(--radius-md);box-shadow:var(--shadow);border:1px solid var(--border);background:#fff;flex-direction:column;transition:transform .2s;display:flex;overflow:hidden}.temuan-card:hover{transform:translateY(-4px)}.temuan-img{-o-object-fit:cover;object-fit:cover;background:#edf2f7;width:100%;height:200px}.temuan-content{flex-direction:column;flex:1;padding:20px;display:flex}.temuan-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.temuan-header h4{font-size:18px;font-weight:700}.badge{text-transform:uppercase;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:700}.badge-open{color:#c53030;background:#fff5f5}.badge-progress{color:#b7791f;background:ivory}.badge-closed{color:#2f855a;background:#f0fff4}.temuan-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:16px;font-size:14px;display:-webkit-box;overflow:hidden}.temuan-meta{border-top:1px solid var(--bg);color:var(--text-muted);grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:16px;font-size:13px;display:grid}.temuan-meta span{align-items:center;gap:6px;display:flex}.upload-box{border:2px dashed var(--border);border-radius:var(--radius-sm);text-align:center;cursor:pointer;background:#fafafa;padding:20px;transition:all .2s}.upload-box:hover{border-color:var(--accent);background:#f0f7ff}.upload-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}@supports not (gap:10px){.upload-actions{margin-bottom:-10px;margin-right:-10px}.upload-actions>*{margin-bottom:10px;margin-right:10px}}.upload-preview{-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-sm);width:100%;max-height:200px;margin-top:12px}@media (width<=640px){.grid{grid-template-columns:1fr}.login-card{padding:32px 24px}.dashboard-grid{grid-template-columns:1fr}}