*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input:where(:not([type])),select,textarea{--tw-shadow:0 0 #0000;-webkit-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-radius:0;border-width:1px;font-size:1rem;line-height:1.5rem;padding:.5rem .75rem}[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,input:where(:not([type])):focus,select:focus,textarea:focus{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--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);border-color:#2563eb;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid #0000;outline-offset:2px}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-bottom:0;padding-top:0}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:none;background-position:0 0;background-repeat:repeat;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:inherit;print-color-adjust:inherit}[type=checkbox],[type=radio]{--tw-shadow:0 0 #0000;-webkit-appearance:none;appearance:none;background-color:#fff;background-origin:border-box;border-color:#6b7280;border-width:1px;color:#2563eb;display:inline-block;flex-shrink:0;height:1rem;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;-webkit-user-select:none;user-select:none;vertical-align:middle;width:1rem}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--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);outline:2px solid #0000;outline-offset:2px}[type=checkbox]:checked,[type=radio]:checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")}@media (forced-colors:active){[type=checkbox]:checked{-webkit-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}@media (forced-colors:active){[type=radio]:checked{-webkit-appearance:auto;appearance:auto}}[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=checkbox]:indeterminate,[type=radio]:checked:focus,[type=radio]:checked:hover{background-color:currentColor;border-color:#0000}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%}@media (forced-colors:active){[type=checkbox]:indeterminate{-webkit-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{background-color:currentColor;border-color:#0000}[type=file]{background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;border-color:inherit;border-radius:0;border-width:0;font-size:inherit;line-height:inherit;padding:0}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.left-0{left:0}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-64{height:16rem}.h-8{height:2rem}.max-h-96{max-height:24rem}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-24{width:6rem}.w-3{width:.75rem}.w-32{width:8rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-full{width:100%}.min-w-\[140px\]{min-width:140px}.min-w-\[60px\]{min-width:60px}.min-w-\[80px\]{min-width:80px}.min-w-full{min-width:100%}.max-w-md{max-width:28rem}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.appearance-none{-webkit-appearance:none;appearance:none}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-divide-opacity,1))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-blue-200{--tw-border-opacity:1;border-color:#bfdbfe;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-blue-600{--tw-border-opacity:1;border-color:#2563eb;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-red-400{--tw-border-opacity:1;border-color:#f87171;border-color:rgb(248 113 113/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.border-white{--tw-border-opacity:1;border-color:#fff;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-300{--tw-bg-opacity:1;background-color:#d1d5db;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:#dcfce7;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:#fee2e2;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:#fef2f2;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:#fefce8;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.bg-opacity-50{--tw-bg-opacity:0.5}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pl-10{padding-left:2.5rem}.pl-3{padding-left:.75rem}.pr-3{padding-right:.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.text-blue-400{--tw-text-opacity:1;color:#60a5fa;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:#1d4ed8;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:#1e40af;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:#1f2937;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:#166534;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:#b91c1c;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:#991b1b;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-500{--tw-text-opacity:1;color:#eab308;color:rgb(234 179 8/var(--tw-text-opacity,1))}.text-yellow-600{--tw-text-opacity:1;color:#ca8a04;color:rgb(202 138 4/var(--tw-text-opacity,1))}.placeholder-gray-500::placeholder{--tw-placeholder-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-placeholder-opacity,1))}.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)}.shadow,.shadow-lg{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);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)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);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)}.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)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:#1d4ed8;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-gray-400:hover{--tw-bg-opacity:1;background-color:#9ca3af;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:text-blue-900:hover{--tw-text-opacity:1;color:#1e3a8a;color:rgb(30 58 138/var(--tw-text-opacity,1))}.hover\:text-red-700:hover{--tw-text-opacity:1;color:#b91c1c;color:rgb(185 28 28/var(--tw-text-opacity,1))}.hover\:text-red-900:hover{--tw-text-opacity:1;color:#7f1d1d;color:rgb(127 29 29/var(--tw-text-opacity,1))}.focus\:z-10:focus{z-index:10}.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}.header{align-items:center;background:#ed7f22;color:#fff;display:flex;justify-content:space-between;padding:0 32px}.header-title{font-size:24px;font-weight:600;margin-block:6px}.header-user-section{align-items:center;display:flex;gap:16px}.logout-icon{height:20px;width:20px}.logout-btn{align-items:center;border:none;color:#fff;display:flex;height:48px;justify-content:center;padding:8px}.logout-btn:hover{background:#ffffff4d;height:48px}.navbar{background:#1f2937;color:#fff;overflow:hidden;transition:width .3s ease;z-index:1000}.navbar.open{width:280px}.navbar.closed{width:50px}.toggle-btn{align-items:center;display:flex;height:100%;justify-content:center;width:50px}.toggle-btn:hover{background:#4b5563}.toggle-icon{height:20px;width:20px}.container{display:flex;flex-direction:column;height:100%;padding:60px 20px 20px}.navbar-header{align-items:center;background:#ed7f22;color:#1a3967;display:flex;font-size:18px;font-weight:700;height:48px;justify-content:space-between;margin-bottom:30px;padding-inline:20px}.navbar-title{font-size:1.5rem;font-weight:700;margin:0;transition:opacity .3s ease}.navbar-title.hidden{opacity:0}.navbar-user-section{align-items:center;display:flex;font-size:.9rem;gap:10px;margin-top:15px;transition:opacity .3s ease}.navbar-user-section.hidden{opacity:0}.navbar-user-section button{display:flex;height:100%;width:32px}.navbar-user-section button :hover{background:#fff6}.navbar-user-section button .logout-icon:hover{background:none}.nav-links{flex:1 1;list-style:none;margin:0;padding:0}.nav-links li{height:44px;margin-bottom:8px}.nav-link-item{align-items:center;border-radius:8px;color:#d1d5db;display:flex;gap:12px;padding:12px 16px;text-decoration:none;transition:all .2s ease}.nav-link-item:hover{background:#374151;color:#fff}.nav-link-item.active{background:#3b82f6;color:#fff}.nav-icon{flex-shrink:0;height:20px;width:20px}.nav-text{transition:opacity .3s ease;white-space:nowrap}.nav-text.hidden{opacity:0}.dashboard-title,.stats-grid{margin-bottom:30px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card-header{align-items:center;display:flex;margin-bottom:10px}.card-header h3{margin:0}.server-icon{height:24px;margin-right:10px;width:24px}.server-icon.online{color:#28a745}.server-icon.offline{color:#dc3545}.users-icon{color:#007bff}.chart-icon,.users-icon{height:24px;margin-right:10px;width:24px}.chart-icon{color:#28a745}.status-indicator{align-items:center;display:flex}.status-icon{height:16px;margin-right:5px;width:16px}.uptime-text{color:#666;font-size:14px;margin:5px 0 0}.client-count{color:#007bff;font-size:24px;font-weight:700}.active-connections{color:#666;font-size:14px;margin:5px 0 0}.data-transfer{font-size:14px}.bytes-in{margin-bottom:5px}.bytes-in span{color:#28a745;font-weight:700}.bytes-out span{color:#dc3545;font-weight:700}.connections-title{margin-bottom:20px}.table-container{max-height:235px}.connections-table{background-color:#fff;border-collapse:collapse;box-shadow:none;table-layout:fixed;width:100%}.connections-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.connections-table thead tr{background-color:#f0f0f0;height:5-px}.connections-table tbody tr{height:35px}.connections-table td,.connections-table th{border-bottom:1px solid #ddd;padding:8px 1px;position:relative;text-align:left;white-space:nowrap}.connections-table th{border-right:1px solid #fff}.connections-table th:last-child{border-right:none}.connections-table td{font-size:12px}.connections-table th:last-child .resize-handle{display:none}.connections-table td{overflow:hidden;text-overflow:ellipsis}.connections-table tr{font-size:14px}.connections-table tr:nth-child(2n){background-color:#f0f0f0}.connections-table tr:nth-child(odd){background-color:#f7f7f7}.connections-table tr:hover{background-color:#e1e1e1}.system-info-title{margin-bottom:15px}.system-info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.client-management-header{align-items:center;display:flex;gap:8px;margin-bottom:30px}.client-card{gap:6px}.client-btn{align-items:center;background:linear-gradient(135deg,#f8f8f8,#cdcdcd);border:1px solid #ccc;border-radius:4px;display:flex;height:30px;justify-content:center;width:30px}.client-icon{height:20px;width:20px}.add-client-modal{margin-bottom:10px}.add-client-modal form{display:flex;flex-direction:column;gap:10px}.add-client-modal-footer{display:flex;gap:12px}.add-client-form-group{display:flex;flex-direction:column}.add-client-form-control{border-radius:4px;width:300px}.add-client-form-btn{height:36px;padding:6px;width:auto}.client-form{margin-bottom:30px}.client-form h3{margin-bottom:20px}.form-grid{grid-template-columns:1fr 1fr}.form-actions{display:flex;gap:10px}.client-certificates-title{margin-bottom:20px}.table-container{border:1px solid #e5e7eb;border-radius:8px;max-height:700px;max-width:100%;overflow-y:auto;width:-webkit-fit-content;width:fit-content}.table-container::-webkit-scrollbar{width:8px}.table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.client-table{background-color:#fff;border-collapse:collapse;box-shadow:none;min-width:800px}.client-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.client-table td,.client-table th{border-bottom:1px solid #dee2e6;padding:12px;position:relative;text-align:left}.client-table th{font-weight:600}.client-table tbody tr:hover,.client-table th{background-color:#f8f9fa}.sortable-header{align-items:center;cursor:default;font-size:14px;justify-content:space-between}.sort-icons,.sortable-header{display:flex;transition:background-color .2s}.sort-icons{border-radius:3px;cursor:pointer;flex-direction:column;padding:2px}.sort-icons:hover{background-color:#007bff1a}.sort-icon{color:#666;height:14px;width:14px}.sort-icon.active{color:#007bff}.sort-icon.inactive{color:#ccc}.resize-handle{background:#0000;border-right:2px solid #0000;cursor:col-resize;height:100%;position:absolute;right:0;top:0;transition:border-color .2s;width:5px}.resize-handle:hover{border-right-color:#007bff}.client-table th:last-child .resize-handle{display:none}.client-table td{overflow:hidden;text-overflow:ellipsis}.client-name{align-items:center;display:flex;gap:8px}.client-name-icon{color:#666;height:16px;width:16px}.status-badge{align-items:center;display:flex}.status-active{color:#28a745}.status-active,.status-revoked{font-weight:700;text-transform:capitalize}.status-revoked{color:#dc3545}.status-expired{color:#ffc107;font-weight:700;text-transform:capitalize}.data-transfer{font-size:12px}.data-transfer-in{color:#28a745;display:flex}.data-transfer-out{color:#dc3545;display:flex}.action-buttons{display:flex;gap:8px}.action-btn{font-size:12px;padding:4px 8px}.action-icon{height:14px;width:14px}.stats-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:30px}.stat-card h4{margin:0 0 10px}.stat-card .stat-number{font-size:24px;font-weight:700}.stat-active h4{color:#28a745}.stat-revoked h4{color:#dc3545}.stat-total h4{color:#007bff}.firewall-management{margin:0 auto;max-width:1200px;padding:20px}.firewall-management h2{color:#2c3e50;font-size:28px;font-weight:600;margin-bottom:30px}.firewall-management h3{border-bottom:2px solid #3498db;color:#34495e;font-size:20px;font-weight:500;margin-bottom:20px;padding-bottom:8px}.firewall-management h4{color:#2c3e50;font-size:16px;font-weight:500;margin-bottom:15px}.firewall-error,.firewall-loading{margin:20px 0;padding:40px;text-align:center}.firewall-error{background-color:#fff5f5;border:1px solid #fed7d7;border-radius:8px;color:#c53030}.firewall-status{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:25px;padding:20px}.status-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.status-item{align-items:center;background-color:#fff;border:1px solid #e9ecef;border-radius:5px;display:flex;justify-content:space-between;padding:10px}.status-item .label{color:#495057;font-weight:500}.status-item .value{font-weight:600}.status-item .value.success{color:#28a745}.status-item .value.error{color:#dc3545}.rules-count{border-top:1px solid #dee2e6;padding-top:15px}.rule-count{background-color:#e9ecef;border-radius:15px;display:inline-block;font-size:14px;font-weight:500;margin-right:10px;padding:5px 12px}.basic-setup{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:25px;padding:20px}.setup-button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px}.setup-button:hover:not(:disabled){background-color:#218838}.setup-button:disabled{background-color:#6c757d;cursor:not-allowed}.client-management,.zone-management{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:25px;padding:20px}.zone-management h3{border-bottom:2px solid #e74c3c;color:#2c3e50;font-size:20px;font-weight:500;margin-bottom:20px;padding-bottom:8px}.zone-management h4{color:#2c3e50;font-size:16px;font-weight:500;margin-bottom:15px}.form-group{margin-bottom:20px}.form-input,.form-select{border:1px solid #ced4da;border-radius:5px;font-size:14px;padding:10px;width:100%}.form-input:focus,.form-select:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr 1fr}.access-control-section{background-color:#fff;border:1px solid #e9ecef;border-radius:5px;margin-bottom:25px;padding:15px}.allow-button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px}.allow-button:hover:not(:disabled){background-color:#218838}.block-button{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px}.block-button:hover:not(:disabled){background-color:#c82333}.allow-button:disabled,.block-button:disabled{background-color:#6c757d;cursor:not-allowed}.current-rules{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:25px;padding:20px}.firewall-management .refresh-button{background-color:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-bottom:20px;padding:8px 16px}.firewall-management .refresh-button:hover{background-color:#5a6268}.rules-section{margin-bottom:25px}.rules-table{background-color:#fff;border:1px solid #dee2e6;border-radius:5px;overflow:hidden}.rule-row{align-items:center;border-bottom:1px solid #e9ecef;display:flex;padding:10px}.rule-row:last-child{border-bottom:none}.rule-row:hover{background-color:#f8f9fa}.rule-number{color:#6c757d;font-weight:600;min-width:40px}.rule-text{background-color:#f1f3f4;border-radius:3px;flex:1 1;font-family:Courier New,monospace;font-size:13px;margin:0 10px;padding:4px 8px}.remove-rule-button{align-items:center;background-color:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:30px;justify-content:center;width:30px}.remove-rule-button:hover:not(:disabled){background-color:#c82333}.remove-rule-button:disabled{background-color:#6c757d;cursor:not-allowed}.no-rules{color:#6c757d;font-style:italic;padding:20px;text-align:center}@media (max-width:768px){.firewall-management{padding:15px}.form-row,.status-grid{grid-template-columns:1fr}.button-group{flex-direction:column}.allow-button,.block-button{width:100%}.action-loading,.action-message{margin:20px 0;position:relative;right:auto;top:auto}}@media (max-width:480px){.firewall-management h2{font-size:24px}.firewall-management h3{font-size:18px}.rule-row{align-items:flex-start;flex-direction:column;gap:10px}.rule-text{margin:0;width:100%}.remove-rule-button{align-self:flex-end}}.ssh-management{margin:0 auto;max-width:1200px;padding:20px}.ssh-management h2{color:#2c3e50;font-size:28px;font-weight:600;margin-bottom:30px}.ssh-management h3{border-bottom:2px solid #3498db;color:#34495e;font-size:20px;font-weight:500;margin-bottom:20px;padding-bottom:8px}.ssh-management h4{color:#2c3e50;font-size:16px;font-weight:500;margin-bottom:15px}.ssh-error,.ssh-loading{margin:20px 0;padding:40px;text-align:center}.ssh-error{background-color:#fff5f5;border:1px solid #fed7d7;border-radius:8px;color:#c53030}.retry-button{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:15px;padding:10px 20px}.retry-button:hover{background-color:#2980b9}.connections-section{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:25px;padding:20px}.section-header{justify-content:space-between}.header-buttons{display:flex;gap:10px}.refresh-button{background-color:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 16px}.refresh-button:hover{background-color:#5a6268}.add-button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 16px}.add-button:hover{background-color:#218838}.no-connections{color:#6c757d;font-style:italic;padding:40px;text-align:center}.connections-list{display:flex;flex-direction:column;gap:10px}.connection-item{align-items:center;background-color:#fff;border:1px solid #dee2e6;border-radius:5px;cursor:pointer;display:flex;justify-content:space-between;padding:15px;transition:all .2s ease}.connection-item:hover{background-color:#f8f9fa;border-color:#3498db}.connection-item.selected{background-color:#e3f2fd;border-color:#2196f3}.connection-info{flex:1 1}.connection-id{color:#2c3e50;font-weight:600;margin-bottom:5px}.connection-details{color:#6c757d;font-size:14px;margin-bottom:5px}.connection-status{border-radius:12px;font-size:12px;font-weight:500;padding:2px 8px}.connection-status.active{background-color:#d4edda;color:#155724}.connection-status.inactive{background-color:#f8d7da;color:#721c24}.close-connection-button{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 16px}.close-connection-button:hover:not(:disabled){background-color:#c82333}.close-connection-button:disabled{background-color:#6c757d;cursor:not-allowed}.connection-form{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:25px;padding:20px}.form-grid{grid-gap:15px;gap:15px;margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{color:#495057;display:block;font-weight:500;margin-bottom:5px}.form-input,.form-textarea{border:1px solid #ced4da;border-radius:5px;font-size:14px;padding:10px;width:100%}.form-input:focus,.form-textarea:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.form-textarea{font-family:Courier New,monospace;resize:vertical}.form-buttons{display:flex;flex-wrap:wrap;gap:10px}.test-button{background-color:#ffc107;border:none;border-radius:5px;color:#212529;cursor:pointer;font-weight:500;padding:10px 20px}.test-button:hover:not(:disabled){background-color:#e0a800}.create-button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px}.create-button:hover:not(:disabled){background-color:#218838}.cancel-button{background-color:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px}.cancel-button:hover{background-color:#5a6268}.create-button:disabled,.test-button:disabled{background-color:#6c757d;cursor:not-allowed}.command-section{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:25px;padding:20px}.command-controls{margin-bottom:20px}.command-input-group{display:flex;gap:10px;margin-bottom:10px}.command-input{border:1px solid #ced4da;border-radius:5px;flex:1 1;font-family:Courier New,monospace;font-size:14px;padding:10px}.command-input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.execute-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px}.execute-button:hover:not(:disabled){background-color:#0056b3}.execute-button:disabled{background-color:#6c757d;cursor:not-allowed}.shell-button{background-color:#17a2b8;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px}.shell-button:hover:not(:disabled){background-color:#138496}.shell-button:disabled{background-color:#6c757d;cursor:not-allowed}.shell-controls{align-items:center;display:flex;justify-content:space-between}.shell-status{color:#17a2b8;font-weight:500}.exit-shell-button{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 16px}.exit-shell-button:hover{background-color:#c82333}.command-result{background-color:#fff;border:1px solid #dee2e6;border-radius:5px;margin-bottom:20px;padding:15px}.result-success{color:#155724}.result-error{background-color:#f8d7da;border-radius:5px;color:#721c24;padding:10px}.result-section{margin-bottom:15px}.result-section:last-child{margin-bottom:0}.output-text{word-wrap:break-word;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:3px;font-family:Courier New,monospace;font-size:13px;margin-top:5px;max-height:300px;overflow-y:auto;padding:10px;white-space:pre-wrap}.output-text.error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.status-text{background-color:#e9ecef;border-radius:3px;font-family:Courier New,monospace;font-size:13px;padding:2px 6px}.terminal-container{background-color:#1a1a1a;border-radius:5px;margin-bottom:20px;overflow:hidden}.terminal-output{font-family:Courier New,monospace;font-size:13px;height:400px;line-height:1.4;overflow-y:auto;padding:10px}.terminal-line{margin-bottom:2px}.terminal-line pre{word-wrap:break-word;margin:0;white-space:pre-wrap}.terminal-line.stdout pre{color:#0f0}.terminal-line.stderr pre{color:#ff6b6b}.terminal-line.error pre{color:red;font-weight:700}.terminal-input-echo,.terminal-line.input pre{color:#ff0;font-weight:700}.terminal-input-echo{word-wrap:break-word;font-family:Courier New,monospace;margin:0;white-space:pre-wrap}.terminal-line.prompt .terminal-prompt{color:#0f0;font-family:Courier New,monospace;font-weight:700}.terminal-input-container{align-items:center;background-color:#2a2a2a;border-top:1px solid #444;display:flex;padding:10px}.terminal-prompt{color:#0f0;margin-right:5px}.terminal-input{background:#0000;border:none;color:#fff;flex:1 1;font-family:Courier New,monospace;font-size:13px;line-height:1.4;outline:none}.terminal-input::placeholder{color:#888}.terminal-send-button{background-color:#3498db;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:12px;margin-left:10px;padding:5px 15px;transition:background-color .2s}.terminal-send-button:hover:not(:disabled){background-color:#2980b9}.terminal-send-button:disabled{background-color:#666;cursor:not-allowed;opacity:.6}.command-history{background-color:#fff;border:1px solid #dee2e6;border-radius:5px;padding:15px}.history-list{display:flex;flex-direction:column;gap:5px;max-height:200px;overflow-y:auto}.history-item{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:3px;cursor:pointer;font-family:Courier New,monospace;font-size:13px;padding:8px 12px;transition:background-color .2s ease}.history-item:hover{background-color:#e9ecef}.action-message{word-wrap:break-word;border-radius:5px;font-weight:500;max-width:400px;padding:15px 20px;position:fixed;right:20px;top:20px;z-index:1000}.action-message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.action-message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.action-loading{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:5px;color:#856404;font-weight:500;padding:15px 20px;position:fixed;right:20px;top:20px;z-index:1000}@media (max-width:768px){.ssh-management{padding:15px}.section-header{align-items:flex-start;flex-direction:column;gap:15px}.header-buttons{justify-content:space-between;width:100%}.form-grid{grid-template-columns:1fr}.form-buttons{flex-direction:column}.form-buttons button{width:100%}.command-input-group,.connection-item{flex-direction:column}.connection-item{align-items:flex-start;gap:10px}.close-connection-button{align-self:flex-end}.action-loading,.action-message{margin:20px 0;position:relative;right:auto;top:auto}}.keypair-button{background-color:#9b59b6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.keypair-button:hover{background-color:#8e44ad}.keypair-form{background-color:#fff;border:1px solid #e1e8ed;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.generate-button{background-color:#9b59b6;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s ease}.generate-button:hover{background-color:#8e44ad}.generate-button:disabled{background-color:#bdc3c7;cursor:not-allowed}.generated-keypair{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-top:20px;padding:20px}.keypair-section{margin-bottom:20px}.keypair-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.keypair-display{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:12px;line-height:1.4;overflow-wrap:break-word;padding:10px;resize:vertical;white-space:pre;width:100%}.copy-button{background-color:#17a2b8;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px;transition:background-color .3s ease}.copy-button:hover{background-color:#138496}.keypair-actions{border-top:1px solid #dee2e6;margin-top:15px;padding-top:15px}.use-key-button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin-bottom:15px;padding:10px 20px;transition:background-color .3s ease}.use-key-button:hover{background-color:#218838}.keypair-warning{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404;font-size:14px;line-height:1.4;padding:12px}.keypair-warning strong{color:#d63031}@media (max-width:480px){.ssh-management h2{font-size:24px}.ssh-management h3{font-size:18px}.terminal-output{font-size:12px;height:300px}.shell-controls{align-items:flex-start;flex-direction:column;gap:10px}.keypair-display{font-size:11px}.keypair-header{align-items:flex-start;flex-direction:column;gap:8px}}.saved-configs-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:30px 0;padding:20px}.saved-configs-button{background-color:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}.saved-configs-button:hover{background-color:#5a6268}.configs-list{display:flex;flex-direction:column;gap:15px}.config-item{align-items:center;background-color:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:15px;transition:transform .2s}.config-item:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.config-info{flex:1 1}.config-name{color:#2c3e50;font-size:16px;font-weight:600;margin-bottom:5px}.config-details{color:#6c757d;font-size:14px;margin-bottom:5px}.config-dates{color:#adb5bd;font-size:12px}.config-actions{display:flex;gap:10px}.connect-config-button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}.connect-config-button:hover{background-color:#218838}.connect-config-button:disabled{background-color:#6c757d;cursor:not-allowed}.delete-config-button{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}.delete-config-button:hover{background-color:#c82333}.delete-config-button:disabled{background-color:#6c757d;cursor:not-allowed}.no-configs{color:#6c757d;font-style:italic;padding:20px;text-align:center}.terminal-prompt{color:#28a745;font-family:Courier New,monospace;font-weight:700}.terminal-line.prompt{background-color:#f8f9fa;border-left:3px solid #28a745;padding-left:10px}.terminal-line.prompt .terminal-prompt{display:inline-block;margin-right:0}@media (max-width:768px){.config-item{align-items:flex-start;flex-direction:column;gap:15px}.config-actions{justify-content:space-between;width:100%}.saved-configs-section{margin:20px 0;padding:15px}}.server-logs-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.header-controls{align-items:center;display:flex;gap:10px}.dashboard-header{margin-bottom:20px}.auto-refresh-label{align-items:center;display:flex;gap:5px}.server-log-btn{align-items:center;background:linear-gradient(135deg,#f8f8f8,#cdcdcd);border:1px solid #ccc;border-radius:4px;display:flex;height:30px;justify-content:center;width:30px}.btn-icon{height:16px;width:16px}.filter-card{margin-bottom:20px}.filter-container{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.filter-label{align-items:center;display:flex;gap:8px}.filter-icon{height:16px;width:16px}.filter-select{min-width:120px;width:auto}.search-input{min-width:200px;width:auto}.entries-count{color:#666;font-size:14px}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.stat-card-value{font-size:18px;font-weight:700}.stat-card-label{color:#666;font-size:14px}.stat-error{color:#dc3545}.stat-warning{color:#ffc107}.stat-info{color:#007bff}.stat-debug{color:#6c757d}.logs-container{font-family:monospace;font-size:13px;line-height:1.4;max-height:500px;overflow-y:auto}.empty-logs{color:#666;padding:40px;text-align:center}.log-entry{align-items:flex-start;border-bottom:1px solid #eee;display:flex;gap:10px;padding:8px 0}.log-icon{flex-shrink:0}.log-timestamp{color:#666;flex-shrink:0;min-width:130px}.log-level{font-weight:700;text-transform:uppercase}.log-level,.log-source{flex-shrink:0;min-width:80px}.log-source{color:#666}.log-message{flex:1 1}.level-error{color:#dc3545}.level-warning{color:#ffc107}.level-info{color:#007bff}.level-debug{color:#6c757d}.icon-error{color:#dc3545;height:16px;width:16px}.icon-warning{color:#ffc107;height:16px;width:16px}.icon-info{color:#007bff;height:16px;width:16px}.icon-debug{color:#6c757d;height:16px;width:16px}.settings-header{justify-content:space-between;margin-bottom:30px}.save-button,.settings-header{align-items:center;display:flex}.save-button{gap:8px}.save-icon{height:16px;width:16px}.tab-container{margin-bottom:20px}.tab-navigation{border-bottom:2px solid #dee2e6;display:flex;gap:0}.tab-button{background:#0000;border:none;border-radius:4px 4px 0 0;color:#666;cursor:pointer;font-weight:400;padding:12px 20px}.tab-button.active{background:#007bff;color:#fff;font-weight:700}.section-header{align-items:center;display:flex;gap:8px;margin-bottom:20px}.section-icon{height:20px;width:20px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group{display:flex;flex-direction:column}.subsection{margin-bottom:20px}.subsection-title{font-size:16px;margin-bottom:10px}.checkbox-label{margin-right:8px}.textarea-monospace{font-family:monospace;font-size:13px;width:400px}.info-section{background:#f8f9fa;border-radius:4px;margin-top:20px;padding:15px}.info-section-title{font-size:16px;margin:0 0 10px}.button-group{display:flex;flex-wrap:wrap;gap:10px}.backup-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.backup-actions{display:flex;gap:10px;margin-bottom:20px}.login-container{align-items:center;background:#1a3967;display:flex;justify-content:center;min-height:100vh}.login-card{background:#ed7f22;border-radius:9px;gap:5px;max-width:90%;padding:25px;width:400px}.login-card,.login-card form{display:flex;flex-direction:column}.login-card form{gap:18px}.login-header{align-items:center;display:flex;flex-direction:column;margin-bottom:18px}.login-icon{color:#1a3967cc;height:48px;margin-bottom:8px;width:48px}.login-title{color:#1a3967cc;margin:0}.login-subtitle{color:#1a396780;margin:0}.form-group{margin:0;padding:0}.form-control{border:none;border-radius:4px;width:100%}.login-label{display:block;font-weight:500;margin-bottom:5px}.login-error{background:#fee;border-radius:0 0 4px 4px;color:#c33;font-size:14px;margin-top:-2px;padding:10px}.login-button{display:flex;justify-content:end}.btn-primary{background:#1a3967;border-radius:4px;color:#fff;padding:8px;width:120px}.app{display:flex;flex-direction:column;min-height:100vh}.nav-main-content{display:flex;flex:1 1}.main-content{flex:1 1;margin-inline:30px;margin-top:30px}
/*# sourceMappingURL=main.1c2718a2.css.map*/