@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-mask-linear:linear-gradient(#fff,#fff);--tw-mask-radial:linear-gradient(#fff,#fff);--tw-mask-conic:linear-gradient(#fff,#fff);--tw-mask-radial-from-position:0%;--tw-mask-radial-to-position:100%;--tw-mask-radial-from-color:black;--tw-mask-radial-to-color:transparent;--tw-mask-radial-shape:ellipse;--tw-mask-radial-size:farthest-corner;--tw-mask-radial-position:center;--tw-leading:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-content:""}}}.\@container\/card-header{container:card-header/inline-size}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.isolate{isolation:isolate}.z-50{z-index:50}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.container{width:100%}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.aspect-\[1\.333\]{aspect-ratio:1.333}.aspect-square{aspect-ratio:1}.size-full{width:100%;height:100%}.h-\[600px\]{height:600px}.h-\[calc\(100\%-1px\)\]{height:calc(100% - 1px)}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.max-w-\[200px\]{max-width:200px}.max-w-\[220px\]{max-width:220px}.max-w-\[400px\]{max-width:400px}.min-w-\[28px\]{min-width:28px}.min-w-\[50px\]{min-width:50px}.min-w-\[60px\]{min-width:60px}.min-w-\[130px\]{min-width:130px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.caption-bottom{caption-side:bottom}.origin-\(--transform-origin\){transform-origin:var(--transform-origin)}.translate-y-\[calc\(-50\%-2px\)\]{--tw-translate-y: calc(-50% - 2px) ;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.columns-1{-moz-columns:1;columns:1}.auto-rows-min{grid-auto-rows:min-content}.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-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\[2px\]{border-radius:2px}.rounded-\[inherit\]{border-radius:inherit}.rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md),10px)}.rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md),12px)}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\(--color-border\){border-color:var(--color-border)}.border-transparent{border-color:#0000}.bg-\(--color-bg\){background-color:var(--color-bg)}.bg-transparent{background-color:#0000}.bg-\[url\(https\:\/\/images\.unsplash\.com\/photo-1554629947-334ff61d85dc\?ixid\=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8\&ixlib\=rb-1\.2\.1\&auto\=format\&fit\=crop\&w\=1000\&h\=1000\&q\=80\)\]{background-image:url(https://images.unsplash.com/photo-1554629947-334ff61d85dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1000&h=1000&q=80)}.mask-radial-from-70\%{-webkit-mask-image:var(--tw-mask-linear),var(--tw-mask-radial),var(--tw-mask-conic);mask-image:var(--tw-mask-linear),var(--tw-mask-radial),var(--tw-mask-conic);--tw-mask-radial-stops:var(--tw-mask-radial-shape)var(--tw-mask-radial-size)at var(--tw-mask-radial-position),var(--tw-mask-radial-from-color)var(--tw-mask-radial-from-position),var(--tw-mask-radial-to-color)var(--tw-mask-radial-to-position);--tw-mask-radial:radial-gradient(var(--tw-mask-radial-stops));--tw-mask-radial-from-position:70%;-webkit-mask-composite:source-in;mask-composite:intersect}.mask-radial-to-70\%{-webkit-mask-image:var(--tw-mask-linear),var(--tw-mask-radial),var(--tw-mask-conic);mask-image:var(--tw-mask-linear),var(--tw-mask-radial),var(--tw-mask-conic);--tw-mask-radial-stops:var(--tw-mask-radial-shape)var(--tw-mask-radial-size)at var(--tw-mask-radial-position),var(--tw-mask-radial-from-color)var(--tw-mask-radial-from-position),var(--tw-mask-radial-to-color)var(--tw-mask-radial-to-position);--tw-mask-radial:radial-gradient(var(--tw-mask-radial-stops));--tw-mask-radial-to-position:70%;-webkit-mask-composite:source-in;mask-composite:intersect}.bg-cover{background-size:cover}.bg-clip-padding{background-clip:padding-box}.bg-center{background-position:50%}.mask-size-\[50\%_66\%\]{-webkit-mask-size:50% 66%;mask-size:50% 66%}.mask-top-left{-webkit-mask-position:0 0;mask-position:0 0}.mask-no-repeat{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.p-\[3px\]{padding:3px}.p-px{padding:1px}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-\[0\.8rem\]{font-size:.8rem}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.leading-none{--tw-leading:1;line-height:1}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-50{opacity:.5}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.\[plugin\:error\]{plugin:error}@media(hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.group-data-vertical\/tabs\:h-fit:is(:where(.group\/tabs)[data-vertical] *){height:-moz-fit-content;height:fit-content}.group-data-vertical\/tabs\:w-full:is(:where(.group\/tabs)[data-vertical] *){width:100%}.group-data-vertical\/tabs\:flex-col:is(:where(.group\/tabs)[data-vertical] *){flex-direction:column}.group-data-vertical\/tabs\:justify-start:is(:where(.group\/tabs)[data-vertical] *){justify-content:flex-start}.group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *){background-color:#0000}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:opacity-0:after{content:var(--tw-content);opacity:0}.after\:transition-opacity:after{content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.group-data-horizontal\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs)[data-horizontal] *):after{content:var(--tw-content);bottom:-5px}@media(hover:hover){.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:ring-3:focus-visible,.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:outline-1:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-data-\[slot\=card-description\]\:grid-rows-\[auto_auto\]:has([data-slot=card-description]){grid-template-rows:auto auto}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-active]{background-color:#0000}.group-data-\[variant\=line\]\/tabs-list\:data-active\:shadow-none:is(:where(.group\/tabs-list)[data-variant=line] *)[data-active]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.group-data-\[variant\=line\]\/tabs-list\:data-active\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant=line] *)[data-active]:after{content:var(--tw-content);opacity:1}.data-horizontal\:h-px[data-horizontal]{height:1px}.data-horizontal\:w-full[data-horizontal]{width:100%}.data-horizontal\:flex-col[data-horizontal]{flex-direction:column}.data-horizontal\:border-t[data-horizontal]{border-top-style:var(--tw-border-style);border-top-width:1px}.data-horizontal\:border-t-transparent[data-horizontal]{border-top-color:#0000}.data-vertical\:h-full[data-vertical]{height:100%}.data-vertical\:w-px[data-vertical]{width:1px}.data-vertical\:self-stretch[data-vertical]{align-self:stretch}.data-vertical\:border-l[data-vertical]{border-left-style:var(--tw-border-style);border-left-width:1px}.data-vertical\:border-l-transparent[data-vertical]{border-left-color:#0000}.data-\[side\=inline-end\]\:top-1\/2\![data-side=inline-end]{top:50%!important}.data-\[side\=inline-end\]\:-translate-y-1\/2[data-side=inline-end]{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=inline-start\]\:top-1\/2\![data-side=inline-start]{top:50%!important}.data-\[side\=inline-start\]\:-translate-y-1\/2[data-side=inline-start]{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=left\]\:top-1\/2\![data-side=left]{top:50%!important}.data-\[side\=left\]\:-translate-y-1\/2[data-side=left]{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=right\]\:top-1\/2\![data-side=right]{top:50%!important}.data-\[side\=right\]\:-translate-y-1\/2[data-side=right]{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}:is(.\*\*\:data-\[slot\=kbd\]\:relative *)[data-slot=kbd]{position:relative}:is(.\*\*\:data-\[slot\=kbd\]\:isolate *)[data-slot=kbd]{isolation:isolate}:is(.\*\*\:data-\[slot\=kbd\]\:z-50 *)[data-slot=kbd]{z-index:50}.data-\[variant\=line\]\:rounded-none[data-variant=line]{border-radius:0}@media(prefers-color-scheme:dark){.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:border-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-active]{border-color:#0000}.dark\:group-data-\[variant\=line\]\/tabs-list\:data-active\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-active]{background-color:#0000}}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"]{stroke:#0000}.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{outline-offset:2px;outline:2px solid #0000}}.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{outline-offset:2px;outline:2px solid #0000}}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"]{stroke:#0000}.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{outline-offset:2px;outline:2px solid #0000}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}html,body{box-sizing:border-box;background:#f1f5f9;height:100%;margin:0;padding:0;overflow:hidden}#root{height:100vh;overflow:hidden}*{box-sizing:border-box;font-family:Poppins,sans-serif}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-mask-linear{syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff)}@property --tw-mask-radial{syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff)}@property --tw-mask-conic{syntax:"*";inherits:false;initial-value:linear-gradient(#fff,#fff)}@property --tw-mask-radial-from-position{syntax:"*";inherits:false;initial-value:0%}@property --tw-mask-radial-to-position{syntax:"*";inherits:false;initial-value:100%}@property --tw-mask-radial-from-color{syntax:"*";inherits:false;initial-value:black}@property --tw-mask-radial-to-color{syntax:"*";inherits:false;initial-value:transparent}@property --tw-mask-radial-shape{syntax:"*";inherits:false;initial-value:ellipse}@property --tw-mask-radial-size{syntax:"*";inherits:false;initial-value:farthest-corner}@property --tw-mask-radial-position{syntax:"*";inherits:false;initial-value:center}@property --tw-leading{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@media(min-width:768px){.login-container{display:flex;flex-direction:row;width:100%;height:100dvh}.login-image{flex:1;display:block;max-width:50%;height:100%}.login-image img{width:100%;height:100dvh;display:flex;-o-object-fit:cover;object-fit:cover}.login-logo{display:none}.login-logo img{width:0%}.login-right{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#039137,#0af)}}@media(max-width:767px){.login-container{display:flex;flex-direction:column;width:100%;height:100dvh}.login-logo{display:flex;align-items:center;justify-content:center}.login-logo img{width:160px}.login-image{display:none}.login-right{flex:1;display:flex;align-items:center;justify-content:center;height:50%}}.login-card{width:320px;background:#e5e7eb;padding:32px;border-radius:16px;border:3px solid rgb(0,48,0);box-shadow:0 10px 30px #00000026}.login-card h1{margin:0;text-align:center;font-size:24px;color:#1f2937}.login-card p{text-align:center;font-size:14px;color:#4b5563;margin-bottom:24px}.login-card input{width:100%;padding:10px;margin-bottom:12px;border-radius:8px;border:1px solid #d1d5db;font-size:14px}.login-card input:focus{outline:none;border-color:#16a34a}.login-card button{width:100%;padding:10px;background:#15803d;color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:background .3s}.login-card button:hover{background:#166534}.login-error{color:#ef4444;background-color:#fee2e2;padding:8px 12px;border-radius:4px;font-size:14px;margin-bottom:15px}.login-success{color:#10b981;background-color:#d1fae5;padding:8px 12px;border-radius:4px;font-size:14px;margin-bottom:15px}.login-switch{text-align:center;margin-top:15px;font-size:14px;color:#6b7280}.login-switch span{color:#3b82f6;cursor:pointer;font-weight:500}.login-switch span:hover{text-decoration:underline}.sidebar-container{position:fixed;top:64px;left:0;width:260px;height:calc(100vh - 64px);background-color:#1e293b;z-index:999;overflow-y:auto;overflow-x:hidden}.sidebar-container::-webkit-scrollbar{width:4px}.sidebar-container::-webkit-scrollbar-thumb{background-color:#475569;border-radius:4px}.sidebar-item-p{padding:12px 0}.sidebar-hover{display:flex;align-items:center;justify-content:space-between;padding:11px 18px;margin:2px 8px;border-radius:6px;color:#cbd5e1;text-decoration:none;font-size:13.5px;font-weight:500;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .15s ease,color .15s ease;box-sizing:border-box}.sidebar-hover:hover{background-color:#334155;color:#fff}.sidebar-hover.active{background-color:#2563eb;color:#fff;font-weight:600}.sidebar-hover.parent{color:#f1f5f9;font-weight:600}.sidebar-hover.parent:hover{background-color:#334155}.sidebar-hover.parent.active{background-color:#2563eb40;color:#93c5fd}.sidebar-submenu{padding:2px 0 4px}.sidebar-submenu .sidebar-hover{padding:9px 18px 9px 32px;font-size:13px;font-weight:400;color:#94a3b8;justify-content:flex-start}.sidebar-submenu .sidebar-hover:hover{background-color:#334155;color:#e2e8f0}.sidebar-submenu .sidebar-hover.active{background-color:#15803d;color:#fff;font-weight:500}.navbar-container{position:fixed;top:0;left:0;right:0;height:64px;z-index:1100;background-color:#15803d;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 6px #00000026;padding-right:20px}.navbar-container-logo{display:flex;height:100%;align-items:center;justify-content:center;background-color:#fff;padding:0 16px;min-width:260px;border-right:1px solid rgba(0,0,0,.08)}.navbar-container-logo img{height:44px;-o-object-fit:contain;object-fit:contain}.navbar-user-info{display:flex;align-items:center;gap:10px;margin-left:auto;margin-right:16px}.navbar-username{color:#fff;font-size:13px;font-weight:600}.navbar-role-badge{background-color:#fff3;color:#fff;font-size:11px;font-weight:600;padding:3px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.35);white-space:nowrap}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#111827}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}.modal-close:hover{background-color:#f3f4f6;color:#111827}.modal-body{padding:20px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#374151}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-actions{display:flex;gap:12px;margin-top:20px;justify-content:flex-end}.btn-primary{background-color:#2563eb;color:#fff;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background-color:#1d4ed8}.btn-secondary{background-color:#f3f4f6;color:#374151;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-secondary:hover{background-color:#e5e7eb}.btn-edit{background-color:#2563eb;color:#fff;padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;margin-right:8px}.btn-edit:hover{background-color:#1d4ed8}.btn-delete{background-color:#dc2626;color:#fff;padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer}.btn-delete:hover{background-color:#b91c1c}.chart-container{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 6px #0000000d}.pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.pagination select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.pagination-buttons{display:flex;gap:8px;align-items:center}.pagination-buttons button{padding:8px 12px;border:1px solid #d1d5db;background:#fff;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.pagination-buttons button:hover:not(:disabled){background-color:#f3f4f6}.pagination-buttons button:disabled{opacity:.5;cursor:not-allowed}.header_content{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header_content h1{font-size:24px;font-weight:600;color:#111827;margin:0}@media(max-width:768px){.modal-content{width:95%;margin:10px}.pagination{flex-direction:column;gap:12px}.form-actions{flex-direction:column}.form-actions button{width:100%}}.admin-dashboard{display:flex;flex-direction:column;height:100vh;background-color:#f1f5f9;overflow:hidden}.dashboard-body{display:flex;flex:1;overflow:hidden}.dashboard-content{flex:1;margin-left:260px;margin-top:64px;overflow-y:auto;overflow-x:hidden;background-color:#f1f5f9;height:calc(100vh - 64px)}.content-wrapper{padding:20px;width:100%;box-sizing:border-box}.submenu-backdrop{width:100%;min-height:100%;background-color:#f1f5f9}.submenu-container{width:100%;display:flex;flex-direction:column;gap:16px;background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 1px 4px #00000014;box-sizing:border-box;min-height:calc(100vh - 104px)}.submenu-container-grid-horizontal{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.submenu-container-grid-vertical{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.submenu-container-grid-header{display:flex;grid-column:span 2;justify-content:space-between;align-items:center}.submenu-container-grid-header .Text{color:#111827;font-weight:700;font-size:16px}.header-content{padding-bottom:14px;border-bottom:1px solid #e5e7eb;margin-bottom:16px}.header-content h1{font-size:20px;font-weight:700;color:#111827;margin:0 0 4px}.header-content p{font-size:13px;color:#6b7280;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat-card{background:#fff;padding:16px 20px;border-radius:10px;box-shadow:0 1px 4px #00000014;border:1px solid #e5e7eb}.stat-card h3{font-size:12px;color:#6b7280;margin:0 0 6px;font-weight:500;text-transform:uppercase;letter-spacing:.03em}.stat-card p{font-size:24px;font-weight:700;color:#111827;margin:0}.submenu-container-label{font-size:13px;color:#374151;margin-bottom:4px;font-weight:500}.submenu-container-select{width:100%;padding:8px 10px;border-radius:6px;border:1px solid #d1d5db;font-size:13px;box-sizing:border-box;background:#fff}.submenu-container input{width:100%;padding:8px 10px;border-radius:6px;border:1px solid #d1d5db;font-size:13px;box-sizing:border-box}.submenu-container select:focus,.submenu-container input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.submenu-container .button{background-color:#15803d;color:#fff;font-weight:600;padding:8px 18px;border:none;border-radius:6px;cursor:pointer;font-size:13px;transition:background-color .2s ease;white-space:nowrap}.submenu-container .button:hover{background-color:#166534}.submenu-container .button-wrapper{text-align:right}.filter-container .button{background-color:#2563eb;color:#fff;font-weight:500;padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:13px;white-space:nowrap}.filter-container .button:hover{background-color:#1d4ed8}.table-wrapper{width:100%;overflow-x:auto;border-radius:8px}.budget-table{width:100%;border-collapse:collapse;font-size:13px;background:#fff}.budget-table th{background-color:#15803d;padding:10px 12px;color:#fff;font-weight:600;text-align:center;border-bottom:2px solid #166534;white-space:nowrap;border-right:1px solid rgba(255,255,255,.2)}.budget-table td{padding:9px 12px;border-bottom:1px solid #e5e7eb;border-right:1px solid #f3f4f6;color:#111827;font-size:13px}.submenu-container-item{background:#fff;padding:16px;border-radius:10px;box-shadow:0 1px 4px #0000000f;margin-bottom:16px}@media(max-width:1024px){.submenu-container-grid-horizontal{grid-template-columns:1fr}.submenu-container-grid-vertical,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-content{margin-left:0}.stats-grid{grid-template-columns:1fr 1fr}}.table-wrapper{width:100%;overflow-x:auto;border-radius:8px;border:1px solid #e5e7eb}.budget-table{width:100%;border-collapse:collapse;font-size:13px;background:#fff;table-layout:auto}.budget-table thead tr{background-color:#15803d}.budget-table th{padding:10px 12px;color:#fff;font-weight:600;text-align:center;white-space:nowrap;border-right:1px solid rgba(255,255,255,.15);border-bottom:2px solid #166534}.budget-table th:last-child{border-right:none}.budget-table tbody tr:nth-child(odd){background-color:#f9fafb}.budget-table tbody tr:nth-child(2n){background-color:#fff}.budget-table tbody tr:hover{background-color:#dcfce7;transition:background-color .15s ease}.budget-table td{padding:9px 12px;border-bottom:1px solid #e5e7eb;border-right:1px solid #f3f4f6;color:#111827;vertical-align:middle}.budget-table td:last-child{border-right:none}.budget-table .text-right{text-align:right}.budget-table .text-center{text-align:center}.budget-table .text-left{text-align:left}.budget-table td:first-child,.budget-table th:first-child{text-align:center}table.data-table{width:100%;border-collapse:collapse;font-size:13px}table.data-table thead th{background-color:#15803d;color:#fff;padding:10px 12px;font-weight:600;text-align:center;border-bottom:2px solid #166534}table.data-table tbody td{padding:9px 12px;border-bottom:1px solid #e5e7eb;color:#111827}table.data-table tbody tr:hover{background-color:#f0fdf4}.header-content{display:flex;justify-content:space-between;align-items:center}.header-content .text{color:#000;font-weight:700;border:none;font-size:16px}.header-content .button{background-color:#15803d;color:#fff;font-weight:700;padding:5px 16px;border:3px solid rgb(6,133,6);border-radius:8px;cursor:pointer;font-size:14px}.header-content .button:hover{background-color:#085424;color:#fff;font-weight:700;padding:5px 16px;border:3px solid rgb(3,78,3);border-radius:8px;cursor:pointer;font-size:14px}.filter-container{background:#fff;padding:8px 12px;border-radius:8px;border:1px solid #e5e7eb;display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.filter-grid{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end}.filter-grid>div{min-width:100px}@media(max-width:640px){.filter-container{flex-direction:column;align-items:stretch}.filter-grid{flex-direction:column}.filter-grid>div{width:100%}}.filter-label{font-size:12px;color:#374151;margin-bottom:4px;display:block;font-weight:500}.filter-select{width:100%;padding:6px 10px;box-sizing:border-box;border-radius:6px;border:1px solid #d1d5db;font-size:12px;background-color:#fff}.filter-container input{width:100%;padding:6px 10px;border-radius:6px;border:1px solid #d1d5db;font-size:12px;box-sizing:border-box}.filter-container select:focus,.filter-container input:focus{outline:none;border-color:#2563eb}.filter-container .button{background-color:#15803d;color:#fff;font-weight:500;padding:7px 16px;border:none;border-radius:6px;cursor:pointer;font-size:13px;white-space:nowrap;margin:0}.filter-container .button:hover{background-color:#166534}.filter-container .button-wrapper{display:flex;align-items:flex-end}