*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Figtree,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}input:where([type=text]),input:where(:not([type])),input:where([type=email]),input:where([type=url]),input:where([type=password]),input:where([type=number]),input:where([type=date]),input:where([type=datetime-local]),input:where([type=month]),input:where([type=search]),input:where([type=tel]),input:where([type=time]),input:where([type=week]),select:where([multiple]),textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}input:where([type=text]):focus,input:where(:not([type])):focus,input:where([type=email]):focus,input:where([type=url]):focus,input:where([type=password]):focus,input:where([type=number]):focus,input:where([type=date]):focus,input:where([type=datetime-local]):focus,input:where([type=month]):focus,input:where([type=search]):focus,input:where([type=tel]):focus,input:where([type=time]):focus,input:where([type=week]):focus,select:where([multiple]):focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--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);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}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-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .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}select:where([multiple]),select:where([size]:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}input:where([type=checkbox]),input:where([type=radio]){-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}input:where([type=checkbox]){border-radius:0}input:where([type=radio]){border-radius:100%}input:where([type=checkbox]):focus,input:where([type=radio]):focus{outline:2px solid transparent;outline-offset:2px;--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)}input:where([type=checkbox]):checked,input:where([type=radio]):checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}input:where([type=checkbox]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){input:where([type=checkbox]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=radio]):checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors: active){input:where([type=radio]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):checked:hover,input:where([type=checkbox]):checked:focus,input:where([type=radio]):checked:hover,input:where([type=radio]):checked:focus{border-color:transparent;background-color:currentColor}input:where([type=checkbox]):indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){input:where([type=checkbox]):indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):indeterminate:hover,input:where([type=checkbox]):indeterminate:focus{border-color:transparent;background-color:currentColor}input:where([type=file]){background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}input:where([type=file]):focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.end-0{inset-inline-end:0px}.start-0{inset-inline-start:0px}.isolate{isolation:isolate}.z-0{z-index:0}.z-50{z-index:50}.-ml-px{margin-left:-1px}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-3{margin-left:.75rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-5{height:1.25rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-full{width:100%}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-grow{flex-grow:1}.origin-top{transform-origin:top}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-4{--tw-translate-y: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.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))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.border{border-width:1px}.border-b-2{border-bottom-width:2px}.border-l-4{border-left-width:4px}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-indigo-400{--tw-border-opacity: 1;border-color:rgb(129 140 248 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-indigo-50{--tw-bg-opacity: 1;background-color:rgb(238 242 255 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pe-4{padding-inline-end:1rem}.ps-3{padding-inline-start:.75rem}.pt-1{padding-top:.25rem}.text-start{text-align:start}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-5{line-height:1.25rem}.tracking-widest{letter-spacing:.1em}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-indigo-700{--tw-text-opacity: 1;color:rgb(67 56 202 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-75{opacity:.75}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--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(3px + 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-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-black{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1))}.ring-gray-300{--tw-ring-opacity: 1;--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1))}.ring-opacity-5{--tw-ring-opacity: .05}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);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)}.invert{--tw-invert: invert(100%);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-filter{-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,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-75{transition-duration:75ms}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--color-primary: #006462;--color-primary-dk: #004e4c;--color-primary-lt: #e3efed;--color-gold: #c59d48;--color-gold-light: #dfba6e;--color-gold-100: #f6ede0;--color-bg: #EFE6D5;--color-surface: #F8F2E6;--color-surface-alt:#E4D8C3;--color-ink: #121A22;--color-ink-soft: #455360;--color-border: #D2C4AC;--color-green-900: #006462;--color-green-800: #007a78;--color-green-700: #009c99;--color-green-100: #e3efed;--color-hero-mountain: #004e4c;--color-hero-mountain-2: #006462;--hero-overlay-top: rgba(0,0,0,.05);--hero-overlay-mid: rgba(0,100,98,.35);--font-display: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--font-body: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 28px;--shadow-sm: 0 2px 12px rgba(0,78,76,.06);--shadow-md: 0 8px 32px rgba(0,78,76,.1);--shadow-lg: 0 20px 60px rgba(0,78,76,.14)}@media (prefers-color-scheme: dark){:root{--color-primary: #7EC1E8;--color-primary-dk: #5BA3D0;--color-primary-lt: #1a3a45;--color-gold: #6FE0E6;--color-gold-light: #A8E8F0;--color-gold-100: #163A3D;--color-bg: #0D1117;--color-surface: #161B22;--color-surface-alt:#21262D;--color-ink: #E6EDF3;--color-ink-soft: #8B949E;--color-border: #30363D;--color-green-900: #5BA3D0;--color-green-800: #7EC1E8;--color-green-700: #A8E8F0;--color-green-100: #1a3a45;--color-hero-mountain: #0F1F2B;--color-hero-mountain-2: #1a3a45;--hero-overlay-top: rgba(0,0,0,.3);--hero-overlay-mid: rgba(126,193,232,.15);--shadow-sm: 0 2px 12px rgba(0,0,0,.3);--shadow-md: 0 8px 32px rgba(0,0,0,.4);--shadow-lg: 0 20px 60px rgba(0,0,0,.5)}}html.dark{--color-primary: #7EC1E8;--color-primary-dk: #5BA3D0;--color-primary-lt: #1a3a45;--color-gold: #6FE0E6;--color-gold-light: #A8E8F0;--color-gold-100: #163A3D;--color-bg: #0D1117;--color-surface: #161B22;--color-surface-alt:#21262D;--color-ink: #E6EDF3;--color-ink-soft: #8B949E;--color-border: #30363D;--color-green-900: #5BA3D0;--color-green-800: #7EC1E8;--color-green-700: #A8E8F0;--color-green-100: #1a3a45;--color-hero-mountain: #0F1F2B;--color-hero-mountain-2: #1a3a45;--hero-overlay-top: rgba(0,0,0,.3);--hero-overlay-mid: rgba(126,193,232,.15);--shadow-sm: 0 2px 12px rgba(0,0,0,.3);--shadow-md: 0 8px 32px rgba(0,0,0,.4);--shadow-lg: 0 20px 60px rgba(0,0,0,.5)}input,textarea,select,button{font-family:inherit}html{margin:0;padding:0;zoom:.9;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;scroll-padding-top:88px}@media (max-width: 480px){html{zoom:1}}html::-webkit-scrollbar{display:none}body{margin:0;padding:0;font-family:var(--font-body);color:var(--color-ink);background:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased}.wrap{max-width:1200px;margin:0 auto;padding:0 28px}[x-cloak]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-999px;top:0;background:var(--color-primary);color:#fff;padding:10px 18px;z-index:100;border-radius:0 0 8px}.skip-link:focus{left:0}.site-header{position:sticky;top:0;z-index:50;background:transparent;padding:20px 20px 12px;transition:transform .35s cubic-bezier(.16,1,.3,1),background-color .3s ease;will-change:transform}.site-header.is-hidden{transform:translateY(calc(-100% - 30px))!important;pointer-events:none!important}.site-header-home{position:sticky;top:0;width:100%;box-sizing:border-box;margin-bottom:-105px}.site-header.is-scrolled .header-inner{background:var(--color-primary);box-shadow:0 4px 24px #0000002e}.header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:min(1360px,96vw);margin:0 auto;padding:6px 18px;height:56px;min-height:56px;max-height:56px;box-sizing:border-box;background:var(--color-primary);border:1px solid rgba(255,255,255,.14);border-radius:999px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:background .3s ease,box-shadow .3s ease}.header-right{display:flex;align-items:center;gap:clamp(8px,1.2vw,14px);flex-shrink:1;min-width:0}.header-inner .brand-text strong,.header-inner .brand-text small,.header-inner .main-nav a,.header-inner .sidebar-toggle-header{color:#fff}.header-inner .main-nav>a,.header-inner .main-nav .nav-dropdown-toggle{position:relative;font-size:clamp(.72rem,.78vw,.8rem);font-weight:600;letter-spacing:.01em;padding:4px clamp(2px,.3vw,5px);transition:color .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:3px;color:#fff;background:transparent;border:none;font-family:inherit;line-height:inherit;cursor:pointer;white-space:nowrap}.header-inner .main-nav>a:after,.header-inner .main-nav .nav-dropdown-toggle:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-gold);border-radius:999px;transform:scaleX(0);transition:transform .2s ease}.header-inner .main-nav>a:hover,.header-inner .main-nav .nav-dropdown-toggle:hover{color:var(--color-gold)}.header-inner .main-nav>a:hover:after,.header-inner .main-nav .nav-dropdown-toggle:hover:after{transform:scaleX(1)}.nav-dropdown{position:relative;display:inline-flex;align-items:center}.nav-dropdown-chevron{transition:transform .2s ease;opacity:.9}.nav-dropdown:hover .nav-dropdown-chevron,.nav-dropdown:focus-within .nav-dropdown-chevron,.nav-dropdown.is-open .nav-dropdown-chevron{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:calc(100% + 12px);left:0;background:var(--color-surface, #ffffff);min-width:340px;max-width:440px;border-radius:var(--radius-md, 8px);box-shadow:0 16px 36px #00000040,0 3px 8px #00000014;border:1px solid var(--color-border, rgba(0, 0, 0, .08));padding:10px 0;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;z-index:1000;pointer-events:none;box-sizing:border-box}.nav-dropdown-menu:before{content:"";position:absolute;top:-14px;left:0;right:0;height:16px}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown.is-open .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.header-inner .main-nav .nav-dropdown-menu a,.nav-dropdown-item{display:block!important;width:100%!important;padding:11px 22px!important;color:var(--color-ink, #121A22)!important;font-size:.83rem!important;font-weight:800!important;letter-spacing:.025em!important;text-transform:uppercase!important;line-height:1.4!important;text-decoration:none!important;box-sizing:border-box!important;transition:background-color .15s ease,color .15s ease,padding-left .15s ease!important;border-bottom:1px solid rgba(0,0,0,.05)!important;background:transparent!important}.header-inner .main-nav .nav-dropdown-menu a:after,.nav-dropdown-item:after{display:none!important}.header-inner .main-nav .nav-dropdown-menu a:last-child,.nav-dropdown-item:last-child{border-bottom:none!important}.header-inner .main-nav .nav-dropdown-menu a:hover,.nav-dropdown-item:hover{background-color:var(--color-primary-lt, rgba(0, 100, 98, .08))!important;color:var(--color-gold, #c59d48)!important;padding-left:26px!important}html.dark .nav-dropdown-menu{background:var(--color-surface, #142431);border-color:var(--color-border, rgba(197, 157, 72, .35));box-shadow:0 18px 45px #00000080,0 4px 14px #0000004d}html.dark .header-inner .main-nav .nav-dropdown-menu a,html.dark .nav-dropdown-item{color:var(--color-ink, #EAF2F8)!important;border-bottom-color:#ffffff12!important}html.dark .header-inner .main-nav .nav-dropdown-menu a:hover,html.dark .nav-dropdown-item:hover{background-color:var(--color-gold-100, rgba(197, 157, 72, .18))!important;color:var(--color-gold, #c59d48)!important}.header-inner .nav-toggle span{background:#fff}.header-inner .admin-bar-login{background:var(--color-gold);color:#003d3c!important;font-weight:700}.header-inner .admin-bar-login:hover{background:var(--color-gold-light)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;min-width:0}.brand-mark{color:var(--color-primary);flex-shrink:0;border-radius:8px}.brand-text{display:flex;flex-direction:column;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.brand-text strong{font-family:var(--font-display);font-size:.98rem;font-weight:700;color:var(--color-primary);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-text small{font-size:.68rem;color:var(--color-ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1}.main-nav{display:flex;align-items:center;gap:clamp(5px,.8vw,11px);font-size:.78rem;font-weight:600;letter-spacing:.01em;flex-shrink:1;min-width:0;flex-wrap:nowrap}.main-nav a{color:var(--color-ink);transition:color .15s ease;text-decoration:none;white-space:nowrap}.main-nav a:hover{color:var(--color-primary)}@media (max-width: 1300px) and (min-width: 1121px){.main-nav{gap:clamp(4px,.6vw,7px);font-size:.72rem}.header-inner .main-nav>a,.header-inner .main-nav .nav-dropdown-toggle{font-size:.72rem;gap:2px;padding:3px 2px;white-space:nowrap}.header-inner{padding:6px 14px}.brand-text{max-width:200px}.brand-text strong{font-size:.9rem}.brand-text small{font-size:.62rem}}.nav-cta{background:var(--color-primary);color:#fff!important;padding:9px 22px;border-radius:999px;font-weight:700;font-size:.875rem;transition:background .2s ease,transform .2s ease}.nav-cta:hover{background:var(--color-primary-dk);transform:translateY(-1px)}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:0}.nav-toggle span{width:22px;height:2px;background:var(--color-primary);border-radius:2px}.theme-toggle-nav{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:#ffffff1a;color:var(--color-ink);cursor:pointer;transition:background .15s ease}.theme-toggle-nav:hover{background:#fff3}.header-inner .theme-toggle-nav{color:#fff}.hero{position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center;background:var(--color-primary)}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.hero-bg img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center 20%;object-position:center 20%;display:block;opacity:0;image-rendering:-webkit-optimize-contrast;image-rendering:auto;transition:opacity 1.8s ease}.hero-bg img.is-active{opacity:.22}.hero-bg img.hero-canvas-backdrop{opacity:.35!important;filter:brightness(.85) contrast(1.12);z-index:0}.hero-interactive-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.hero-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--color-primary-dk) 0%,var(--color-primary) 50%,var(--color-primary-dk) 100%);opacity:.92}.hero-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath d='M30 2 L58 30 L30 58 L2 30 Z' fill='none' stroke='%23D2B690' stroke-width='1.2' opacity='0.35'/%3E%3Cpath d='M30 10 L50 30 L30 50 L10 30 Z' fill='none' stroke='%23D2B690' stroke-width='1' opacity='0.25'/%3E%3Ccircle cx='30' cy='30' r='3' fill='%23D2B690' opacity='0.4'/%3E%3Cpath d='M30 18 L30 42 M18 30 L42 30' stroke='%23D2B690' stroke-width='1' opacity='0.3'/%3E%3Cpath d='M0 0 L12 0 L0 12 Z M60 0 L48 0 L60 12 Z M0 60 L12 60 L0 48 Z M60 60 L48 60 L60 48 Z' fill='%23D2B690' opacity='0.2'/%3E%3C/svg%3E");background-size:60px 60px;pointer-events:none}.hero-inner{position:relative;z-index:1;width:100%;max-width:1380px;display:grid;grid-template-columns:480px 1fr;align-items:center;gap:40px;padding:130px 32px 70px;margin:0 auto}.hero-content{max-width:480px;padding-right:0}.hero-visual{display:flex;align-items:flex-end;justify-content:flex-end;position:relative;margin-top:auto;padding-bottom:10px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--color-gold);margin-bottom:16px;background:#d2b6901f;border:1px solid rgba(210,182,144,.3);padding:6px 14px;border-radius:999px}.eyebrow:before{content:"";display:inline-block;width:6px;height:6px;flex-shrink:0;background:var(--color-gold);border-radius:50%}.hero .eyebrow{justify-content:flex-start}.hero h1{font-size:clamp(1.85rem,3.4vw,2.9rem);font-weight:900;line-height:1.15;color:#fff;margin:0 0 16px;letter-spacing:-.03em;text-transform:uppercase}.hero h1 span{color:var(--color-gold)}.hero-lede{max-width:440px;color:#fffc;font-size:.95rem;font-weight:400;line-height:1.6;margin:0 0 26px}.hero-search{display:flex;background:var(--color-gold);border-radius:999px;padding:5px 5px 5px 20px;max-width:420px;align-items:center;gap:0;box-shadow:0 8px 32px #d2b69066}.hero-search input{flex:1;border:none;background:transparent;font-size:.92rem;font-family:var(--font-body);color:#003d3c;outline:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.hero-search input::-moz-placeholder{color:#003d3c8c}.hero-search input::placeholder{color:#003d3c8c}.hero-search button{background:var(--color-primary);color:#fff;border:none;border-radius:999px;padding:10px 22px;font-weight:700;font-size:.88rem;cursor:pointer;font-family:var(--font-body);transition:background .2s ease,transform .2s ease;white-space:nowrap;flex-shrink:0}.hero-search button:hover{background:#003d3c;transform:scale(1.02)}.hero-cards{position:relative;width:380px;height:250px;perspective:1200px;display:flex;align-items:flex-end;justify-content:flex-end;margin-right:15px;margin-bottom:15px;animation:heroFadeUp 1s cubic-bezier(.16,1,.3,1) .35s backwards}.hero-card{position:absolute;width:155px;height:200px;border-radius:18px;box-shadow:0 16px 45px #00000073;background:var(--color-primary-dk);border:3.5px solid rgba(255,255,255,.3);transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s cubic-bezier(.16,1,.3,1),border-color .4s ease,opacity .45s ease,filter .45s ease;cursor:pointer;will-change:transform,box-shadow,filter;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-origin:center bottom}.hero-card:after{content:"";position:absolute;top:-10px;bottom:-50px;left:-12px;right:-12px;pointer-events:auto;background:transparent;z-index:10}.hero-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;border-radius:14px;transition:transform .75s cubic-bezier(.16,1,.3,1);pointer-events:none}.hero-card:nth-child(1){transform:rotate(-16deg) translateY(38px) translate(-108px);z-index:1;animation:floatCard1 7s ease-in-out infinite}.hero-card:nth-child(2){transform:rotate(-8deg) translateY(20px) translate(-54px);z-index:2;animation:floatCard2 8s ease-in-out infinite .4s}.hero-card:nth-child(3){transform:rotate(1deg) translateY(8px) translate(0);z-index:3;animation:floatCard3 7.5s ease-in-out infinite .8s}.hero-card:nth-child(4){transform:rotate(10deg) translateY(22px) translate(54px);z-index:4;animation:floatCard4 8.2s ease-in-out infinite 1.2s}.hero-card:nth-child(5){transform:rotate(18deg) translateY(38px) translate(108px);z-index:5;animation:floatCard5 8.6s ease-in-out infinite 1.6s}@keyframes floatCard1{0%,to{transform:rotate(-16deg) translateY(38px) translate(-108px)}50%{transform:rotate(-15deg) translateY(31px) translate(-106px)}}@keyframes floatCard2{0%,to{transform:rotate(-8deg) translateY(20px) translate(-54px)}50%{transform:rotate(-7deg) translateY(13px) translate(-53px)}}@keyframes floatCard3{0%,to{transform:rotate(1deg) translateY(8px) translate(0)}50%{transform:rotate(.5deg) translateY(0) translate(0)}}@keyframes floatCard4{0%,to{transform:rotate(10deg) translateY(22px) translate(54px)}50%{transform:rotate(9deg) translateY(15px) translate(53px)}}@keyframes floatCard5{0%,to{transform:rotate(18deg) translateY(38px) translate(108px)}50%{transform:rotate(17deg) translateY(31px) translate(106px)}}.hero-cards:hover .hero-card{animation-play-state:paused;filter:brightness(.92);opacity:.9}.hero-cards .hero-card:hover{box-shadow:0 32px 75px #000000a6,0 0 0 2.5px var(--color-gold),0 0 35px #c59d4859!important;border-color:#fff!important;z-index:25!important;opacity:1!important;filter:brightness(1.05)!important}.hero-cards .hero-card:nth-child(1):hover{transform:rotate(-9deg) translateY(-14px) translate(-118px) scale(1.18)!important}.hero-cards .hero-card:nth-child(2):hover{transform:rotate(-4deg) translateY(-22px) translate(-62px) scale(1.18)!important}.hero-cards .hero-card:nth-child(3):hover{transform:rotate(0) translateY(-28px) translate(0) scale(1.2)!important}.hero-cards .hero-card:nth-child(4):hover{transform:rotate(4deg) translateY(-22px) translate(62px) scale(1.18)!important}.hero-cards .hero-card:nth-child(5):hover{transform:rotate(9deg) translateY(-14px) translate(118px) scale(1.18)!important}.hero-card:hover img{transform:scale(1.09)}.hero-stats{display:flex;align-items:stretch;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;margin-top:30px;max-width:420px}.hero-stats div{flex:1;display:flex;flex-direction:column;align-items:center;padding:18px 16px;position:relative;cursor:pointer;transition:background .2s ease}.hero-stats div:hover{background:#ffffff0f}.hero-stats div+div:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:1px;background:#fff3}.hero-stats strong{font-size:1.8rem;font-weight:900;color:var(--color-gold);line-height:1;letter-spacing:-.03em}.hero-stats span{font-size:.72rem;color:#ffffffa6;margin-top:4px;text-align:center}.site-footer,.section{margin-left:calc(-14px - var(--sidebar-w));width:calc(100% + 14px + var(--sidebar-w));padding-left:calc(14px + var(--sidebar-w));transition:margin-left .22s ease,width .22s ease,padding-left .22s ease}.section{padding:88px 0;position:relative;background-color:var(--color-bg)}.section-white{background-color:var(--color-surface)}.section-teal{background:var(--color-primary);color:#fff}.section+.section{border-top:1px solid var(--color-border)}.section>.wrap{position:relative;z-index:1}.section-head{max-width:680px;margin:0 auto 48px;text-align:center}.section-head .eyebrow{margin-bottom:12px;justify-content:center}.section-head h2{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:900;letter-spacing:-.03em;margin:0 0 12px;color:var(--color-ink)}.section-teal .section-head h2{color:#fff}.section-desc{color:var(--color-ink-soft);font-size:1rem;margin:0;line-height:1.7}.section-teal .section-desc{color:#ffffffb3}.opd-toolbar{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;margin-bottom:32px}.opd-search{display:flex;align-items:center;gap:10px;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:999px;padding:10px 20px;flex:1;min-width:260px;color:var(--color-ink-soft);transition:border-color .2s ease,box-shadow .2s ease}.opd-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-lt)}.opd-search input{border:none;outline:none;background:transparent;flex:1;font-family:var(--font-body);font-size:.95rem;color:var(--color-ink)}.opd-filters{display:flex;gap:8px;flex-wrap:wrap}.opd-filter-btn{border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-ink-soft);padding:8px 20px;border-radius:999px;font-family:var(--font-body);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.opd-filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.opd-filter-btn.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.opd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.opd-card{display:flex;flex-direction:column;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm);transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,border-color .2s ease}.opd-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.opd-card-kategori{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;background:var(--color-primary-lt);color:var(--color-primary);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:5px 12px;border-radius:999px;margin-bottom:14px}.opd-card-kategori:before{content:"";display:inline-block;width:11px;height:11px;flex-shrink:0;background-color:currentColor;-webkit-mask:no-repeat center / contain;mask:no-repeat center / contain}.opd-card[data-kategori=Dinas] .opd-card-kategori:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 21V7l8-4 8 4v14M9 21v-6h6v6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 21V7l8-4 8 4v14M9 21v-6h6v6'/%3E%3C/svg%3E")}.opd-card[data-kategori=Badan] .opd-card-kategori:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l8 4v5c0 5-3.5 9.5-8 11-4.5-1.5-8-6-8-11V6l8-4z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l8 4v5c0 5-3.5 9.5-8 11-4.5-1.5-8-6-8-11V6l8-4z'/%3E%3C/svg%3E")}.opd-card[data-kategori=Sekretariat] .opd-card-kategori:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7z'/%3E%3C/svg%3E")}.opd-card[data-kategori=Layanan] .opd-card-kategori:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 12l2 2 4-4M12 3l8 4v5c0 5-3.5 9.5-8 11-4.5-1.5-8-6-8-11V7z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 12l2 2 4-4M12 3l8 4v5c0 5-3.5 9.5-8 11-4.5-1.5-8-6-8-11V7z'/%3E%3C/svg%3E")}.opd-card h3{font-size:1rem;font-weight:700;margin:0 0 8px}.opd-card p{color:var(--color-ink-soft);font-size:.88rem;flex:1;margin:0 0 18px;line-height:1.6}.opd-card-link{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.84rem;color:var(--color-primary)}.opd-card-link svg{transition:transform .2s ease}.opd-card:hover .opd-card-link svg{transform:translate(3px,-2px)}.opd-empty-state{text-align:center;color:var(--color-ink-soft);padding:48px 0}.opd-card-extra{display:none}.opd-grid.is-expanded .opd-card-extra{display:flex}.kecamatan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.kecamatan-card{display:flex;align-items:center;justify-content:space-between;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);padding:16px 20px;font-weight:600;font-size:.94rem;color:var(--color-ink);transition:all .2s ease}.kecamatan-card:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.kecamatan-card span{display:flex;align-items:center;gap:10px}.kecamatan-card span:before{content:"";display:inline-block;width:8px;height:8px;flex-shrink:0;background:var(--color-primary);border-radius:50%}.kecamatan-card svg{color:var(--color-ink-soft);flex-shrink:0;transition:color .15s ease}.kecamatan-card:hover svg{color:var(--color-primary)}.layanan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.layanan-card{display:block;background-color:var(--color-surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70' viewBox='0 0 70 70'%3E%3Cg fill='none' stroke='%230284C7' stroke-width='0.9' opacity='0.1'%3E%3Cpath d='M35 3 L67 35 L35 67 L3 35 Z'/%3E%3Cpath d='M35 12 L58 35 L35 58 L12 35 Z' stroke-width='0.7' opacity='0.8'/%3E%3Ccircle cx='35' cy='35' r='3.5' fill='%2338BDF8' opacity='0.5' stroke='%230284C7' stroke-width='0.6'/%3E%3Cpath d='M35 20 L35 50 M20 35 L50 35' stroke-width='0.8' opacity='0.85'/%3E%3C/g%3E%3C/svg%3E");background-size:70px 70px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:28px;box-shadow:var(--shadow-sm);transition:all .25s cubic-bezier(.34,1.56,.64,1)}.layanan-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.layanan-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;margin-bottom:18px;background:var(--color-primary-lt);color:var(--color-primary)}.layanan-card h3{color:var(--color-ink);font-size:1rem;font-weight:700;margin:0 0 8px}.layanan-card p{color:var(--color-ink-soft);font-size:.88rem;margin:0;line-height:1.6}.berita-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.berita-card{background-color:var(--color-surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70' viewBox='0 0 70 70'%3E%3Cg fill='none' stroke='%230284C7' stroke-width='0.9' opacity='0.1'%3E%3Cpath d='M35 3 L67 35 L35 67 L3 35 Z'/%3E%3Cpath d='M35 12 L58 35 L35 58 L12 35 Z' stroke-width='0.7' opacity='0.8'/%3E%3Ccircle cx='35' cy='35' r='3.5' fill='%2338BDF8' opacity='0.5' stroke='%230284C7' stroke-width='0.6'/%3E%3Cpath d='M35 20 L35 50 M20 35 L50 35' stroke-width='0.8' opacity='0.85'/%3E%3C/g%3E%3C/svg%3E");background-size:70px 70px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.berita-card-thumb{width:100%;aspect-ratio:16 / 9;overflow:hidden}.berita-card-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .4s ease}.berita-card:hover .berita-card-thumb img{transform:scale(1.06)}.berita-card-body{padding:24px}a.berita-card{display:block;color:inherit;text-decoration:none}.berita-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.berita-kategori{display:inline-block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);background:var(--color-primary-lt);padding:4px 12px;border-radius:999px;margin-bottom:12px}.berita-card h3{font-size:1rem;font-weight:700;margin:0 0 10px;line-height:1.4}.berita-card p{color:var(--color-ink-soft);font-size:.875rem;margin:0 0 14px;line-height:1.65}.berita-card time{font-size:.76rem;color:var(--color-ink-soft)}.sambutan-card{position:relative;display:grid;grid-template-columns:310px 1fr;gap:48px;align-items:stretch;background:var(--color-surface, #FFFFFF);border-radius:24px;padding:44px 48px;box-shadow:0 20px 50px #004e4c14,0 4px 16px #00000008;border:1.5px solid var(--color-border);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}html.dark .sambutan-card{background:#151e29;border-color:#2a3746;box-shadow:0 24px 60px #00000073}.sambutan-photo-wrap{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.sambutan-photo-frame{position:relative;width:100%;border-radius:20px;padding:6px;background:linear-gradient(145deg,var(--color-gold, #c59d48) 0%,rgba(0,100,98,.6) 100%);box-shadow:0 16px 36px #003c3a29}.sambutan-foto{display:block;width:100%;aspect-ratio:3/4;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;border-radius:16px;background:#e2e8f0}.sambutan-leader-badge{margin-top:14px;display:inline-flex;align-items:center;gap:8px;background:#00646214;color:var(--color-primary);border:1px solid rgba(0,100,98,.2);padding:6px 14px;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}html.dark .sambutan-leader-badge{background:#7ec1e81a;color:var(--color-gold);border-color:#7ec1e840}.sambutan-content-wrap{display:flex;flex-direction:column;justify-content:space-between;position:relative}.sambutan-quote-icon{width:44px;height:44px;color:var(--color-gold);opacity:.85;margin-bottom:12px}.sambutan-lead-statement{font-size:clamp(1.15rem,1.8vw,1.35rem);font-weight:800;line-height:1.45;color:var(--color-primary);margin:0 0 16px;letter-spacing:-.015em}html.dark .sambutan-lead-statement{color:#7ec1e8}.sambutan-teks{font-size:.98rem;line-height:1.8;color:var(--color-ink);opacity:.92;margin-bottom:24px;text-align:justify}html.dark .sambutan-teks{color:#e2edf5}.sambutan-footer-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-top:20px;border-top:1px solid var(--color-border);margin-top:auto}.sambutan-nama{font-size:1.25rem;font-weight:800;color:var(--color-ink);margin:0;line-height:1.2}html.dark .sambutan-nama{color:#fff}.sambutan-jabatan{font-size:.82rem;color:var(--color-gold);font-weight:700;letter-spacing:.06em;margin:4px 0 0;text-transform:uppercase}html.dark .sambutan-jabatan{color:var(--color-gold, #E5C378)}@media (max-width: 900px){.sambutan-card{grid-template-columns:1fr;padding:32px 24px;gap:28px}.sambutan-photo-frame{max-width:240px;margin:0 auto}.sambutan-footer-bar{flex-direction:column;align-items:flex-start}}.galeri-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.galeri-preview-item{position:relative;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:4/3;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .3s ease,box-shadow .3s ease}.galeri-preview-item:hover{transform:scale(1.03);box-shadow:var(--shadow-md)}.galeri-preview-item>span{position:absolute;bottom:0;left:0;right:0;padding:32px 16px 14px;background:linear-gradient(transparent,#000000b8);color:#fff;font-size:.82rem;font-weight:600}.galeri-preview-overlay{position:absolute;bottom:0;left:0;right:0;padding:36px 14px 12px;background:linear-gradient(transparent,#000000d9);color:#fff;display:flex;flex-direction:column;gap:4px;z-index:2}.galeri-preview-overlay span{position:static!important;background:none!important;padding:0!important}.galeri-item-title{font-size:.86rem;font-weight:700;color:#fff;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.galeri-item-desc{font-size:.74rem;color:#ffffffd1;font-weight:400;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.galeri-preview-video{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;font-size:2.5rem}.inovasi-showcase-panel{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:20px;padding:30px 34px;box-shadow:var(--shadow-md, 0 6px 24px rgba(0,0,0,.06));margin-bottom:24px;position:relative;overflow:hidden;transition:all .3s ease}.inovasi-showcase-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-gold),var(--color-primary))}.inovasi-showcase-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px dashed var(--color-border)}.inovasi-showcase-badge{display:inline-flex;align-items:center;gap:6px;background:#0064621a;color:var(--color-primary);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:4px 14px;border-radius:999px;border:1px solid rgba(0,100,98,.25)}.inovasi-status-badge{display:inline-flex;align-items:center;gap:6px;background:#22c55e1f;color:#16a34a;font-size:.78rem;font-weight:700;padding:4px 12px;border-radius:999px;border:1px solid rgba(34,197,94,.25)}.inovasi-status-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;animation:inovasiPulse 2s infinite}@keyframes inovasiPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.inovasi-counter-pill{font-size:.8rem;font-weight:700;color:var(--color-gold);background:var(--color-surface-alt, rgba(0,0,0,.03));padding:4px 12px;border-radius:999px;border:1px solid var(--color-border)}.inovasi-showcase-content{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:center}.inovasi-showcase-icon-box{width:58px;height:58px;border-radius:14px;background:var(--color-surface-alt, rgba(0,0,0,.03));border:1.5px solid var(--color-gold);display:flex;align-items:center;justify-content:center;color:var(--color-gold);padding:8px;flex-shrink:0;box-shadow:0 4px 14px #c59d4826}.inovasi-showcase-title{font-size:clamp(1.45rem,2.4vw,1.95rem);font-weight:900;color:var(--color-ink);margin:0;line-height:1.25}.inovasi-showcase-subtitle{font-size:.9rem;color:var(--color-ink-soft);margin:2px 0 0;font-weight:600}.inovasi-showcase-tagline{font-size:.98rem;color:var(--color-gold);font-weight:700;margin:12px 0 10px;line-height:1.45}.inovasi-showcase-desc{font-size:.96rem;line-height:1.75;color:var(--color-ink);margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.inovasi-feature-chips{display:flex;flex-wrap:wrap;gap:8px}.inovasi-chip{display:inline-flex;align-items:center;gap:6px;background:var(--color-surface-alt, rgba(0,0,0,.03));border:1px solid var(--color-border);padding:4px 12px;border-radius:6px;font-size:.78rem;font-weight:600;color:var(--color-ink)}.inovasi-chip svg{color:var(--color-gold)}.inovasi-action-card{background:var(--color-surface-alt, rgba(0,0,0,.03));border:1px solid var(--color-border);border-radius:14px;padding:20px;text-align:center}@media (max-width: 900px){.inovasi-showcase-content{grid-template-columns:1fr}}.inovasi-carousel-container{position:relative;margin-top:10px}.inovasi-carousel-wrapper{position:relative;display:flex;align-items:center}.inovasi-carousel-track{display:flex;gap:16px;overflow-x:auto;scroll-behavior:auto;padding:10px 4px 16px;scrollbar-width:none;-ms-overflow-style:none;width:100%}.inovasi-carousel-track::-webkit-scrollbar{display:none}.inovasi-carousel-card{flex:0 0 215px;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:14px;padding:16px 14px;cursor:pointer;transition:all .25s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-sm)}.inovasi-carousel-card:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.inovasi-carousel-card.is-active{border-color:var(--color-gold);background:linear-gradient(145deg,var(--color-surface),var(--color-surface-alt));box-shadow:0 6px 20px #c59d4833;transform:translateY(-3px) scale(1.02)}.inovasi-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.inovasi-card-icon{width:36px;height:36px;border-radius:10px;background:#0064621a;border:1px solid rgba(0,100,98,.2);display:flex;align-items:center;justify-content:center;color:var(--color-primary);padding:6px}.inovasi-carousel-card.is-active .inovasi-card-icon{background:#c59d4826;border-color:var(--color-gold);color:var(--color-gold)}.inovasi-card-year{font-size:.74rem;font-weight:700;color:var(--color-ink-soft)}.inovasi-card-name{font-size:1rem;font-weight:800;color:var(--color-ink);margin:0 0 3px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inovasi-card-category{font-size:.74rem;color:var(--color-ink-soft);margin:0 0 10px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inovasi-active-indicator{opacity:0;transform:translateY(4px);transition:all .2s ease;font-size:.7rem;font-weight:700;color:var(--color-gold);display:flex;align-items:center;gap:4px}.inovasi-carousel-card.is-active .inovasi-active-indicator{opacity:1;transform:translateY(0)}.inovasi-carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-ink);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 4px 12px #0000001f;transition:all .2s ease}.inovasi-carousel-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.inovasi-carousel-btn.prev{left:-16px}.inovasi-carousel-btn.next{right:-16px}@media (max-width: 600px){.inovasi-carousel-btn{display:none}}.ticker-bar{background:var(--color-primary-dk);color:#fff;padding:11px 0;overflow:hidden;position:relative;border-bottom:2px solid var(--color-gold);width:100%;box-sizing:border-box}.ticker-inner{display:flex;align-items:center;gap:16px;width:100%;max-width:100%;margin:0;padding:0 28px;box-sizing:border-box}.ticker-label{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;background:var(--color-gold);color:#003d3c;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:5px 16px;border-radius:999px;margin-right:0;white-space:nowrap;box-shadow:0 2px 8px #00000026}.ticker-label-icon{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.ticker-track{flex:1;min-width:0;overflow:hidden;position:relative}.ticker-list{display:flex;gap:0;animation:ticker-scroll 30s linear infinite;white-space:nowrap}.ticker-list:hover{animation-play-state:paused}.ticker-item{display:inline-flex;align-items:center;gap:8px;font-size:.84rem;font-weight:500;padding-right:60px;color:#ffffffe6;text-decoration:none;transition:color .15s ease}.ticker-item:hover{color:var(--color-gold)}.ticker-item:before{content:"◆";font-size:.5rem;color:var(--color-gold);flex-shrink:0}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.layanan-cepat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:16px}@media (max-width: 600px){.layanan-cepat-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.layanan-cepat-card{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:22px 14px 18px;gap:10px;box-shadow:var(--shadow-sm);transition:all .28s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.layanan-cepat-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.layanan-cepat-logo{position:relative;z-index:1;width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--color-border);padding:6px;box-shadow:0 2px 8px #0000000f;transition:transform .25s ease,box-shadow .25s ease}.layanan-cepat-logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.layanan-cepat-card:hover .layanan-cepat-logo{transform:scale(1.1) rotate(-4deg);box-shadow:0 4px 14px #00646233;border-color:var(--color-primary)}.layanan-cepat-icon{position:relative;z-index:1;width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-lt);color:var(--color-primary);font-size:1.3rem;border:1px solid rgba(0,100,98,.2);transition:background .25s ease,color .25s ease,transform .25s ease}.layanan-cepat-icon svg{width:24px;height:24px}.layanan-cepat-card:hover .layanan-cepat-icon{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:scale(1.1) rotate(-5deg)}html.dark .layanan-cepat-icon{background:#ffffff26;color:#fff;border-color:#ffffff40}html.dark .layanan-cepat-card:hover .layanan-cepat-icon{background:var(--color-gold);border-color:var(--color-gold)}.layanan-cepat-label{position:relative;z-index:1;font-size:.82rem;font-weight:700;color:var(--color-ink);line-height:1.35;transition:color .2s ease}.layanan-cepat-card:hover .layanan-cepat-label{color:var(--color-primary)}.layanan-cepat-desc{position:relative;z-index:1;font-size:.7rem;color:var(--color-ink-soft);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}html.dark .layanan-cepat-label{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.3)}html.dark .layanan-cepat-card:hover .layanan-cepat-label{color:var(--color-gold-light)}html.dark .layanan-cepat-desc{color:#ffffffb8}.berita-featured-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;align-items:start}@media (max-width: 860px){.berita-featured-layout{grid-template-columns:1fr}}.berita-featured-main{display:block;text-decoration:none;color:inherit;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);background:var(--color-surface);border:1.5px solid var(--color-border);transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative}.berita-featured-main:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.berita-featured-main .berita-featured-thumb{width:100%;aspect-ratio:16/9;overflow:hidden}.berita-featured-main .berita-featured-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .5s ease}.berita-featured-main:hover .berita-featured-thumb img{transform:scale(1.06)}.berita-featured-body{padding:28px}.berita-featured-body .berita-kategori{margin-bottom:10px}.berita-featured-body h3{font-size:1.25rem;font-weight:800;line-height:1.35;margin:0 0 10px;color:var(--color-ink)}.berita-featured-body p{color:var(--color-ink-soft);font-size:.9rem;line-height:1.65;margin:0 0 14px}.berita-featured-body time{font-size:.76rem;color:var(--color-ink-soft)}.berita-side-list{display:flex;flex-direction:column;gap:14px}.berita-side-card{display:flex;gap:14px;align-items:flex-start;text-decoration:none;color:inherit;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);padding:14px;box-shadow:var(--shadow-sm);transition:all .25s ease}.berita-side-card:hover{transform:translate(4px);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.berita-side-thumb{width:80px;height:72px;flex-shrink:0;border-radius:10px;overflow:hidden;background:var(--color-surface-alt)}.berita-side-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .3s ease}.berita-side-card:hover .berita-side-thumb img{transform:scale(1.08)}.berita-side-body{flex:1;min-width:0}.berita-side-body .berita-kategori{font-size:.62rem;margin-bottom:6px}.berita-side-body h4{font-size:.88rem;font-weight:700;line-height:1.4;margin:0 0 6px;color:var(--color-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.berita-side-body time{font-size:.7rem;color:var(--color-ink-soft)}.admin-bar{display:flex;align-items:center;gap:14px}.admin-bar-login{background:var(--color-gold);color:#003d3c!important;padding:9px 22px;border-radius:999px;font-weight:700;font-size:.88rem;transition:background .2s ease}.admin-bar-login:hover{background:var(--color-gold-light)}.admin-bar-profile{position:relative}.admin-bar-trigger{display:flex;align-items:center;gap:8px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);padding:6px 16px 6px 6px;border-radius:999px;cursor:pointer;font-size:.86rem;font-weight:600;color:#fff;transition:background .2s ease}.admin-bar-trigger:hover{background:#ffffff38}.admin-bar-avatar{width:28px;height:28px;border-radius:50%;background:var(--color-gold);color:#003d3c;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700}.admin-bar-menu{position:absolute;right:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);min-width:190px;padding:6px;z-index:60}.admin-bar-menu a,.admin-bar-menu button{display:block;width:100%;text-align:left;padding:10px 12px;border-radius:8px;font-size:.88rem;color:var(--color-ink);background:none;border:none;cursor:pointer;font-family:var(--font-body)}.admin-bar-menu a:hover,.admin-bar-menu button:hover{background:var(--color-surface-alt)}.site-footer{background:var(--color-primary-dk, #004e4c);color:#ffffffd9;padding-top:56px;padding-bottom:0;position:relative;overflow:hidden;border-top:2px solid var(--color-gold, #c59d48)}.site-footer:before{display:none}.site-footer .wrap,.site-footer .footer-bottom-wrap{position:relative;z-index:2}.footer-ornament{position:absolute;bottom:0;width:320px;height:195px;pointer-events:none;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:block!important;opacity:.85!important;transition:opacity .3s ease}.footer-ornament-left{left:0}.footer-ornament-right{right:0}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.05fr 1.35fr;gap:0;padding-bottom:0;border-bottom:1px solid rgba(255,255,255,.18);position:relative;z-index:2}.footer-col-item{padding:0 32px 42px 0;border-right:1px solid rgba(255,255,255,.18)}.footer-col-item:not(:first-child){padding-left:32px}.footer-col-item:last-child{border-right:none;padding-right:0}.footer-brand{display:flex;align-items:flex-start}.footer-brand-link{display:flex;gap:14px;align-items:flex-start;text-decoration:none;color:inherit;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s ease;border-radius:8px;padding:2px 4px;margin:-2px -4px;cursor:pointer}.footer-brand-link:hover{transform:translateY(-2px)}.footer-brand-link:hover .footer-brand-title{color:#ffd27d!important}.footer-brand-link:hover .brand-mark{transform:scale(1.08) rotate(-2deg);box-shadow:0 6px 14px #0000004d}.footer-brand .brand-mark{width:44px;height:44px;-o-object-fit:contain;object-fit:contain;flex-shrink:0;border-radius:8px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}.footer-brand-title{display:block;color:#fff!important;font-size:1.02rem;font-weight:700;margin-bottom:6px;line-height:1.3;transition:color .2s ease}.footer-brand-desc{font-size:.875rem;color:#ffffffd1!important;line-height:1.6;margin:0}.footer-col h3{color:#fff!important;font-family:var(--font-body);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:18px;font-weight:700}.footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}.footer-col a{font-size:.875rem;color:#ffffffd1!important;transition:color .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1),opacity .2s ease,text-shadow .25s ease;text-decoration:none;display:inline-flex;align-items:center;position:relative;cursor:pointer;line-height:1.5}.footer-col ul li a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1.5px;background:#ffd27d;transition:width .25s cubic-bezier(.16,1,.3,1);border-radius:2px}.footer-col a:hover,.footer-col a:focus-visible{color:#ffd27d!important;transform:translate(6px);text-shadow:0 0 10px rgba(255,210,125,.25)}.footer-col ul li a:hover:after,.footer-col ul li a:focus-visible:after{width:100%}.footer-col a:active{transform:translate(4px) scale(.98)}.footer-col span{font-size:.875rem;color:#ffffffd9!important;line-height:1.6}.footer-col .footer-contact-icons{display:flex;flex-direction:row;align-items:center;gap:12px;margin-top:16px}.footer-col .footer-contact-icons a,.footer-col .footer-contact-icons>span{display:inline-flex;align-items:center;justify-content:center;color:#fff!important;padding:8px;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);transition:all .25s cubic-bezier(.34,1.56,.64,1)}.footer-col .footer-contact-icons a:hover{color:#111!important;background:#ffd27d;border-color:#ffd27d;transform:translateY(-3px) scale(1.1);box-shadow:0 6px 16px #ffd27d59}.footer-col .footer-contact-icons a:active{transform:translateY(-1px) scale(1.02)}.footer-bottom-wrap{position:relative;z-index:2}.footer-bottom{padding:22px 0 26px;font-size:.8125rem;color:#ffffffd9;display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-bottom-left{flex:1;min-width:0;line-height:1.6}.footer-bottom-left span{color:#ffffffd9!important}.footer-bottom-divider{width:1px;height:30px;background:#ffffff38;flex-shrink:0}.footer-bottom-right{flex-shrink:0;line-height:1.6;white-space:nowrap}.footer-bottom-right span{color:#ffffffd9!important}.footer-bottom-right .heart-icon{color:#fff!important;font-size:.875rem}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--color-primary);color:#fff;padding:12px 28px;border-radius:999px;font-weight:700;font-size:.9rem;border:none;cursor:pointer;font-family:var(--font-body);transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.btn-primary:hover{background:var(--color-primary-dk);transform:translateY(-2px);box-shadow:0 8px 24px #0064624d}.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--color-primary);padding:11px 28px;border-radius:999px;font-weight:700;font-size:.9rem;border:2px solid var(--color-primary);cursor:pointer;font-family:var(--font-body);transition:all .2s ease;text-decoration:none}.btn-secondary:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px)}@media (max-width: 1024px){.hero-inner{grid-template-columns:1fr;gap:32px}.hero-visual{display:none}.hero-content{padding-right:0}.footer-grid{grid-template-columns:1.3fr 1fr 1fr 1.2fr}.footer-col-item{padding:0 20px 36px 0}.footer-col-item:not(:first-child){padding-left:20px}.footer-ornament{width:270px;height:165px;opacity:.75}}@media (max-width: 1120px){.site-header-home{margin-bottom:-90px}.nav-toggle{display:flex}.main-nav{position:fixed;inset:74px 0 auto 0;background:var(--color-primary-dk, #004e4c);flex-direction:column;align-items:flex-start;gap:0;border-bottom:1px solid rgba(255,255,255,.12);transform:translateY(-120%);transition:transform .25s cubic-bezier(.16,1,.3,1);padding:12px 20px 24px;z-index:49;box-shadow:0 12px 30px #0000004d}.main-nav.is-open{transform:translateY(0)}.main-nav>a{padding:12px 0;width:100%;color:#fff;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.08)}.main-nav>a:after{display:none}.nav-dropdown{width:100%;flex-direction:column;align-items:flex-start}.nav-dropdown-toggle{width:100%;justify-content:space-between;padding:12px 0!important;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.08)}.nav-dropdown-toggle:after{display:none}.nav-dropdown-menu{position:static;width:100%;max-width:100%;min-width:0;box-shadow:none;border:none;background:#00000038;border-radius:10px;margin:6px 0 10px;padding:6px 0;display:none;opacity:1;visibility:visible;transform:none;pointer-events:auto}.nav-dropdown.is-open .nav-dropdown-menu{display:block}.header-inner .main-nav .nav-dropdown-menu a,.nav-dropdown-item{color:#fff!important;padding:10px 16px!important;font-size:.82rem!important;border-bottom:1px solid rgba(255,255,255,.06)!important}.header-inner .main-nav .nav-dropdown-menu a:hover,.nav-dropdown-item:hover{background-color:#ffffff1a!important;padding-left:20px!important}}@media (max-width: 860px){.section{margin-left:0;width:100%;padding:56px 0}.section-head{margin-bottom:32px}.section-head h2{font-size:1.6rem}.footer-grid{grid-template-columns:1fr 1fr;gap:28px 0}.footer-col-item{padding:0 20px 24px 0;border-right:none}.footer-col-item:nth-child(odd){border-right:1px solid rgba(255,255,255,.18)}.footer-col-item:nth-child(2n){padding-left:20px;padding-right:0;border-right:none}.sambutan-card{grid-template-columns:1fr;padding:28px 20px;gap:20px;border-radius:18px}.sambutan-foto{max-width:180px;margin:0 auto;border-radius:14px}.berita-featured-layout{grid-template-columns:1fr;gap:18px}.bidang-grid{grid-template-columns:1fr;gap:16px}.footer-ornament{width:210px;height:128px;opacity:.55}}@media (max-width: 640px){.wrap{padding:0 16px}.section{padding:40px 0;margin-left:0!important;width:100%!important;padding-left:0!important}.section-head{margin-bottom:24px;text-align:center}.section-head .eyebrow{font-size:.68rem;padding:4px 10px;margin-bottom:8px}.section-head h2{font-size:1.35rem;line-height:1.25;margin-bottom:8px}.section-desc{font-size:.84rem;line-height:1.5}.hero{padding-top:105px;padding-bottom:32px}.hero .eyebrow{font-size:.65rem;padding:4px 10px;margin-bottom:10px}.hero h1{font-size:1.55rem!important;line-height:1.22;margin-bottom:12px;letter-spacing:-.02em}.hero-lede{font-size:.84rem;line-height:1.55;margin-bottom:18px;max-width:100%}.hero-search{width:100%;max-width:100%;padding:4px 5px 4px 14px;border-radius:999px;gap:6px;box-shadow:0 4px 20px #d2b6904d}.hero-search input{font-size:.84rem}.hero-search button{padding:8px 16px;font-size:.8rem;border-radius:999px}.hero-stats{width:100%;max-width:100%;margin-top:20px;border-radius:14px}.hero-stats div{padding:10px 6px}.hero-stats strong{font-size:1.25rem}.hero-stats span{font-size:.62rem;line-height:1.2}.ticker-bar{padding:6px 0}.ticker-label{font-size:.68rem;padding:4px 8px;gap:4px}.ticker-item{font-size:.78rem;gap:8px}.layanan-cepat-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.layanan-cepat-card{padding:14px 10px 12px!important;border-radius:14px!important;gap:8px!important}.layanan-cepat-logo,.layanan-cepat-icon{width:42px!important;height:42px!important;border-radius:12px!important}.layanan-cepat-label{font-size:.78rem!important}.layanan-cepat-desc{font-size:.66rem!important;line-height:1.35!important}.berita-featured-body{padding:16px!important}.berita-featured-body h3{font-size:1.05rem!important;line-height:1.35!important;margin-bottom:6px!important}.berita-card-ringkas{font-size:.82rem!important;line-height:1.5!important;margin-bottom:8px!important}.berita-side-list{gap:10px!important}.berita-side-card{padding:10px!important;gap:10px!important;border-radius:12px!important}.berita-side-thumb{width:72px!important;height:64px!important;border-radius:8px!important}.berita-side-body h4{font-size:.82rem!important;line-height:1.35!important;margin-bottom:4px!important}.sambutan-card{padding:20px 16px!important;gap:14px!important;border-radius:16px!important}.sambutan-foto{max-width:140px!important;border-radius:12px!important}.sambutan-nama{font-size:1.15rem!important}.sambutan-jabatan{font-size:.8rem!important}.sambutan-teks{font-size:.84rem!important;line-height:1.6!important}.sambutan-quote{font-size:2.5rem!important}.bidang-grid{grid-template-columns:1fr!important;gap:14px!important}.bidang-card{padding:18px 16px!important;border-radius:16px!important}.bidang-card-top{gap:12px!important;margin-bottom:12px!important}.bidang-icon-wrap{width:44px!important;height:44px!important;border-radius:12px!important}.bidang-card-title{font-size:1rem!important}.bidang-card-subtitle{font-size:.78rem!important}.bidang-card-desc{font-size:.82rem!important;line-height:1.5!important;margin-bottom:12px!important}.bidang-tugas-item{font-size:.78rem!important;line-height:1.45!important;gap:8px!important}.galeri-preview-grid,.galeri-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.galeri-preview-item,.galeri-item{height:auto!important;aspect-ratio:4 / 3!important;border-radius:12px!important}.galeri-preview-item span,.galeri-item span{font-size:.72rem!important;padding:6px 8px!important}.pegawai-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.pegawai-card{padding:14px 10px!important;border-radius:14px!important}.pegawai-foto{width:68px!important;height:68px!important}.pegawai-card h3{font-size:.82rem!important}.pegawai-card p{font-size:.72rem!important}.unduhan-list{gap:10px!important}.unduhan-item{padding:12px 14px!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important;border-radius:12px!important}.breadcrumb-wrapper{padding:8px 0!important}.breadcrumb{font-size:.75rem!important}.page-head,.page-header{padding:14px 0 10px!important}.page-head h1,.page-header h1{font-size:1.35rem!important}.admin-card{padding:16px 14px!important;border-radius:14px!important}.admin-table th,.admin-table td{padding:8px 10px!important;font-size:.78rem!important}.site-footer{padding-top:36px;margin-left:0!important;width:100%!important;padding-left:0!important}.footer-grid{grid-template-columns:1fr!important;gap:0!important}.footer-col-item{padding:0 0 18px!important;border-right:none!important;border-bottom:1px solid rgba(255,255,255,.12)!important;margin-bottom:18px!important}.footer-col-item:last-child{border-bottom:none!important;margin-bottom:0!important;padding-bottom:24px!important}.footer-brand-title{font-size:.95rem!important}.footer-brand-desc{font-size:.8rem!important}.footer-col h3{font-size:.76rem!important;margin-bottom:12px!important}.footer-col a,.footer-col span{font-size:.82rem!important}.footer-bottom{flex-direction:column;text-align:center;gap:8px;padding:16px 0;font-size:.75rem}.footer-bottom-divider{display:none}.footer-ornament{width:140px;height:85px;opacity:.35}}@media (max-width: 380px){.hero-stats strong{font-size:1.1rem}.hero-stats span{font-size:.58rem}.layanan-cepat-grid,.pegawai-grid{grid-template-columns:1fr!important}}.mobile-bottom-nav{display:none}@media (max-width: 768px){body{padding-bottom:68px!important}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:60px;background:#003230f0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1.5px solid rgba(197,157,72,.35);z-index:9999;justify-content:space-around;align-items:center;padding:4px 8px env(safe-area-inset-bottom,4px);box-shadow:0 -4px 20px #00000040;transition:transform .35s cubic-bezier(.16,1,.3,1);will-change:transform}.mobile-bottom-nav.is-hidden{transform:translateY(100%)!important;pointer-events:none!important}html.dark .mobile-bottom-nav{background:#0d1117f0;border-top-color:#6fe0e640}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;color:#ffffffb8;text-decoration:none;background:transparent;border:none;padding:0;margin:0;cursor:pointer;transition:color .2s ease,transform .2s ease;position:relative}.mobile-nav-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.mobile-nav-item span{font-size:.64rem;font-weight:600;line-height:1;margin-top:2px;letter-spacing:.02em}.mobile-nav-item:active{transform:scale(.92)}.mobile-nav-item.is-active{color:var(--color-gold, #ffd27d)!important}.mobile-nav-item.is-active .mobile-nav-icon{transform:translateY(-2px)}.mobile-nav-item.is-active:after{content:"";position:absolute;top:2px;width:18px;height:3px;background:var(--color-gold, #ffd27d);border-radius:999px;box-shadow:0 0 8px #ffd27dcc}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}:root{--a-bg: #EFE6D5;--a-surface: #F8F2E6;--a-surface-2: #E2D6C0;--a-border: #D2C4AC;--a-ink: #121A22;--a-ink-soft: #455360;--a-accent: #006462;--a-accent-soft: #E0EDE9;--a-gold: #c59d48;--a-gold-soft: #EFE2C8;--a-danger: #B3432E;--a-danger-soft: #F7E4DE;--a-radius: 14px;--a-shadow: 0 1px 3px rgba(30, 44, 61, .07)}html.dark{--a-bg: #131B24;--a-surface: #1B2733;--a-surface-2: #22303D;--a-border: #2E3F4E;--a-ink: #D8E3EE;--a-ink-soft: #93A6B8;--a-accent: #7EC1E8;--a-accent-soft: #22384A;--a-gold: #6FE0E6;--a-gold-soft: #163A3D;--a-danger: #D48B76;--a-danger-soft: #402B22;--a-shadow: 0 1px 2px rgba(0, 0, 0, .3);--color-bg: #131B24;--color-surface: #1B2733;--color-surface-alt: #22303D;--color-ink: #D8E3EE;--color-ink-soft: #93A6B8;--color-border: #2E3F4E;--color-green-100: #22384A;--color-gold-100: #163A3D;--color-hero-mountain: #22303D;--color-hero-mountain-2: #2C4356;--hero-overlay-top: rgba(34, 48, 61, .32);--hero-overlay-mid: rgba(27, 76, 122, .4)}html.dark body{background:var(--a-bg)}.admin-shell{min-height:100vh;transition:background .2s ease}.admin-wrap{max-width:1180px;margin:0 auto;padding:40px 24px}.admin-heading{font-family:var(--font-display);font-size:1.6rem;color:var(--a-ink);margin:0 0 28px}.admin-card{background:var(--a-surface);border:1px solid var(--a-border);border-radius:var(--a-radius);box-shadow:var(--a-shadow)}.admin-card-pad{padding:24px}.admin-page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.admin-page-title{font-family:var(--font-display, inherit);font-size:1.45rem;font-weight:800;color:var(--a-ink);margin:0 0 4px;letter-spacing:-.02em}.admin-page-desc{font-size:.85rem;color:var(--a-ink-soft);margin:0}.admin-page-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-btn-outline{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:600;color:var(--a-ink);background:var(--a-surface);border:1px solid var(--a-border);border-radius:8px;text-decoration:none;cursor:pointer;transition:all .15s ease}.admin-btn-outline:hover{background:var(--a-surface-2);border-color:var(--a-ink-soft);color:var(--a-ink)}.admin-btn-solid{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;font-size:.82rem;font-weight:600;color:#fff!important;background:var(--a-accent, #006462);border:1px solid transparent;border-radius:8px;text-decoration:none;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 6px #00646240}.admin-btn-solid:hover{background:var(--color-primary-dk, #004e4c);transform:translateY(-1px)}.admin-btn-sm{padding:5px 10px;font-size:.76rem}.admin-alert-banner{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:10px;font-size:.88rem;margin-bottom:20px}.admin-alert-banner.is-success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#065f46}html.dark .admin-alert-banner.is-success{background:#10b98126;color:#34d399}.admin-welcome-panel{background:var(--a-surface);border:1px solid var(--a-border);border-radius:14px;padding:24px 28px;margin-bottom:24px;box-shadow:var(--a-shadow)}.admin-welcome-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.admin-welcome-user{display:flex;align-items:center;gap:18px}.admin-welcome-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;background:var(--a-accent-soft);color:var(--a-accent);display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:800;flex-shrink:0;border:2px solid var(--a-border)}.admin-welcome-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.admin-welcome-meta{display:flex;align-items:center;gap:10px;margin-bottom:4px;flex-wrap:wrap}.admin-badge-role{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:6px}.admin-badge-role.is-superadmin{background:#f59e0b26;color:#d97706;border:1px solid rgba(245,158,11,.3)}.admin-badge-role.is-admin{background:#10b98126;color:#059669;border:1px solid rgba(16,185,129,.3)}.admin-welcome-date{font-size:.78rem;color:var(--a-ink-soft);display:inline-flex;align-items:center;gap:5px}.admin-welcome-heading{font-size:1.25rem;font-weight:800;color:var(--a-ink);margin:0 0 3px;letter-spacing:-.01em}.admin-welcome-lead{font-size:.84rem;color:var(--a-ink-soft);margin:0;max-width:580px}.admin-system-status-badge{display:flex;align-items:center;gap:12px;background:var(--a-surface-2);border:1px solid var(--a-border);padding:10px 16px;border-radius:10px}.admin-status-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.admin-status-indicator.is-online{background:#10b981;box-shadow:0 0 0 3px #10b98133}.admin-status-indicator.is-warning{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.admin-system-status-text{display:flex;flex-direction:column}.admin-system-status-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--a-ink-soft);font-weight:600}.admin-system-status-value{font-size:.86rem;color:var(--a-ink);font-weight:700}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin-bottom:24px}.admin-metric-card{background:var(--a-surface);border:1px solid var(--a-border);border-radius:12px;padding:16px 18px;text-decoration:none;color:inherit;display:flex;flex-direction:column;box-shadow:var(--a-shadow);transition:all .2s ease}.admin-metric-card:hover{border-color:var(--a-accent);transform:translateY(-2px);box-shadow:0 6px 16px #00000012}.admin-metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.admin-metric-title{font-size:.78rem;font-weight:700;color:var(--a-ink-soft);text-transform:uppercase;letter-spacing:.04em}.admin-metric-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-metric-icon.is-emerald{background:#10b9811f;color:#10b981}.admin-metric-icon.is-amber{background:#f59e0b1f;color:#f59e0b}.admin-metric-icon.is-teal{background:#14b8a61f;color:#14b8a6}.admin-metric-icon.is-blue{background:#3b82f61f;color:#3b82f6}.admin-metric-icon.is-purple{background:#8b5cf61f;color:#8b5cf6}.admin-metric-icon.is-pink{background:#ec48991f;color:#ec4899}.admin-metric-icon.is-slate{background:#64748b1f;color:#64748b}.admin-metric-number{font-size:1.75rem;font-weight:800;color:var(--a-ink);line-height:1.1;margin-bottom:8px}.admin-metric-footer{display:flex;align-items:center;gap:5px;font-size:.75rem;color:var(--a-ink-soft)}.metric-highlight.is-success{color:#10b981;font-weight:700}.metric-divider{color:var(--a-border)}.metric-sub{color:var(--a-ink-soft)}.metric-sub.is-danger{color:#ef4444;font-weight:700}.admin-section-box{background:var(--a-surface);border:1px solid var(--a-border);border-radius:12px;padding:20px 22px;margin-bottom:24px;box-shadow:var(--a-shadow)}.admin-box-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--a-border)}.admin-box-title-group{display:flex;align-items:center;gap:10px}.admin-status-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.admin-status-dot.is-online{background:#10b981}.admin-status-dot.is-warning{background:#f59e0b}.admin-box-heading{font-size:.98rem;font-weight:700;color:var(--a-ink);margin:0 0 2px}.admin-box-sub{font-size:.76rem;color:var(--a-ink-soft)}.admin-box-footer{padding-top:14px;text-align:center;border-top:1px solid var(--a-border);margin-top:14px}.admin-footer-link{display:inline-flex;align-items:center;gap:5px;font-size:.82rem;font-weight:600;color:var(--a-accent, #006462);text-decoration:none;transition:opacity .15s ease}.admin-footer-link:hover{text-decoration:underline}.admin-uptime-bar-wrap{margin-bottom:14px}.admin-uptime-meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--a-ink-soft);margin-bottom:6px}.admin-uptime-meta strong{color:var(--a-ink)}.admin-uptime-track{height:8px;width:100%;background:var(--a-surface-2);border-radius:999px;overflow:hidden;display:flex}.admin-uptime-fill.is-online{background:#10b981}.admin-uptime-fill.is-maintenance{background:#f59e0b}.admin-uptime-fill.is-offline{background:#ef4444}.admin-incident-alert{background:#ef44440f;border:1px solid rgba(239,68,68,.25);border-radius:10px;padding:12px 16px;margin-top:12px}.admin-incident-title{display:flex;align-items:center;gap:8px;color:#dc2626;font-size:.86rem;margin-bottom:10px}.admin-incident-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.admin-incident-item{background:var(--a-surface);border:1px solid var(--a-border);border-radius:8px;padding:8px 12px;display:flex;justify-content:space-between;align-items:center}.admin-incident-name{font-size:.82rem;color:var(--a-ink);display:block}.admin-incident-url{font-size:.72rem;color:var(--a-ink-soft);text-decoration:underline;word-break:break-all}.admin-incident-action{text-align:right;flex-shrink:0;margin-left:8px}.admin-status-tag{display:inline-block;font-size:.68rem;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:4px}.admin-status-tag.is-offline{background:#fee2e2;color:#991b1b}.admin-status-tag.is-maintenance{background:#fef3c7;color:#92400e}.admin-incident-edit-link{display:block;font-size:.72rem;color:var(--a-accent, #006462);font-weight:600;margin-top:2px;text-decoration:none}.admin-health-ok-banner{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#10b98114;border-radius:8px;border:1px solid rgba(16,185,129,.2);font-size:.82rem;color:#065f46}html.dark .admin-health-ok-banner{color:#34d399}.admin-workspace-grid{display:grid;grid-template-columns:1.25fr .95fr;gap:24px;margin-bottom:24px}.admin-workspace-col{display:flex;flex-direction:column;gap:24px}@media (max-width: 990px){.admin-workspace-grid{grid-template-columns:1fr}}.admin-news-feed{display:flex;flex-direction:column}.admin-news-item{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--a-border);align-items:center}.admin-news-item:last-child{border-bottom:none}.admin-news-thumb{width:48px;height:48px;border-radius:8px;overflow:hidden;background:var(--a-surface-2);flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--a-border)}.admin-news-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.admin-news-content{flex:1;min-width:0}.admin-news-tags{display:flex;align-items:center;gap:6px;margin-bottom:3px}.admin-tag-category{font-size:.68rem;font-weight:700;color:var(--a-accent, #006462);background:var(--a-accent-soft);padding:1px 6px;border-radius:4px}.admin-tag-status{font-size:.65rem;font-weight:700;padding:1px 5px;border-radius:4px}.admin-tag-status.is-published{background:#10b98126;color:#059669}.admin-tag-status.is-draft{background:#6b728026;color:#4b5563}.admin-news-time{font-size:.72rem;color:var(--a-ink-soft)}.admin-news-headline{font-size:.86rem;font-weight:600;color:var(--a-ink);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-news-headline a{color:inherit;text-decoration:none}.admin-news-headline a:hover{color:var(--a-accent)}.admin-progress-list{display:flex;flex-direction:column;gap:12px}.admin-progress-item{display:flex;flex-direction:column;gap:4px}.admin-progress-meta{display:flex;justify-content:space-between;font-size:.82rem}.admin-progress-label{font-weight:600;color:var(--a-ink)}.admin-progress-count{color:var(--a-ink-soft);font-weight:600}.admin-progress-bar-track{height:6px;width:100%;background:var(--a-surface-2);border-radius:999px;overflow:hidden}.admin-progress-bar-fill{height:100%;background:var(--a-accent, #006462);border-radius:999px}.admin-quick-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.admin-quick-link-item{background:var(--a-surface-2);border:1px solid var(--a-border);border-radius:10px;padding:10px 12px;text-decoration:none;color:inherit;display:flex;align-items:center;gap:10px;transition:all .15s ease}.admin-quick-link-item:hover{border-color:var(--a-accent);background:var(--a-accent-soft);transform:translateY(-1px)}.admin-quick-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-quick-icon.is-emerald{background:#10b9811f;color:#10b981}.admin-quick-icon.is-amber{background:#f59e0b1f;color:#f59e0b}.admin-quick-icon.is-teal{background:#14b8a61f;color:#14b8a6}.admin-quick-icon.is-blue{background:#3b82f61f;color:#3b82f6}.admin-quick-icon.is-purple{background:#8b5cf61f;color:#8b5cf6}.admin-quick-icon.is-pink{background:#ec48991f;color:#ec4899}.admin-quick-icon.is-slate{background:#64748b1f;color:#64748b}.admin-quick-text{display:flex;flex-direction:column;min-width:0}.admin-quick-title{font-size:.8rem;font-weight:700;color:var(--a-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-quick-desc{font-size:.68rem;color:var(--a-ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-activity-timeline{display:flex;flex-direction:column;gap:12px}.admin-activity-item{display:flex;gap:10px;align-items:flex-start;font-size:.82rem}.admin-activity-avatar{width:28px;height:28px;border-radius:50%;background:var(--a-accent-soft);color:var(--a-accent);font-weight:700;font-size:.72rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.admin-activity-details{flex:1;min-width:0}.admin-activity-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-bottom:2px}.admin-activity-user{font-weight:700;color:var(--a-ink)}.admin-activity-action-tag{font-size:.68rem;padding:1px 5px;border-radius:4px;background:var(--a-surface-2);border:1px solid var(--a-border);font-weight:600;color:var(--a-ink-soft)}.admin-activity-model{font-size:.72rem;color:var(--a-ink-soft)}.admin-activity-desc{font-size:.75rem;color:var(--a-ink-soft);margin:0 0 2px;line-height:1.35}.admin-activity-time{font-size:.68rem;color:var(--a-ink-soft);opacity:.75}.admin-empty-state{padding:24px;text-align:center;color:var(--a-ink-soft);font-size:.84rem}.admin-system-footer{background:var(--a-surface);border:1px solid var(--a-border);border-radius:10px;padding:12px 18px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:.76rem;color:var(--a-ink-soft)}.admin-system-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.meta-dot{color:var(--a-border)}.admin-system-security{display:flex;align-items:center;gap:6px;font-weight:600}.admin-security-dot{width:6px;height:6px;border-radius:50%;background:#10b981}.settings-form-card{width:100%}.settings-form-card>form{display:flex;flex-direction:column;gap:32px;min-width:0}.settings-section{background:var(--a-surface);border:1px solid var(--a-border);border-radius:var(--a-radius, 14px);box-shadow:var(--a-shadow);overflow:hidden;margin-bottom:0}.settings-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;min-width:0;padding:18px 20px;background:var(--a-surface-2);border-bottom:1px solid var(--a-border)}.settings-section-head h3{margin:0 0 3px;color:var(--a-ink);font-size:1rem;font-weight:700;overflow-wrap:anywhere}.settings-section-head p{margin:0;color:var(--a-ink-soft);font-size:.82rem}.settings-section>.admin-field,.settings-section>.settings-grid,.settings-section>.settings-subsection,.settings-section>div:not(.settings-section-head){margin-left:20px;margin-right:20px}.settings-section>.admin-field:first-of-type{margin-top:20px}.settings-section>.admin-field:last-child,.settings-section>.settings-grid:last-child{margin-bottom:20px}.settings-subsection{padding-top:18px;border-top:1px solid var(--a-border)}.settings-grid{display:grid;gap:18px}.settings-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-section input,.settings-section textarea,.settings-section select{max-width:100%;min-width:0;box-sizing:border-box}.contact-row,.stat-row{min-width:0}.contact-row>*,.stat-row>*{min-width:0;max-width:100%}.contact-row input,.stat-row input,.stat-row select{overflow:hidden;text-overflow:ellipsis}.settings-section p,.settings-section label{overflow-wrap:anywhere}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px}.stat-card{background:var(--a-surface);border:1px solid var(--a-border);border-radius:var(--a-radius);padding:20px 22px}.stat-label{font-size:.8rem;color:var(--a-ink-soft);margin-bottom:6px}.stat-value{font-family:var(--font-display);font-size:2.1rem;color:var(--a-ink)}.stat-value.is-accent{color:var(--a-accent)}.stat-value.is-gold{color:var(--a-gold)}.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--a-ink-soft);padding:12px 20px;border-bottom:1px solid var(--a-border)}.admin-table td{padding:16px 20px;border-bottom:1px solid var(--a-border);color:var(--a-ink);font-size:.92rem}.admin-table tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:3px 11px;border-radius:999px;font-size:.74rem;font-weight:700}.badge-tayang{background:var(--a-accent-soft);color:var(--a-accent)}.badge-draft{background:var(--a-gold-soft);color:var(--a-gold)}.badge-unknown{background:var(--a-surface-2);color:var(--a-ink-soft)}.badge-offline{background:var(--a-danger-soft);color:var(--a-danger)}.badge-unknown{background:var(--a-border);color:var(--a-ink-soft)}.badge-maintenance{background:var(--a-gold-soft);color:var(--a-gold)}.admin-link{color:var(--a-accent);font-weight:600;font-size:.88rem}.admin-link:hover{text-decoration:underline}.admin-link-danger{color:var(--a-danger);font-weight:600;font-size:.88rem}.admin-link-danger:hover{text-decoration:underline}.btn-primary{display:inline-flex;align-items:center;gap:6px;background:var(--a-accent);color:#fff;padding:10px 20px;border-radius:999px;font-weight:600;font-size:.9rem;border:none;cursor:pointer}.btn-primary:hover{opacity:.9}.btn-secondary{display:inline-flex;align-items:center;gap:6px;background:var(--a-surface-2);color:var(--a-ink);padding:10px 20px;border-radius:999px;font-weight:600;font-size:.9rem;border:1px solid var(--a-border);cursor:pointer}.btn-secondary:hover{background:var(--a-border)}.admin-field{margin-bottom:18px}.admin-field label{display:block;font-size:.85rem;font-weight:600;color:var(--a-ink);margin-bottom:6px}.admin-field input[type=text],.admin-field input[type=date],.admin-field input[type=email],.admin-field input[type=password],.admin-field input[type=url],.admin-field input[type=number],.admin-field input[type=search],.admin-field input[type=tel],.admin-field select,.admin-field textarea{width:100%;background:var(--a-bg);border:1px solid var(--a-border);border-radius:8px;padding:10px 14px;font-size:.92rem;color:var(--a-ink);font-family:var(--font-body)}.admin-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237c9186' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.admin-field input:focus,.admin-field select:focus,.admin-field textarea:focus{outline:none;border-color:var(--a-accent)}.admin-field input[type=date],.admin-field input[type=datetime-local],.admin-field input[type=time],input[type=date],input[type=datetime-local]{color-scheme:light;cursor:pointer}html.dark .admin-field input[type=date],html.dark .admin-field input[type=datetime-local],html.dark .admin-field input[type=time],html.dark input[type=date],html.dark input[type=datetime-local]{color-scheme:dark}.admin-field input[type=date]::-webkit-calendar-picker-indicator,.admin-field input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{display:inline-block;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23006462' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3Cpath d='M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01M16 18h.01' stroke-width='2.8'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:16px 16px;width:26px;height:26px;padding:3px;border-radius:6px;background-color:#00646214;border:1px solid rgba(0,100,98,.25);opacity:1;-webkit-transition:all .2s ease;transition:all .2s ease}html.dark .admin-field input[type=date]::-webkit-calendar-picker-indicator,html.dark .admin-field input[type=datetime-local]::-webkit-calendar-picker-indicator,html.dark input[type=date]::-webkit-calendar-picker-indicator,html.dark input[type=datetime-local]::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23c59d48' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3Cpath d='M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01M16 18h.01' stroke-width='2.8'%3E%3C/path%3E%3C/svg%3E");background-color:#c59d4829;border:1px solid rgba(197,157,72,.38);opacity:1}.admin-field input[type=date]::-webkit-calendar-picker-indicator:hover,.admin-field input[type=datetime-local]::-webkit-calendar-picker-indicator:hover,input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{background-color:#0064622e;border-color:#00646280;transform:scale(1.08)}html.dark .admin-field input[type=date]::-webkit-calendar-picker-indicator:hover,html.dark .admin-field input[type=datetime-local]::-webkit-calendar-picker-indicator:hover,html.dark input[type=date]::-webkit-calendar-picker-indicator:hover,html.dark input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{background-color:#c59d4847;border-color:#c59d48a6;transform:scale(1.08)}.admin-checkbox{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--a-ink)}.admin-error{color:var(--a-danger);font-size:.82rem;margin-top:4px}.password-input-wrap{position:relative;display:flex;align-items:center;width:100%}.password-input-wrap input{width:100%;padding-right:44px!important}.btn-toggle-password{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:6px;border-radius:6px;color:var(--a-ink-soft, #64748b);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .15s ease,background-color .15s ease;z-index:2}.btn-toggle-password svg{pointer-events:none}.btn-toggle-password .eye-icon-hide{display:none}.btn-toggle-password:hover{color:var(--a-ink, #0f172a);background-color:var(--a-surface-2, rgba(0, 0, 0, .05))}.btn-toggle-password:focus-visible{outline:2px solid var(--a-accent, #006462);outline-offset:1px}html.dark .btn-toggle-password:hover{background-color:var(--a-surface-2, rgba(255, 255, 255, .08))}.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--color-gold-100) 0%,var(--color-bg) 60%);padding:40px 20px}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px;color:var(--color-green-900)}.auth-brand-text{display:flex;flex-direction:column;line-height:1.2;text-align:left}.auth-brand-text strong{font-family:var(--font-display);font-size:1.15rem;color:var(--color-green-900)}.auth-brand-text small{font-size:.72rem;color:var(--color-ink-soft)}.auth-card{width:100%;max-width:420px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:34px 32px}.auth-heading{font-family:var(--font-display);font-size:1.35rem;color:var(--color-ink);margin:0 0 6px}.auth-subheading{font-size:.9rem;color:var(--color-ink-soft);margin:0 0 26px}.auth-status{background:var(--color-green-100);color:var(--color-green-800);border-radius:var(--radius-sm);padding:12px 16px;font-size:.86rem;margin-bottom:20px}.auth-field{margin-bottom:18px}.auth-field label{display:block;font-size:.85rem;font-weight:600;color:var(--color-ink);margin-bottom:6px}.auth-field input[type=text],.auth-field input[type=email],.auth-field input[type=password]{width:100%;background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:14px;padding:13px 16px;font-size:.94rem;color:var(--color-ink);font-family:var(--font-body);outline:none;caret-color:var(--color-green-700);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;box-sizing:border-box}.auth-field input[type=text]:hover,.auth-field input[type=email]:hover,.auth-field input[type=password]:hover{border-color:var(--color-green-700)}.auth-field input:focus{border-color:var(--color-green-700);background:var(--color-surface);box-shadow:0 0 0 4px var(--color-green-100)}.auth-error{color:#b3432e;font-size:.8rem;margin-top:6px}.auth-checkbox{display:flex;align-items:center;gap:8px;font-size:.88rem;color:var(--color-ink-soft);margin-bottom:22px;cursor:pointer}.auth-checkbox input{width:16px;height:16px;accent-color:var(--color-green-800)}.auth-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.auth-link{font-size:.85rem;color:var(--color-ink-soft);text-decoration:underline}.auth-link:hover{color:var(--color-green-800)}.auth-submit{background:var(--color-green-900);color:#fff;border:none;border-radius:999px;padding:11px 28px;font-weight:600;font-size:.92rem;cursor:pointer;font-family:var(--font-body);transition:background .15s ease}.auth-submit:hover{background:var(--color-green-800)}.auth-back{margin-top:24px;font-size:.85rem;color:var(--color-ink-soft)}.auth-back a{color:var(--color-green-800);font-weight:600}.auth-quick-card{background:var(--color-bg, rgba(255,255,255,.03));border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:24px 20px;text-align:center;margin-bottom:24px;display:flex;flex-direction:column;align-items:center;gap:12px;transition:border-color .2s ease,transform .2s ease}.auth-quick-card:hover{border-color:var(--color-primary)}.auth-quick-avatar{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-gold, #c59d48));color:#fff;font-size:1.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;border:2px solid var(--color-surface);overflow:hidden;flex-shrink:0}.auth-quick-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.auth-quick-name{font-size:1.05rem;font-weight:700;color:var(--color-ink);margin:0;line-height:1.3}.auth-quick-email{font-size:.82rem;color:var(--color-ink-soft);margin:0;word-break:break-all}.auth-quick-role{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 10px;border-radius:999px;background:#0064621f;color:var(--color-primary);border:1px solid rgba(0,100,98,.2)}.auth-quick-submit{width:100%;background:var(--color-primary);color:#fff;border:none;border-radius:12px;padding:13px 20px;font-weight:600;font-size:.95rem;cursor:pointer;font-family:var(--font-body);transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 14px #00646240}.auth-quick-submit:hover{background:var(--color-primary-dk, var(--color-green-800));transform:translateY(-1px);box-shadow:0 6px 18px #00646259}.auth-switch-btn{width:100%;background:transparent;border:1.5px solid var(--color-border);border-radius:12px;padding:11px 18px;color:var(--color-ink);font-weight:600;font-size:.88rem;cursor:pointer;font-family:var(--font-body);transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px}.auth-switch-btn:hover{border-color:var(--color-ink-soft);background:var(--color-bg)}.auth-forget-link{font-size:.78rem;color:var(--color-ink-soft);text-decoration:underline;background:none;border:none;cursor:pointer;padding:6px 0;margin-top:4px;display:inline-block;transition:color .15s ease}.auth-forget-link:hover{color:var(--color-danger, #ef4444)}.auth-back-switch{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;font-weight:600;color:var(--color-primary);background:none;border:none;cursor:pointer;margin-bottom:20px;padding:0;transition:color .15s ease}.auth-back-switch:hover{color:var(--color-green-800);text-decoration:underline}.berita-back{display:inline-flex;align-items:center;gap:4px;font-size:.88rem;font-weight:600;color:var(--color-ink-soft);margin-bottom:20px}.berita-back:hover{color:var(--color-green-800)}.berita-detail-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:40px 44px}.berita-detail-title{font-size:clamp(1.6rem,3vw,2.2rem);margin:14px 0 12px;line-height:1.3}.berita-detail-meta{display:flex;align-items:center;font-size:.86rem;color:var(--color-ink-soft);margin:0 0 28px;padding-bottom:24px;border-bottom:1px solid var(--color-border)}.berita-detail-lead{font-size:1.08rem;line-height:1.75;color:var(--color-ink);margin:0 0 24px;padding-bottom:20px;border-bottom:1px dashed var(--color-border);font-weight:500}.berita-card-ringkas{font-size:.88rem;line-height:1.6;color:var(--color-ink-soft);margin-bottom:12px}.berita-card-ringkas p,.berita-card-ringkas div{margin:0}.berita-card-ringkas span{font-size:inherit!important}.berita-card-ringkas strong,.berita-card-ringkas b{font-weight:700}.berita-detail-body{font-size:1.05rem;line-height:1.85;color:var(--color-ink)}.berita-detail-body p{margin-bottom:1.25rem}.berita-detail-body h2{font-size:1.4rem;font-weight:800;color:var(--color-primary);margin:1.8rem 0 .8rem}.berita-detail-body h3{font-size:1.2rem;font-weight:700;color:var(--color-ink);margin:1.5rem 0 .6rem}.berita-detail-body blockquote{border-left:4px solid var(--color-gold);background:var(--color-surface-alt, rgba(0,0,0,.03));padding:14px 20px;margin:1.5rem 0;font-style:italic;border-radius:0 8px 8px 0;color:var(--color-ink)}.berita-detail-body ul,.berita-detail-body ol{margin:1rem 0 1.25rem 1.5rem}.berita-detail-body li{margin-bottom:.5rem}.berita-detail-body img{max-width:100%!important;width:auto!important;height:auto!important;max-height:560px!important;-o-object-fit:contain!important;object-fit:contain!important;display:block!important;margin:1.5rem auto!important;border-radius:10px;box-shadow:0 4px 14px #0000000f}.berita-detail-body br{content:"";display:block;margin-bottom:14px}@media (max-width: 640px){.berita-article-container,.berita-detail-card{padding:24px 20px!important}}.admin-topbar{position:sticky;top:0;z-index:80;width:100%;padding:10px 20px 0;box-sizing:border-box;background:transparent!important;border:none!important;box-shadow:none!important;pointer-events:none}.admin-topbar-inner{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;height:52px;max-width:1400px;margin:0 auto;padding:0 14px 0 18px;gap:16px;background:var(--color-primary, #006462);border:1px solid rgba(255,255,255,.18);border-radius:999px;box-shadow:0 8px 30px #004e4c38;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);transition:all .25s cubic-bezier(.16,1,.3,1)}html.dark .admin-topbar-inner{background:#12181beb;border:1px solid rgba(255,255,255,.15);box-shadow:0 12px 36px #00000073}html:not(.dark) .admin-topbar-inner{background:#fffffff0;border:1px solid rgba(10,77,104,.16);box-shadow:0 10px 32px #0a4d6814}.admin-topbar-left{display:flex;align-items:center;gap:12px}.admin-sidebar-toggle-btn{display:inline-flex;align-items:center;justify-content:center;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:50%;width:34px;height:34px;color:#fff;cursor:pointer;transition:all .15s ease}html:not(.dark) .admin-sidebar-toggle-btn{background:#0a4d680f;border-color:#0a4d6829;color:var(--color-primary, #006462)}.admin-sidebar-toggle-btn:hover{background:#ffffff47;color:#fff}html:not(.dark) .admin-sidebar-toggle-btn:hover{background:#0a4d681f;color:var(--color-primary-dk, #004e4c)}.admin-topbar-brand-title{font-size:.92rem;font-weight:700;color:#fff;line-height:1.15}html:not(.dark) .admin-topbar-brand-title{color:var(--color-primary, #006462)}.admin-topbar-brand-sub{font-size:.68rem;color:#ffffffd1;font-weight:500}html:not(.dark) .admin-topbar-brand-sub{color:var(--color-gold, #c59d48)}.admin-topbar-right{display:flex;align-items:center;gap:10px}.admin-portal-link{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:600;color:#fff;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:999px;text-decoration:none;transition:all .15s ease}html:not(.dark) .admin-portal-link{background:#0a4d680f;border-color:#0a4d6826;color:var(--color-primary, #006462)}.admin-portal-link:hover{color:#fff;background:#ffffff47;border-color:#fff6}html:not(.dark) .admin-portal-link:hover{color:var(--color-primary-dk, #004e4c);background:#0a4d681f;border-color:#0a4d6840}.admin-theme-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#ffffff26;color:#fff;cursor:pointer;transition:all .15s ease}html:not(.dark) .admin-theme-btn{background:#0a4d680f;border-color:#0a4d6826;color:var(--color-primary, #006462)}.admin-theme-btn:hover{background:#ffffff47;color:#fff}html:not(.dark) .admin-theme-btn:hover{background:#0a4d681f;color:var(--color-primary-dk, #004e4c)}html:not(.dark) .admin-theme-btn .admin-sun-icon{display:none}html:not(.dark) .admin-theme-btn .admin-moon-icon{display:block;color:var(--color-primary, #006462)}html.dark .admin-theme-btn .admin-sun-icon{display:block;color:#fbbf24}html.dark .admin-theme-btn .admin-moon-icon{display:none}.admin-role-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;background:var(--color-gold, #c59d48);color:#111;box-shadow:0 2px 8px #0000002e}.admin-role-pill .admin-role-dot{width:6px;height:6px;border-radius:50%;background:#111}.admin-role-pill.is-superadmin{background:var(--color-gold, #c59d48);color:#111}.admin-topbar-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:#fff}.admin-topbar-logo{width:28px;height:28px;-o-object-fit:contain;object-fit:contain}.admin-topbar-brand-text{display:flex;flex-direction:column;line-height:1.1}.admin-topbar-brand-text strong{font-size:.86rem;font-weight:800;letter-spacing:.04em;color:#fff}html:not(.dark) .admin-topbar-brand-text strong{color:var(--color-primary, #006462)}.admin-topbar-brand-text small{font-size:.68rem;color:#ffffffd9;font-weight:500}html:not(.dark) .admin-topbar-brand-text small{color:var(--color-gold, #c59d48)}.admin-topbar-search{flex:1;max-width:380px;margin:0 16px}.admin-search-input-wrap{display:flex;align-items:center;gap:8px;background:#ffffff29;border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:5px 14px;color:#fff;transition:all .2s ease}.admin-search-input-wrap:focus-within{background:#ffffff3d;border-color:#ffffff8c;box-shadow:0 0 0 3px #ffffff26}.admin-search-icon{color:#ffffffbf;flex-shrink:0}.admin-search-input-wrap input{background:transparent;border:none;outline:none;font-size:.82rem;color:#fff;width:100%}.admin-search-input-wrap input::-moz-placeholder{color:#ffffffa6}.admin-search-input-wrap input::placeholder{color:#ffffffa6}.admin-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#ffffff26;color:#fff;cursor:pointer;position:relative;transition:all .15s ease}html:not(.dark) .admin-icon-btn{background:#0a4d680f;border-color:#0a4d6826;color:var(--color-primary, #006462)}.admin-icon-btn:hover{background:#ffffff47;color:#fff}html:not(.dark) .admin-icon-btn:hover{background:#0a4d681f;color:var(--color-primary-dk, #004e4c)}.admin-notification-wrap{position:relative}.admin-notif-badge{position:absolute;top:-2px;right:-2px;width:16px;height:16px;border-radius:50%;background:#ef4444;color:#fff;font-size:.62rem;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #006462;box-shadow:0 2px 6px #ef444466}html:not(.dark) .admin-notif-badge{border-color:#fff}.admin-notif-dropdown{display:none;position:absolute;top:calc(100% + 12px);right:-40px;width:330px;max-width:calc(100vw - 32px);background:var(--a-surface, #ffffff);border:1px solid var(--a-border, #e2e8f0);border-radius:16px;box-shadow:0 16px 40px #00000029;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:1000;flex-direction:column;overflow:hidden;animation:notifFadeIn .18s cubic-bezier(.16,1,.3,1) both}html.dark .admin-notif-dropdown{background:#12181bf2;border-color:#ffffff1f;box-shadow:0 16px 40px #00000073}.admin-notif-dropdown.is-open{display:flex}@keyframes notifFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.notif-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--a-border, #f1f5f9);background:var(--a-surface-2, #f8fafc)}html.dark .notif-header{border-bottom-color:#ffffff14;background:#ffffff08}.notif-header-title{display:flex;align-items:center;gap:8px}.notif-header-title strong{font-size:.84rem;font-weight:700;color:var(--a-ink, #0f172a)}.notif-count-pill{font-size:.65rem;font-weight:800;padding:2px 7px;border-radius:999px;background:#ef4444;color:#fff}.notif-count-pill.is-dimmed{background:var(--a-ink-soft, #94a3b8)}.notif-mark-read{background:none;border:none;font-size:.72rem;font-weight:600;color:#2563eb;cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .15s ease}.notif-mark-read:hover{background:#2563eb1a}.notif-list{display:flex;flex-direction:column;max-height:280px;overflow-y:auto}.notif-item{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;text-decoration:none;border-bottom:1px solid var(--a-border, #f8fafc);transition:background .15s ease;position:relative}html.dark .notif-item{border-bottom-color:#ffffff0a}.notif-item:hover{background:var(--a-surface-2, #f8fafc)}html.dark .notif-item:hover{background:#ffffff0d}.notif-item.is-unread{background:#2563eb0a}html.dark .notif-item.is-unread{background:#2563eb14}.notif-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.notif-icon.is-blue{background:#eff6ff;color:#2563eb}.notif-icon.is-green{background:#ecfdf5;color:#059669}.notif-icon.is-amber{background:#fffbeb;color:#d97706}html.dark .notif-icon.is-blue{background:#2563eb33;color:#60a5fa}html.dark .notif-icon.is-green{background:#05966933;color:#34d399}html.dark .notif-icon.is-amber{background:#d9770633;color:#fbbf24}.notif-body{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.notif-title{font-size:.78rem;font-weight:700;color:var(--a-ink, #0f172a);line-height:1.2}.notif-desc{font-size:.7rem;color:var(--a-ink-soft, #64748b);line-height:1.3;margin:0}.notif-time{font-size:.65rem;font-weight:500;color:var(--a-ink-soft, #94a3b8);margin-top:2px}.notif-dot{width:6px;height:6px;border-radius:50%;background:#2563eb;margin-top:6px;flex-shrink:0}.notif-footer{padding:8px 12px;background:var(--a-surface-2, #f8fafc);border-top:1px solid var(--a-border, #f1f5f9);text-align:center}html.dark .notif-footer{border-top-color:#ffffff14;background:#ffffff08}.notif-footer-link{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;color:#2563eb;text-decoration:none;transition:gap .15s ease}.notif-footer-link:hover{gap:7px}.admin-user-menu{display:flex;align-items:center;gap:8px;padding-left:8px;border-left:1px solid rgba(255,255,255,.2)}html:not(.dark) .admin-user-menu{border-left-color:#0a4d6826}.admin-user-btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;padding:3px 12px 3px 4px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:999px;transition:all .15s ease}html:not(.dark) .admin-user-btn{background:#0a4d680d;border-color:#0a4d6824}.admin-user-btn:hover{background:#ffffff47;border-color:#fff6}html:not(.dark) .admin-user-btn:hover{background:#0a4d681a;border-color:#0a4d6840}.admin-user-meta{display:flex;flex-direction:column;line-height:1.15;text-align:left}.admin-user-name{font-size:.8rem;font-weight:700;color:#fff;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html:not(.dark) .admin-user-name{color:#0f172a}.admin-user-role-label{font-size:.64rem;color:#fffc;font-weight:500}html:not(.dark) .admin-user-role-label{color:#64748b}.admin-avatar-img{width:26px;height:26px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.admin-avatar-initial{width:26px;height:26px;border-radius:50%;background:var(--color-gold, #c59d48);color:#111;font-size:.72rem;font-weight:800;display:flex;align-items:center;justify-content:center}.admin-logout-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#ffffff26;color:#fff;cursor:pointer;transition:all .15s ease}html:not(.dark) .admin-logout-btn{background:#ef444414;border-color:#ef444433;color:#ef4444}.admin-logout-btn:hover{background:#ef44444d;color:#fff;border-color:#ef444480}html:not(.dark) .admin-logout-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444}@media (max-width: 960px){.admin-topbar{padding:8px 12px 0}.admin-topbar-inner{height:48px;padding:0 10px;border-radius:999px}.admin-topbar-search,.admin-topbar-brand-text small,.admin-user-meta,.admin-portal-link span{display:none}.admin-portal-link{padding:5px 8px}}html{overflow-x:clip}.admin-shell{display:flex;min-height:100vh;background:var(--color-bg);position:relative;width:100%}.admin-sidebar{width:268px;flex-shrink:0;z-index:60;display:flex;flex-direction:column;position:sticky;top:14px;height:calc(100vh - 28px);max-height:calc(100vh - 28px);margin:14px 0 14px 18px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;transition:width .35s cubic-bezier(.2,.9,.3,1),box-shadow .3s ease,background .3s ease;will-change:width;background:var(--a-surface);border:1px solid var(--a-border);border-radius:18px;box-shadow:0 8px 24px #0000000f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.admin-sidebar::-webkit-scrollbar{display:none}html.dark .admin-sidebar{background:#12181beb;border:1px solid rgba(255,255,255,.12)}html:not(.dark) .admin-sidebar{background:#fffffff5;border:1px solid rgba(0,78,76,.12)}.sidebar-brand-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--a-border);min-height:62px;box-sizing:border-box;transition:padding .35s cubic-bezier(.2,.9,.3,1);gap:8px;overflow:hidden}.sidebar-brand-link{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0;max-width:190px;opacity:1;overflow:hidden;transform:translate(0);transition:max-width .35s cubic-bezier(.2,.9,.3,1),opacity .22s cubic-bezier(.2,.9,.3,1),transform .25s cubic-bezier(.2,.9,.3,1)}.sidebar-brand-logo{width:32px;height:32px;-o-object-fit:contain;object-fit:contain;border-radius:7px;flex-shrink:0;transition:transform .25s ease}.sidebar-brand-info{display:flex;flex-direction:column;min-width:0;white-space:nowrap;overflow:hidden;opacity:1;transform:translate(0);transition:opacity .22s cubic-bezier(.2,.9,.3,1),transform .25s cubic-bezier(.2,.9,.3,1)}.sidebar-brand-title{font-size:.9rem;font-weight:700;color:var(--a-ink);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-brand-sub{font-size:.68rem;color:var(--a-ink-soft);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-toggle-btn{background:var(--a-surface-2, rgba(0, 0, 0, .04));border:1px solid var(--a-border);border-radius:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--a-ink-soft);cursor:pointer;transition:transform .35s cubic-bezier(.34,1.56,.64,1),background .18s ease,color .18s ease,border-color .18s ease;flex-shrink:0;box-sizing:border-box}.sidebar-toggle-btn:hover{background:var(--a-accent-soft);color:var(--a-accent);border-color:var(--a-accent)}.sidebar-nav{flex:1;padding:10px 8px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-section{display:flex;flex-direction:column;gap:2px}.sidebar-section-label{display:block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--a-ink-soft);padding:6px 10px 4px;opacity:.85;white-space:nowrap;overflow:hidden;max-height:26px;transform:translate(0);transition:opacity .2s cubic-bezier(.2,.9,.3,1),max-height .28s cubic-bezier(.2,.9,.3,1),padding .28s ease,transform .22s ease}.sidebar-link{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:6px 10px;font-size:.84rem;font-weight:600;color:var(--a-ink-soft);background:transparent;border:none;border-radius:10px;cursor:pointer;font-family:inherit;text-align:left;text-decoration:none;white-space:nowrap;overflow:visible;position:relative;box-sizing:border-box;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.sidebar-link:hover{background:var(--a-surface-2, rgba(0, 0, 0, .04));color:var(--a-ink)}.sidebar-link.is-active{background:var(--a-accent-soft);color:var(--a-accent);font-weight:700}.sidebar-link.is-active .sidebar-icon-wrap{color:var(--a-accent)}.sidebar-icon-wrap{width:36px;height:36px;min-width:36px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:8px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),color .18s ease}.sidebar-link:hover .sidebar-icon-wrap{transform:scale(1.08)}.sidebar-icon-wrap svg{flex-shrink:0;opacity:.9;transition:transform .2s ease,opacity .2s ease}.sidebar-link:hover .sidebar-icon-wrap svg{opacity:1}.sidebar-link-text{flex:1;min-width:0;margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;opacity:1;transform:translate(0);transition:opacity .22s cubic-bezier(.2,.9,.3,1),transform .25s cubic-bezier(.2,.9,.3,1),max-width .32s cubic-bezier(.2,.9,.3,1),margin-left .32s cubic-bezier(.2,.9,.3,1)}.sidebar-caret{margin-left:auto;flex-shrink:0;max-width:16px;opacity:.7;transform:rotate(0);transition:transform .28s cubic-bezier(.34,1.56,.64,1),opacity .2s ease,max-width .28s ease}.sidebar-dropdown.is-open .sidebar-caret{transform:rotate(90deg);opacity:1}.sidebar-dropdown{display:flex;flex-direction:column}.sidebar-dropdown .sidebar-submenu{display:grid;grid-template-rows:0fr;opacity:0;background:var(--a-surface-2, rgba(0, 0, 0, .03));border-radius:10px;margin:0 4px;padding:0;overflow:hidden;transition:grid-template-rows .3s cubic-bezier(.2,.9,.3,1),opacity .24s cubic-bezier(.2,.9,.3,1),margin .3s cubic-bezier(.2,.9,.3,1),padding .3s cubic-bezier(.2,.9,.3,1)}.sidebar-dropdown.is-open .sidebar-submenu{grid-template-rows:1fr;opacity:1;margin:3px 4px 6px;padding:4px 0}.sidebar-submenu-inner{min-height:0;display:flex;flex-direction:column;transform:translateY(-8px);opacity:0;transition:transform .28s cubic-bezier(.2,.9,.3,1),opacity .26s cubic-bezier(.2,.9,.3,1)}.sidebar-dropdown.is-open .sidebar-submenu-inner{transform:translateY(0);opacity:1}.sidebar-submenu a{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 16px;font-size:.8rem;font-weight:500;color:var(--a-ink-soft);text-decoration:none;border-radius:6px;margin:1px 4px;transition:background .15s ease,color .15s ease,transform .15s ease}.sidebar-submenu a:hover{background:var(--a-surface);color:var(--a-ink);transform:translate(3px)}.sidebar-submenu a.is-active{color:var(--a-accent);font-weight:700;background:var(--a-accent-soft)}.sidebar-sub-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;flex-shrink:0;opacity:.8}.admin-sidebar.is-collapsed{width:72px;overflow:hidden!important}.admin-sidebar.is-collapsed .sidebar-nav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important}.admin-sidebar.is-collapsed .sidebar-footer{flex-shrink:0!important;margin-top:auto!important;overflow:hidden!important}.admin-sidebar.is-collapsed .sidebar-brand-header{display:flex!important;justify-content:center!important;align-items:center!important;padding:12px 8px!important;gap:0!important;overflow:hidden!important;min-height:62px!important;box-sizing:border-box!important}.admin-sidebar.is-collapsed .sidebar-brand-link{display:none!important;max-width:0!important;width:0!important;opacity:0!important;margin:0!important;padding:0!important;pointer-events:none!important}.admin-sidebar.is-collapsed .sidebar-brand-info{display:none!important}.admin-sidebar.is-collapsed .sidebar-toggle-btn{width:36px!important;height:36px!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;transform:rotate(180deg)!important;box-sizing:border-box!important}.admin-sidebar.is-collapsed .sidebar-toggle-btn:hover{transform:rotate(180deg) scale(1.1)}.admin-sidebar.is-collapsed .sidebar-section-label{opacity:0;max-height:0;padding-top:0;padding-bottom:0;transform:translate(-10px);pointer-events:none}.admin-sidebar.is-collapsed .sidebar-link{justify-content:flex-start;padding:6px 10px}.admin-sidebar.is-collapsed .sidebar-link-text{max-width:0;opacity:0;margin-left:0;transform:translate(-8px);pointer-events:none}.admin-sidebar.is-collapsed .sidebar-caret{max-width:0;opacity:0;pointer-events:none}.admin-sidebar.is-collapsed .sidebar-submenu{grid-template-rows:0fr!important;opacity:0!important;margin:0!important;padding:0!important;pointer-events:none}.admin-sidebar.is-collapsed .sidebar-link[data-tooltip]:before{content:attr(data-tooltip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%) translate(-6px);background:#0f172a;color:#fff;font-size:.76rem;font-weight:600;letter-spacing:.02em;padding:6px 12px;border-radius:8px;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;box-shadow:0 8px 24px #0000004d,0 0 0 1px #ffffff1f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:999;transition:opacity .18s cubic-bezier(.2,.9,.3,1),transform .18s cubic-bezier(.2,.9,.3,1),visibility .18s}html:not(.dark) .admin-sidebar.is-collapsed .sidebar-link[data-tooltip]:before{background:#1e293b;color:#fff;box-shadow:0 8px 20px #00000038}.admin-sidebar.is-collapsed .sidebar-link:hover[data-tooltip]:before{opacity:1;visibility:visible;transform:translateY(-50%) translate(0)}.sidebar-footer{margin-top:auto;padding:10px 8px 12px;border-top:1px solid var(--a-border);display:flex;flex-direction:column;gap:8px;background:var(--a-surface-2, rgba(0, 0, 0, .02));flex-shrink:0;overflow:hidden;transition:padding .35s cubic-bezier(.2,.9,.3,1)}html.dark .sidebar-footer{background:#ffffff05}.sidebar-footer-link{display:flex;align-items:center;justify-content:flex-start;padding:6px 10px;border-radius:10px;font-size:.78rem;font-weight:600;color:var(--a-ink-soft);text-decoration:none;background:var(--a-surface);border:1px solid var(--a-border);overflow:visible;white-space:nowrap;position:relative;box-sizing:border-box;transition:background .18s ease,color .18s ease,border-color .18s ease}.sidebar-footer-link:hover{background:var(--a-accent-soft);color:var(--a-accent);border-color:var(--a-accent)}.sidebar-footer-text{flex:1;min-width:0;margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;opacity:1;transform:translate(0);transition:opacity .22s cubic-bezier(.2,.9,.3,1),transform .25s cubic-bezier(.2,.9,.3,1),max-width .32s cubic-bezier(.2,.9,.3,1),margin-left .32s cubic-bezier(.2,.9,.3,1)}.sidebar-footer-ext{opacity:.55;flex-shrink:0;max-width:14px;transition:opacity .2s ease,max-width .28s ease}.sidebar-footer-meta{display:flex;align-items:center;justify-content:space-between;padding:0 4px;font-size:.67rem;color:var(--a-ink-soft);font-weight:500;max-height:20px;opacity:1;overflow:hidden;white-space:nowrap;transform:translate(0);transition:opacity .2s cubic-bezier(.2,.9,.3,1),max-height .28s cubic-bezier(.2,.9,.3,1),transform .25s cubic-bezier(.2,.9,.3,1)}.sidebar-status-pill{display:inline-flex;align-items:center;gap:6px}.sidebar-status-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 0 2px #10b98140;display:inline-block}.admin-sidebar.is-collapsed .sidebar-footer{padding:10px 8px}.admin-sidebar.is-collapsed .sidebar-footer-link{justify-content:flex-start;padding:6px 10px}.admin-sidebar.is-collapsed .sidebar-footer-text,.admin-sidebar.is-collapsed .sidebar-footer-ext{max-width:0;opacity:0;margin-left:0;pointer-events:none;transform:translate(-8px)}.admin-sidebar.is-collapsed .sidebar-footer-meta{max-height:0;opacity:0;pointer-events:none;transform:translate(-8px)}.admin-sidebar.is-collapsed .sidebar-footer-link[data-tooltip]:before{content:attr(data-tooltip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%) translate(-6px);background:#0f172a;color:#fff;font-size:.76rem;font-weight:600;padding:6px 12px;border-radius:8px;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;box-shadow:0 8px 24px #0000004d,0 0 0 1px #ffffff1f;z-index:999;transition:opacity .18s cubic-bezier(.2,.9,.3,1),transform .18s cubic-bezier(.2,.9,.3,1),visibility .18s}.admin-sidebar.is-collapsed .sidebar-footer-link:hover[data-tooltip]:before{opacity:1;visibility:visible;transform:translateY(-50%) translate(0)}.admin-main{flex:1;min-width:0;display:flex;flex-direction:column}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a94;z-index:85;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s cubic-bezier(.16,1,.3,1),visibility .32s}.sidebar-overlay.is-visible,.sidebar-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.admin-mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid var(--a-border);background:var(--a-surface-2, rgba(0, 0, 0, .04));color:var(--a-ink);cursor:pointer;flex-shrink:0;margin-right:8px;transition:all .2s ease}.admin-mobile-menu-btn:hover{background:var(--a-accent-soft);color:var(--a-accent)}@media (max-width: 768px){.admin-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;z-index:90!important;margin:0!important;width:275px!important;max-width:82vw!important;height:100vh!important;max-height:100vh!important;border-radius:0 18px 18px 0!important;border-right:1px solid var(--a-border)!important;box-shadow:0 16px 40px #00000052!important;transform:translate3d(-105%,0,0)!important;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .3s ease!important;will-change:transform}.admin-sidebar.is-open{transform:translateZ(0)!important}}.sidebar-toggle-header{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--color-ink);padding:6px;margin-right:10px;margin-left:-24px;border-radius:8px;transition:background .15s ease}.sidebar-toggle-header:hover{background:var(--color-surface-alt)}html.dark .site-header{background:transparent}html.dark .brand-text strong,html.dark .hero-stats strong,html.dark .layanan-card h3,html.dark .opd-card-link,html.dark .opd-card-kategori,html.dark .kecamatan-card:hover,html.dark .main-nav a:hover{color:var(--color-green-700)}html.dark .nav-toggle span{background:var(--color-ink)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-ink);box-shadow:0 0 0 1000px var(--color-bg) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.admin-field input:-webkit-autofill,.admin-field input:-webkit-autofill:hover,.admin-field input:-webkit-autofill:focus{-webkit-text-fill-color:var(--a-ink);box-shadow:0 0 0 1000px var(--a-bg) inset}.section-divider{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);position:relative}#aplikasi-dinas{background:color-mix(in srgb,var(--color-bg-alt) 60%,var(--color-primary) 6%)}.berita-detail-image{width:100%;aspect-ratio:16 / 9;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-md);margin-bottom:24px;display:block}.admin-field input[type=file]{width:100%;font-size:.88rem;color:var(--a-ink-soft);padding:0;background:transparent;border:0}.admin-field input[type=file]::file-selector-button{background:var(--a-accent);color:#fff;border:none;border-radius:999px;padding:8px 18px;font-weight:600;font-size:.85rem;font-family:inherit;cursor:pointer;margin-right:12px;transition:opacity .15s ease}.admin-field input[type=file]::file-selector-button:hover{opacity:.9}.berita-sumber-link{display:inline-flex;align-items:center;gap:6px;margin-top:20px;padding-top:20px;border-top:1px solid var(--color-border);font-size:.88rem;font-weight:600;color:var(--color-white-800)}.berita-sumber-link:hover{color:var(--color-gold)}.berita-galeri{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:24px 0}.berita-galeri-item{display:block;aspect-ratio:1 / 1;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border)}.berita-galeri-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .2s ease}.berita-galeri-item:hover img{transform:scale(1.05)}.admin-sidebar,.admin-sidebar *{scrollbar-width:none!important;-ms-overflow-style:none!important}.admin-sidebar::-webkit-scrollbar,.admin-sidebar *::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.admin-shell:has(.admin-sidebar[data-guest="1"]){--sidebar-w: 0px}.admin-sidebar[data-guest="1"]{display:none!important;visibility:hidden!important;width:0!important}.info-embed-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.info-embed-title{font-family:var(--font-display);font-size:1.02rem;color:var(--color-ink);margin:0 0 12px}@media (max-width: 860px){.info-embed-grid{grid-template-columns:1fr}}.simsalabim-link-card{position:relative;display:block;background:linear-gradient(135deg,var(--color-gold-100) 0%,var(--color-surface) 60%);border:2px solid var(--color-gold);border-radius:var(--radius-lg);padding:28px;box-shadow:0 12px 30px #b98a2e2e;height:420px;display:flex;flex-direction:column;justify-content:center;transition:transform .15s ease,box-shadow .15s ease}.simsalabim-link-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px #b98a2e42}.simsalabim-badge{position:absolute;top:16px;right:16px;background:var(--color-gold);color:#fff;font-size:.68rem;font-weight:700;padding:3px 10px;border-radius:999px}.simsalabim-link-card h4{font-family:var(--font-display);font-size:1.3rem;color:var(--color-ink);margin:0 0 12px;line-height:1.35}.simsalabim-link-card p{color:var(--color-ink-soft);font-size:.94rem;margin:0 0 20px;line-height:1.6}.simsalabim-cta{font-weight:700;color:var(--color-gold)}.gpr-widget-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);height:420px;overflow-y:auto}.iframe-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--color-surface);color:var(--color-ink-soft);font-size:.88rem}.iframe-loading-spinner{width:26px;height:26px;border-radius:50%;border:3px solid var(--color-border);border-top-color:var(--color-green-800);animation:iframe-loading-spin .8s linear infinite}@keyframes iframe-loading-spin{to{transform:rotate(360deg)}}.peta-kecamatan-card{position:relative;background:var(--color-green-900);border-radius:var(--radius-lg);padding:28px;margin-bottom:32px;box-shadow:var(--shadow-md);overflow:hidden}.peta-kecamatan-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-width='1'%3E%3Cpath d='M28 4l10 24-10 24-10-24z'/%3E%3Ccircle cx='28' cy='28' r='3'/%3E%3C/g%3E%3C/svg%3E");opacity:.05}#petaKecamatan{position:relative;z-index:1;width:100%;height:auto;max-height:520px;display:block;margin:0 auto}.peta-kecamatan-shape{fill:#ffffff14;stroke:#ffffff8c;stroke-width:1.4;cursor:pointer;transition:fill .15s ease,stroke .15s ease;outline:none}.peta-kecamatan-shape:hover,.peta-kecamatan-shape:focus-visible,.peta-kecamatan-shape.is-active{fill:var(--color-gold);stroke:#fff}.peta-kecamatan-info{position:relative;z-index:1;margin-top:20px;padding:16px 20px;background:#00000040;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);color:#f3f1e8;min-height:24px}.peta-kecamatan-info-hint{margin:0;font-size:.86rem;color:#fff9;text-align:center}.peta-kecamatan-info-nama{margin:0 0 8px;font-size:1.1rem;font-weight:700;color:#fff}.peta-kecamatan-info-stats{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:10px}.peta-kecamatan-info-stats div{font-size:.84rem;color:#ffffffbf}.peta-kecamatan-info-stats strong{display:block;font-size:.96rem;color:var(--color-gold-light)}.peta-kecamatan-info a{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;font-weight:600;color:var(--color-gold-light);text-decoration:none}.peta-kecamatan-info a:hover{text-decoration:underline}@media (max-width: 640px){.peta-kecamatan-card{padding:18px}#petaKecamatan{max-height:380px}}.galeri-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.galeri-preview-item{position:relative;aspect-ratio:4 / 3;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}.galeri-preview-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.galeri-preview-video{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-surface-alt);color:var(--color-ink-soft);font-size:1.8rem}.galeri-preview-item>span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent);color:#fff;font-size:.8rem;padding:20px 10px 8px}.profil-motto-card{background:var(--color-green-100);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:22px 28px;margin-bottom:28px;font-style:italic;font-size:1.05rem;color:var(--color-gold);text-align:center;box-shadow:var(--shadow-sm)}.profil-section-card{background:var(--color-green-100);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:28px;margin-bottom:28px;box-shadow:var(--shadow-sm)}.profil-section-card h3{font-size:1.2rem;color:var(--color-ink);margin:0 0 16px;display:flex;align-items:center;gap:10px;font-weight:700}.profil-section-card h3 svg{color:var(--color-gold);flex-shrink:0}.profil-teks{line-height:1.85;color:var(--color-ink);font-size:.96rem}.profil-table-wrapper{overflow-x:auto;margin-top:16px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#0000001f}.profil-table{width:100%;border-collapse:collapse;text-align:left}.profil-table th,.profil-table td{padding:14px 18px;border-bottom:1px solid var(--color-border);font-size:.93rem;color:var(--color-ink)}.profil-table tr:last-child th,.profil-table tr:last-child td{border-bottom:none}.profil-table th{background:#0000002e;font-weight:600;width:32%;color:var(--color-ink-soft)}.profil-table td{background:transparent}.pegawai-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.pegawai-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px;text-align:center;box-shadow:var(--shadow-sm)}.pegawai-card img{width:90px;height:90px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin:0 auto 14px;display:block}.pegawai-card-noimg{width:90px;height:90px;border-radius:50%;margin:0 auto 14px;background:var(--color-green-100);color:var(--color-green-800);display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700}.pegawai-card h3{font-size:.98rem;margin:0 0 4px}.pegawai-card p{font-size:.84rem;color:var(--color-ink-soft);margin:0}.bidang-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.bidang-card{position:relative;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:30px 26px;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.bidang-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-gold));opacity:.85;transition:height .25s ease,opacity .25s ease}.bidang-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--color-gold)}.bidang-card:hover:before{height:6px;opacity:1}.bidang-card-top{display:flex;align-items:flex-start;gap:16px;margin-bottom:18px}.bidang-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;flex-shrink:0;border-radius:16px;background:linear-gradient(135deg,#0064621f,#c59d4833);color:var(--color-primary);border:1px solid rgba(0,100,98,.22);transition:all .3s ease}.bidang-card:hover .bidang-icon-wrap{background:var(--color-primary);color:#fff;transform:scale(1.08) rotate(3deg);box-shadow:0 6px 18px #00646247}.bidang-badge{display:inline-block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-gold);background:#c59d481f;border:1px solid rgba(197,157,72,.3);padding:3px 10px;border-radius:999px;margin-bottom:6px}.bidang-card-title{font-size:1.15rem;font-weight:800;color:var(--color-ink);margin:0 0 2px;line-height:1.3;letter-spacing:-.01em}.bidang-card-subtitle{font-size:.82rem;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.04em;margin:0}.bidang-card-desc{font-size:.9rem;color:var(--color-ink-soft);line-height:1.65;margin:0 0 20px;text-align:justify}.bidang-tugas-list{list-style:none;padding:18px 0 0;margin:auto 0 0;display:flex;flex-direction:column;gap:10px;border-top:1px dashed var(--color-border)}.bidang-tugas-item{display:flex;align-items:flex-start;gap:10px;font-size:.85rem;color:var(--color-ink);line-height:1.5}.bidang-tugas-item svg{color:var(--color-gold);flex-shrink:0;margin-top:3px}.org-chart-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.org-tree{min-width:820px;display:flex;flex-direction:column;gap:28px;align-items:center;position:relative}.org-node-level{display:flex;justify-content:center;width:100%;position:relative}.org-node{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);padding:12px 18px;text-align:center;box-shadow:var(--shadow-sm);transition:all .2s ease}.org-node:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.org-node-role{display:block;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-primary);margin-bottom:4px}.org-node-name{display:block;font-size:.9rem;font-weight:700;color:var(--color-ink)}.node-primary{background:linear-gradient(135deg,#0064621f,#c59d4829);border-color:var(--color-primary);border-width:2px;padding:16px 28px;min-width:260px}.node-primary .org-node-role{font-size:.82rem;color:var(--color-gold)}.node-primary .org-node-name{font-size:1.05rem}.level-mid{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:start;width:100%;max-width:860px}.node-fungsional{border-style:dashed;border-color:var(--color-ink-soft);background:#00000005}.org-branch-sekretaris{display:flex;flex-direction:column;gap:14px}.node-sekretaris{border-color:var(--color-gold);background:#c59d4814}.org-sub-branch{display:grid;grid-template-columns:1fr 1fr;gap:12px}.level-bidang{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%}.org-bidang-col{display:flex;flex-direction:column;gap:10px}.node-bidang{background:linear-gradient(180deg,rgba(0,100,98,.08),transparent);border-color:var(--color-primary);border-top:3px solid var(--color-primary)}.node-sub{font-size:.82rem;padding:8px 12px}.node-sub .org-node-role{font-size:.7rem;color:var(--color-ink-soft)}.node-sub .org-node-name{font-size:.82rem}.level-bottom{width:100%;display:flex;justify-content:center}.node-uptd{min-width:220px;border-style:dashed}.direktori-pegawai-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px}@media (max-width: 480px){.direktori-pegawai-grid{grid-template-columns:1fr}}.direktori-pegawai-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:20px;display:flex;gap:20px;align-items:center;box-shadow:var(--shadow-sm);transition:all .25s cubic-bezier(.34,1.56,.64,1)}.direktori-pegawai-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.direktori-pegawai-thumb{width:105px;height:125px;flex-shrink:0;border-radius:12px;overflow:hidden;border:1px solid var(--color-border);background:var(--color-bg)}.direktori-pegawai-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.direktori-pegawai-noimg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;color:var(--color-primary);background:#0064621a}.direktori-pegawai-info{flex:1;min-width:0}.direktori-pegawai-table{width:100%;border-collapse:collapse;font-size:.86rem}.direktori-pegawai-table tr{border-bottom:1px solid rgba(0,0,0,.04)}.direktori-pegawai-table tr:last-child{border-bottom:none}.direktori-pegawai-table th{text-align:left;vertical-align:top;padding:5px 12px 5px 0;width:100px;font-weight:600;color:var(--color-ink-soft);font-size:.8rem;white-space:nowrap}.direktori-pegawai-table td{vertical-align:top;padding:5px 0;color:var(--color-ink)}.direktori-pegawai-jabatan{display:inline-block;font-size:.78rem;font-weight:600;color:var(--color-primary);line-height:1.4}.breadcrumb-nav{display:flex;align-items:center;justify-content:flex-start;width:100%;box-sizing:border-box;font-size:.85rem;padding:12px 0;border-bottom:1px solid var(--color-border, rgba(0,0,0,.08));margin-bottom:24px;position:sticky;top:86px;z-index:40;background:transparent;box-shadow:none;border-bottom-color:transparent}.page-breadcrumb{width:-moz-fit-content;width:fit-content;max-width:calc(100% - 32px);margin-left:-28px;position:sticky;top:86px;z-index:40;padding:8px 14px;border-radius:999px;background:#0c161eeb;box-shadow:none}.breadcrumb-nav+.section,.breadcrumb-nav+div>.section{padding-top:32px!important}.section:has(>.wrap>.page-breadcrumb){padding-top:0!important}.breadcrumb-nav,.page-breadcrumb,.breadcrumb-container,nav[aria-label=Breadcrumb]{display:none!important}.section:has(>.wrap>nav[aria-label=Breadcrumb]){padding-top:0!important}html.dark .breadcrumb-nav{border-bottom-color:#ffffff14}.breadcrumb-container{display:inline-block;flex:0 0 auto;width:-moz-max-content;width:max-content;max-width:calc(100% - 32px);margin-left:max(16px,calc((100% - 1200px)/2));margin-right:0;padding:8px 14px;border-radius:999px;background:#0c161eeb;box-sizing:border-box}.breadcrumb-list{display:flex;align-items:center;gap:4px;margin:0;padding:0;list-style:none;flex-wrap:wrap}.breadcrumb-item{display:flex;align-items:center;gap:8px}.breadcrumb-link{display:inline-flex;align-items:center;gap:4px;color:var(--color-primary, #006462);text-decoration:none;font-weight:500;transition:color .2s ease;white-space:nowrap}html.dark .breadcrumb-link{color:#7ec1e8}.breadcrumb-link:hover{color:var(--color-gold, #c59d48);text-decoration:underline}html.dark .breadcrumb-link:hover{color:#6fe0e6}.breadcrumb-link svg{width:16px;height:16px;flex-shrink:0}.breadcrumb-text{color:var(--color-ink, #121A22);font-weight:600}html.dark .breadcrumb-text{color:var(--a-ink, #D8E3EE)}.breadcrumb-text.current{color:var(--color-ink-soft, #455360);font-weight:500}html.dark .breadcrumb-text.current{color:var(--a-ink-soft, #93A6B8)}.breadcrumb-separator{color:var(--color-ink-soft, #455360);margin:0 4px}html.dark .breadcrumb-separator{color:var(--a-ink-soft, #93A6B8)}@media (max-width: 1240px){.page-breadcrumb{margin-left:-8px}}.breadcrumb-nav.hidden-mobile{display:none}@media (min-width: 768px){.breadcrumb-nav.hidden-mobile{display:flex}}@media (max-width: 640px){.breadcrumb-nav,.page-breadcrumb{top:70px;padding:8px 14px;margin-bottom:16px;font-size:.8rem}.page-breadcrumb{margin-left:-8px}.breadcrumb-container{max-width:calc(100% - 16px);margin-left:8px;padding:8px 12px;width:-moz-max-content;width:max-content}.breadcrumb-list{gap:2px}.breadcrumb-item{gap:4px}.breadcrumb-link svg,.breadcrumb-separator{width:14px;height:14px}}.section-navigator{position:relative;background:var(--color-surface, #F8F2E6);border:1px solid var(--color-border, #D2C4AC);border-radius:14px;overflow:hidden;font-size:.9rem;max-width:280px;min-width:240px;flex-shrink:0;transition:all .3s ease}html.dark .section-navigator{background:#1b2733;border-color:#2e3f4e}.section-navigator.is-sticky{position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto;overscroll-behavior:contain}.section-navigator.is-sticky::-webkit-scrollbar{width:6px}.section-navigator.is-sticky::-webkit-scrollbar-track{background:transparent}.section-navigator.is-sticky::-webkit-scrollbar-thumb{background:var(--color-border, #D2C4AC);border-radius:999px}.section-navigator.is-sticky::-webkit-scrollbar-thumb:hover{background:var(--color-ink-soft, #455360)}html.dark .section-navigator.is-sticky::-webkit-scrollbar-thumb{background:#2e3f4e}html.dark .section-navigator.is-sticky::-webkit-scrollbar-thumb:hover{background:#93a6b8}.section-navigator-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--color-border, #D2C4AC);background:var(--color-surface, #F8F2E6)}html.dark .section-navigator-header{border-bottom-color:#2e3f4e;background:#22303d}.section-navigator-title{font-weight:700;color:var(--color-ink, #121A22);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}html.dark .section-navigator-title{color:#d8e3ee}.section-navigator-close{display:none;background:transparent;border:none;cursor:pointer;color:var(--color-ink-soft, #455360);padding:2px;border-radius:4px;transition:background .2s ease}html.dark .section-navigator-close{color:#93a6b8}.section-navigator-close:hover{background:var(--color-border, #D2C4AC)}html.dark .section-navigator-close:hover{background:#2e3f4e}.section-navigator-content{padding:8px 0}.section-navigator-list{list-style:none;margin:0;padding:0}.section-navigator-item{display:block}.section-navigator-link{display:block;padding:8px 16px;color:var(--color-ink-soft, #455360);text-decoration:none;font-weight:500;transition:all .2s ease;border-left:3px solid transparent;position:relative}html.dark .section-navigator-link{color:#93a6b8}.section-navigator-link:hover{color:var(--color-primary, #006462);background:var(--color-border, #D2C4AC);border-left-color:var(--color-primary, #006462)}html.dark .section-navigator-link:hover{color:#7ec1e8;background:#2e3f4e;border-left-color:#7ec1e8}.section-navigator-link.is-active{color:var(--color-primary, #006462);background:var(--color-primary-lt, #e3efed);border-left-color:var(--color-primary, #006462);font-weight:600}html.dark .section-navigator-link.is-active{color:#7ec1e8;background:#22384a;border-left-color:#7ec1e8}.section-navigator-item.level-2 .section-navigator-link{padding-left:28px;font-size:.85rem;font-weight:400}.section-navigator-item.level-3 .section-navigator-link{padding-left:40px;font-size:.8rem}.section-navigator-footer{display:flex;padding:8px;border-top:1px solid var(--color-border, #D2C4AC);background:var(--color-surface, #F8F2E6);gap:4px}html.dark .section-navigator-footer{border-top-color:#2e3f4e;background:#22303d}.section-navigator-scroll-top{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;background:var(--color-primary, #006462);color:#fff;border:none;border-radius:6px;padding:6px 10px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s ease,transform .15s ease;text-transform:capitalize}html.dark .section-navigator-scroll-top{background:#7ec1e8;color:#131b24}.section-navigator-scroll-top:hover{background:var(--color-primary-dk, #004e4c);transform:translateY(-2px)}html.dark .section-navigator-scroll-top:hover{background:#6fe0e6}.section-navigator-scroll-top:active{transform:translateY(0)}.section-navigator-scroll-top svg{width:14px;height:14px}@media (max-width: 1024px){.section-navigator{max-width:220px;min-width:180px}.section-navigator.is-sticky{top:80px}}@media (max-width: 768px){.section-navigator{display:none;position:fixed;top:0;right:-100%;width:100%;max-width:280px;height:100vh;max-height:none;border-radius:0;border:none;z-index:999;transition:right .3s ease;box-shadow:-4px 0 12px #00000026}.section-navigator.is-sticky{position:fixed;top:0;overflow-y:auto}.section-navigator.is-open{right:0}.section-navigator-close{display:block}}.content-with-navigator{display:grid;grid-template-columns:1fr 280px;gap:28px;align-items:start}@media (max-width: 1024px){.content-with-navigator{grid-template-columns:1fr 220px;gap:20px}}@media (max-width: 768px){.content-with-navigator{grid-template-columns:1fr;gap:0}}.announcement-banner{position:sticky;top:0;z-index:45;padding:12px 20px;margin-bottom:0;background:#e0e7ff;border-bottom:2px solid #a5b4fc;border-radius:0;animation:slideDown .3s ease;box-shadow:0 2px 8px #00000014;transition:all .3s ease}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.announcement-banner.is-closing{animation:slideUp .3s ease forwards}.announcement-banner[data-announcement-type=info]{background:#e0e7ff;border-bottom-color:#a5b4fc;color:#3730a3}.announcement-banner[data-announcement-type=warning]{background:#fef3c7;border-bottom-color:#fcd34d;color:#92400e}.announcement-banner[data-announcement-type=error]{background:#fee2e2;border-bottom-color:#fca5a5;color:#7f1d1d}.announcement-banner[data-announcement-type=success]{background:#dcfce7;border-bottom-color:#86efac;color:#15803d}html.dark .announcement-banner[data-announcement-type=info]{background:#312e81;border-bottom-color:#4c1d95;color:#c7d2fe}html.dark .announcement-banner[data-announcement-type=warning]{background:#78350f;border-bottom-color:#d97706;color:#fef3c7}html.dark .announcement-banner[data-announcement-type=error]{background:#7f1d1d;border-bottom-color:#dc2626;color:#fee2e2}html.dark .announcement-banner[data-announcement-type=success]{background:#15803d;border-bottom-color:#22c55e;color:#dcfce7}.announcement-container{display:flex;align-items:flex-start;gap:12px;max-width:1200px;margin:0 auto;padding:0 28px}@media (max-width: 640px){.announcement-container{padding:0 16px}}.announcement-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-top:2px}.announcement-icon svg{width:20px;height:20px;stroke-linecap:round;stroke-linejoin:round}.announcement-content{flex:1;display:flex;flex-direction:column;gap:2px;font-size:.95rem;line-height:1.5}.announcement-title{display:block;font-weight:700;font-size:.98rem;letter-spacing:.02em}.announcement-message{display:block;margin:0;font-weight:500;opacity:.95;font-size:.92rem}.announcement-close{flex-shrink:0;background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:inherit;opacity:.7;transition:all .2s ease;margin-top:2px}.announcement-close:hover{background:#0000001a;opacity:1}html.dark .announcement-close:hover{background:#ffffff1a}.announcement-close:active{transform:scale(.9)}.announcement-close svg{width:18px;height:18px;stroke-linecap:round;stroke-linejoin:round}@media (max-width: 640px){.announcement-banner{padding:10px 16px}.announcement-container{gap:10px}.announcement-content{font-size:.9rem}.announcement-title{font-size:.93rem}.announcement-message{font-size:.88rem}.announcement-icon,.announcement-close{width:20px;height:20px}.announcement-icon svg,.announcement-close svg{width:18px;height:18px}}.search-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99998;display:flex;align-items:flex-start;justify-content:center;padding:64px 20px 20px;background:transparent;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.search-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;cursor:pointer}.search-modal-content{position:relative;z-index:1;width:100%;max-width:600px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 20px 60px #00000026;display:flex;flex-direction:column;max-height:70vh;overflow:hidden;animation:searchModalSlideUp .2s ease-out}@keyframes searchModalSlideUp{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.search-modal-header{padding:20px;border-bottom:1px solid var(--color-border)}.search-modal-input-wrapper{position:relative;display:flex;align-items:center;gap:10px;background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:12px;padding:12px 16px;margin-bottom:12px;transition:border-color .2s}.search-modal-input-wrapper:focus-within{border-color:var(--color-primary)}.search-modal-input-wrapper .search-icon{color:var(--color-ink-soft);flex-shrink:0}.search-modal-input{flex:1;border:none;outline:none;background:transparent;font-size:1rem;color:var(--color-ink);font-family:inherit}.search-modal-input::-moz-placeholder{color:var(--color-ink-soft)}.search-modal-input::placeholder{color:var(--color-ink-soft)}.search-kbd-hint{flex-shrink:0;background:var(--color-surface);color:var(--color-ink-soft);border:1px solid var(--color-border);border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:600;font-family:monospace}.search-modal-filters{display:flex;gap:8px;flex-wrap:wrap}.search-filter-btn{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-ink);padding:6px 12px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;border-color:transparent}.search-filter-btn:hover{background:var(--color-surface-alt);border-color:var(--color-border)}.search-filter-btn.is-active{background:var(--color-primary);color:#fff}.search-modal-results{flex:1;overflow-y:auto;overflow-x:hidden}.search-results-list{padding:12px 0}.search-result-category{padding:8px 16px;border-top:1px solid var(--color-border)}.search-result-category:first-child{border-top:none}.search-result-category-label{font-size:.75rem;font-weight:800;color:var(--color-ink-soft);text-transform:uppercase;letter-spacing:.08em;padding:4px 0}.search-result-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:inherit;text-decoration:none;transition:background-color .15s;cursor:pointer}.search-result-item:hover,.search-result-item.is-selected{background:var(--color-bg)}.search-result-icon{font-size:1.25rem;flex-shrink:0}.search-result-content{flex:1;min-width:0}.search-result-title{font-size:.95rem;font-weight:600;color:var(--color-ink);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-title mark{background:#c59d484d;color:inherit;font-weight:700;border-radius:2px}.search-result-desc{font-size:.8rem;color:var(--color-ink-soft);line-height:1.4;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-desc mark{background:#c59d4833;color:inherit}.search-result-badge{display:inline-block;background:#00646214;color:var(--color-primary);font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:4px;letter-spacing:.02em}.search-result-item svg{flex-shrink:0;color:var(--color-ink-soft);opacity:0;transition:opacity .2s}.search-result-item:hover svg,.search-result-item.is-selected svg{opacity:1}.search-empty-state,.search-initial-state{padding:40px 20px;text-align:center;color:var(--color-ink-soft)}.search-empty-state svg{margin-bottom:12px;opacity:.4}.search-empty-state p{font-size:1rem;font-weight:600;margin-bottom:4px}.search-hint{display:block;font-size:.85rem;color:var(--color-ink-soft)}.search-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px}.search-loading-spinner{width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.search-modal-footer{padding:12px 16px;border-top:1px solid var(--color-border);background:var(--color-bg)}.search-footer-hints{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.search-hint-item{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--color-ink-soft)}.search-hint-item kbd{background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.75rem;font-weight:600}.search-shortcut-badge{position:fixed;bottom:20px;right:20px;z-index:99997;background:var(--color-primary);color:#fff;padding:8px 12px;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit;border:0;transition:all .2s;box-shadow:0 4px 12px #004e4c33}.search-shortcut-badge:hover{transform:translateY(-2px);box-shadow:0 6px 20px #004e4c4d}.search-shortcut-badge kbd{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:4px;padding:2px 6px;font-family:monospace}@media (prefers-color-scheme: dark){.search-modal-content{background:var(--color-surface)}.search-result-item:hover,.search-result-item.is-selected{background:var(--color-surface-alt)}.search-result-title mark{background:#c59d4866}.search-result-desc mark{background:#c59d4840}}@media (max-width: 640px){.search-modal{padding:50px 10px 10px}.search-modal-content{max-width:100%}.search-shortcut-badge{bottom:10px;right:10px;padding:6px 10px;font-size:.75rem}.search-footer-hints{gap:12px}.search-hint-item{font-size:.75rem}}html.dark body{background:var(--color-bg);color:var(--color-ink)}@media (prefers-color-scheme: dark){html body{background:var(--color-bg);color:var(--color-ink)}}@media (prefers-color-scheme: dark){.site-header{background:#161b22f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-inner{background:var(--color-surface);border-color:var(--color-border);box-shadow:0 8px 32px #0006}.header-inner .brand-text strong,.header-inner .brand-text small,.header-inner .main-nav a,.header-inner .sidebar-toggle-header{color:var(--color-ink)}}html.dark .site-header{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}html:not(.dark) .site-header{background:transparent!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html.dark .header-inner{background:var(--color-surface);border-color:var(--color-border);box-shadow:0 8px 32px #0006}html.dark .header-inner .brand-text strong,html.dark .header-inner .brand-text small,html.dark .header-inner .main-nav a,html.dark .header-inner .sidebar-toggle-header{color:var(--color-ink)}.site-header-home{background:transparent!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html:not(.dark) .header-inner .brand-text strong,html:not(.dark) .header-inner .brand-text small,html:not(.dark) .header-inner .main-nav a,html:not(.dark) .header-inner .sidebar-toggle-header,html:not(.dark) .header-inner .main-nav .nav-dropdown-toggle{color:#fff}html:not(.dark) .hero-search input{background-color:transparent!important;border-color:transparent;color:#003d3c}html:not(.dark) .hero-search input::-moz-placeholder{color:#003d3c8c}html:not(.dark) .hero-search input::placeholder{color:#003d3c8c}html:not(.dark) input:not(.hero-search input),html:not(.dark) textarea,html:not(.dark) select{color:var(--color-ink)}html:not(.dark) .site-header-home{background:transparent!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}@media (prefers-color-scheme: dark){.nav-dropdown-menu{background:var(--color-surface);border-color:var(--color-border)}}html.dark .nav-dropdown-menu{background:var(--color-surface);border-color:var(--color-border)}@media (prefers-color-scheme: dark){.admin-card{background:var(--color-surface);border-color:var(--color-border)}.section-head{color:var(--color-ink)}.section-head .eyebrow{color:var(--color-gold)}}html.dark .admin-card{background:var(--color-surface);border-color:var(--color-border)}html.dark .section-head{color:var(--color-ink)}html.dark .section-head .eyebrow{color:var(--color-gold)}@media (prefers-color-scheme: dark){input,textarea,select,.admin-input{background-color:var(--color-bg);border-color:var(--color-border);color:var(--color-ink)}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--color-ink-soft)}input::placeholder,textarea::placeholder{color:var(--color-ink-soft)}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7ec1e81a}}html.dark input,html.dark textarea,html.dark select,html.dark .admin-input{background-color:var(--color-bg);border-color:var(--color-border);color:var(--color-ink)}html.dark input::-moz-placeholder,html.dark textarea::-moz-placeholder{color:var(--color-ink-soft)}html.dark input::placeholder,html.dark textarea::placeholder{color:var(--color-ink-soft)}html.dark input:focus,html.dark textarea:focus,html.dark select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7ec1e81a}@media (prefers-color-scheme: dark){.hero-search input{background-color:transparent!important;border-color:transparent;color:#003d3c}}html.dark .hero-search input{background-color:transparent!important;border-color:transparent;color:#003d3c}@media (prefers-color-scheme: dark){.btn-primary{background:var(--color-primary);color:#fff}.btn-secondary{background:var(--color-surface-alt);color:var(--color-ink);border-color:var(--color-border)}.btn-secondary:hover{background:var(--color-border)}}html.dark .btn-primary{background:var(--color-primary);color:#fff}html.dark .btn-secondary{background:var(--color-surface-alt);color:var(--color-ink);border-color:var(--color-border)}html.dark .btn-secondary:hover{background:var(--color-border)}@media (prefers-color-scheme: dark){.admin-table{color:var(--color-ink)}.admin-table thead tr{background:#7ec1e80d}.admin-table tbody tr{border-color:var(--color-border)}.admin-table tbody tr:hover{background:var(--color-surface-alt)}}html.dark .admin-table{color:var(--color-ink)}html.dark .admin-table thead tr{background:#7ec1e80d}html.dark .admin-table tbody tr{border-color:var(--color-border)}html.dark .admin-table tbody tr:hover{background:var(--color-surface-alt)}@media (prefers-color-scheme: dark){.breadcrumb,.breadcrumb a{color:var(--color-ink-soft)}.breadcrumb a:hover{color:var(--color-primary)}}html.dark .breadcrumb,html.dark .breadcrumb a{color:var(--color-ink-soft)}html.dark .breadcrumb a:hover{color:var(--color-primary)}@media (prefers-color-scheme: dark){.section-navigator{background:var(--color-surface);border-color:var(--color-border)}.section-navigator-link{color:var(--color-ink-soft)}.section-navigator-link:hover,.section-navigator-link.is-active{color:var(--color-primary)}}html.dark .section-navigator{background:var(--color-surface);border-color:var(--color-border)}html.dark .section-navigator-link{color:var(--color-ink-soft)}html.dark .section-navigator-link:hover,html.dark .section-navigator-link.is-active{color:var(--color-primary)}@media (prefers-color-scheme: dark){.announcement-banner{background:var(--color-surface);border-color:var(--color-border)}.announcement-content{color:var(--color-ink)}}html.dark .announcement-banner{background:var(--color-surface);border-color:var(--color-border)}html.dark .announcement-content{color:var(--color-ink)}@media (prefers-color-scheme: dark){.search-modal-content{background:var(--color-surface);border-color:var(--color-border)}.search-modal-input-wrapper{background:var(--color-bg);border-color:var(--color-border)}.search-modal-input{color:var(--color-ink)}.search-modal-input::-moz-placeholder{color:var(--color-ink-soft)}.search-modal-input::placeholder{color:var(--color-ink-soft)}.search-result-item:hover,.search-result-item.is-selected{background:var(--color-surface-alt)}}html.dark .search-modal-content{background:var(--color-surface);border-color:var(--color-border)}html.dark .search-modal-input-wrapper{background:var(--color-bg);border-color:var(--color-border)}html.dark .search-modal-input{color:var(--color-ink)}html.dark .search-modal-input::-moz-placeholder{color:var(--color-ink-soft)}html.dark .search-modal-input::placeholder{color:var(--color-ink-soft)}html.dark .search-result-item:hover,html.dark .search-result-item.is-selected{background:var(--color-surface-alt)}html.dark .site-footer,.site-footer{background:var(--color-primary-dk, #004e4c)!important;border-top:2px solid var(--color-gold, #c59d48)!important;color:#ffffffd9}html.dark .site-footer a{color:#ffffffd1}html.dark .site-footer a:hover,html.dark .site-footer .footer-col a:hover,html.dark .site-footer .footer-brand-link:hover .footer-brand-title{color:var(--color-gold, #c59d48)!important}html.dark .site-footer .footer-brand p,html.dark .site-footer .footer-col h3,html.dark .site-footer .footer-col a:not(:hover),html.dark .site-footer .footer-col span,html.dark .site-footer .footer-bottom,html.dark .site-footer .footer-bottom span{color:#ffffffd9!important}html.dark .site-footer .footer-col h3,html.dark .site-footer .footer-brand strong,html.dark .site-footer .footer-bottom-right .heart-icon{color:#fff!important}@media (prefers-color-scheme: dark){pre,code{background:var(--color-bg);color:#8be9fd;border-color:var(--color-border)}}html.dark pre,html.dark code{background:var(--color-bg);color:#8be9fd;border-color:var(--color-border)}html.dark ::-webkit-scrollbar{width:12px}html.dark ::-webkit-scrollbar-track{background:var(--color-bg)}html.dark ::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:6px}html.dark ::-webkit-scrollbar-thumb:hover{background:var(--color-ink-soft)}html.dark ::-moz-selection{background:#7ec1e84d;color:var(--color-ink)}html.dark ::selection{background:#7ec1e84d;color:var(--color-ink)}@media (prefers-color-scheme: dark){::-moz-selection{background:#7ec1e84d;color:var(--color-ink)}::selection{background:#7ec1e84d;color:var(--color-ink)}}.dark-mode-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;margin-left:12px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink);border-radius:8px;cursor:pointer;font-size:18px;transition:all .3s ease}.dark-mode-toggle:hover{background:var(--color-surface-alt);border-color:var(--color-primary)}.dark-mode-toggle:focus{outline:none;box-shadow:0 0 0 3px #7ec1e833}.dark-mode-toggle:active{transform:scale(.95)}.dark-mode-toggle-icon{display:inline-block;transition:transform .3s ease}.dark-mode-toggle:active .dark-mode-toggle-icon{transform:rotate(20deg)}@media (max-width: 640px){.dark-mode-toggle{margin-left:8px;width:36px;height:36px;font-size:16px}}html,body{transition:background-color .3s ease,color .3s ease}.site-header{transition:transform .35s cubic-bezier(.16,1,.3,1),background-color .3s ease,color .3s ease,border-color .3s ease}.header-inner,.brand,.brand-text,.main-nav a,.nav-dropdown-toggle{transition:background-color .3s ease,color .3s ease,border-color .3s ease}@media (prefers-reduced-motion: reduce){.site-header,.mobile-bottom-nav{transition:none!important}}.nav-dropdown-menu,.nav-dropdown-item{transition:background-color .3s ease,color .3s ease}.admin-card,.card,.section-head,.section-head .eyebrow,input,textarea,select,.admin-input,button,.btn,.btn-primary,.btn-secondary,.btn:hover{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.admin-table{transition:color .3s ease}.admin-table thead tr,.admin-table tbody tr,.admin-table tbody tr:hover{transition:background-color .3s ease,border-color .3s ease}.breadcrumb,.breadcrumb a,.section-navigator,.section-navigator-link,.section-navigator-link:hover,.section-navigator-link.is-active{transition:background-color .3s ease,color .3s ease,border-color .3s ease}@media (max-width: 700px){.settings-form-card{width:100%}.settings-form-card>form{gap:0}.settings-section-head{padding:15px}.settings-form-card>form>.settings-section:not(:last-of-type){margin-bottom:24px!important}.settings-section>.admin-field,.settings-section>.settings-grid,.settings-section>.settings-subsection,.settings-section>div:not(.settings-section-head){margin-left:15px;margin-right:15px}.settings-grid-2{grid-template-columns:1fr;gap:0}.contact-row,.stat-row{grid-template-columns:1fr!important}.contact-row .remove-contact,.stat-row .remove-stat-btn{justify-self:start}}.announcement-banner,.announcement-content,.search-modal-content,.search-modal-input-wrapper,.search-modal-input,.search-result-item,.search-result-item:hover,.search-result-item.is-selected,.site-footer,.site-footer a,pre,code{transition:background-color .3s ease,color .3s ease,border-color .3s ease}::-webkit-scrollbar-thumb{-webkit-transition:background-color .3s ease;transition:background-color .3s ease}::-moz-selection{-moz-transition:background-color .3s ease;transition:background-color .3s ease}::selection{transition:background-color .3s ease}a{transition:color .3s ease}.dark-mode-toggle{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}html.no-transition,html.no-transition *,html.no-transition *:before,html.no-transition *:after{transition:none!important;animation:none!important}@keyframes heroFadeUp{0%{opacity:0;transform:translate3d(0,36px,0);filter:blur(4px)}to{opacity:1;transform:translateZ(0);filter:blur(0)}}@keyframes heroFadeScale{0%{opacity:0;transform:scale(.85) translate3d(20px,30px,0)}to{opacity:1;transform:scale(1) translateZ(0)}}@keyframes heroPulseGlow{0%,to{box-shadow:0 8px 32px #c59d4859}50%{box-shadow:0 12px 40px #c59d4899,0 0 18px #ffd27d73}}@keyframes floatCard1{0%,to{transform:rotate(-16deg) translateY(38px) translate(-105px)}50%{transform:rotate(-14deg) translateY(24px) translate(-102px)}}@keyframes floatCard2{0%,to{transform:rotate(-8deg) translateY(20px) translate(-55px)}50%{transform:rotate(-6deg) translateY(8px) translate(-53px)}}@keyframes floatCard3{0%,to{transform:rotate(1deg) translateY(8px) translate(0)}50%{transform:rotate(3deg) translateY(-6px) translate(2px)}}@keyframes floatCard4{0%,to{transform:rotate(10deg) translateY(22px) translate(55px)}50%{transform:rotate(12deg) translateY(10px) translate(57px)}}@keyframes floatCard5{0%,to{transform:rotate(18deg) translateY(38px) translate(105px)}50%{transform:rotate(20deg) translateY(24px) translate(107px)}}@keyframes liveDotPulse{0%,to{transform:scale(1);opacity:1;box-shadow:0 0 #ffd27db3}50%{transform:scale(1.25);opacity:.85;box-shadow:0 0 0 6px #ffd27d00}}.hero-content .eyebrow{animation:heroFadeUp .8s cubic-bezier(.16,1,.3,1) .1s backwards}.hero h1{animation:heroFadeUp .9s cubic-bezier(.16,1,.3,1) .25s backwards}.hero-lede{animation:heroFadeUp .9s cubic-bezier(.16,1,.3,1) .4s backwards}.hero-search{animation:heroFadeUp .9s cubic-bezier(.16,1,.3,1) .55s backwards,heroPulseGlow 4s ease-in-out infinite 1.5s;transition:transform .25s ease,box-shadow .25s ease}.hero-search:focus-within{transform:scale(1.02);box-shadow:0 12px 42px #c59d4899,0 0 0 3px #ffd27d66}.hero-stats{animation:heroFadeUp .9s cubic-bezier(.16,1,.3,1) .7s backwards}.hero-stats div{transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s ease}.hero-stats div:hover{transform:translateY(-3px) scale(1.03);background:#ffffff1f}.ticker-label-icon{animation:liveDotPulse 2s ease-in-out infinite}.layanan-cepat-card,.berita-featured-main,.berita-side-card,.bidang-card,.bidang-bento-card,.sambutan-card,.stat-counter-card,.stat-card,.pegawai-card,.galeri-item,.unduhan-item,.admin-card{transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),border-color .3s ease,opacity .8s ease}.layanan-cepat-card:hover,.bidang-card:hover,.bidang-bento-card:hover,.berita-side-card:hover,.pegawai-card:hover,.galeri-item:hover,.unduhan-item:hover{transform:translateY(-8px) scale(1.02)!important;box-shadow:0 20px 38px -10px #004e4c38,0 0 0 1.5px var(--color-gold)!important}.berita-featured-main:hover{transform:translateY(-8px) scale(1.01)!important;box-shadow:0 24px 48px -10px #004e4c40,0 0 0 1.5px var(--color-gold)!important}.sambutan-card:hover{transform:translateY(-5px)!important;box-shadow:0 22px 44px -10px #004e4c38!important}.btn-primary,.btn-secondary,.hero-search button,.opd-filter-btn{transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,background-color .2s ease!important;cursor:pointer}.btn-primary:hover,.btn-secondary:hover,.hero-search button:hover,.opd-filter-btn:hover{transform:translateY(-3px) scale(1.03)!important;box-shadow:0 10px 24px #004e4c4d!important}.btn-primary:active,.btn-secondary:active,.hero-search button:active,.opd-filter-btn:active{transform:translateY(-1px) scale(.98)!important}@keyframes revealFadeUp{0%{opacity:0;transform:translate3d(0,42px,0) scale(.97);filter:blur(4px)}to{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}}@keyframes revealFadeLeft{0%{opacity:0;transform:translate3d(-46px,0,0) scale(.97);filter:blur(4px)}to{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}}@keyframes revealFadeRight{0%{opacity:0;transform:translate3d(46px,0,0) scale(.97);filter:blur(4px)}to{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}}@keyframes revealScaleUp{0%{opacity:0;transform:scale(.9) translate3d(0,26px,0);filter:blur(4px)}to{opacity:1;transform:scale(1) translateZ(0);filter:blur(0)}}.reveal-init{opacity:0!important;transform:translate3d(0,48px,0) scale(.97)!important;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)!important;transition-delay:var(--reveal-delay, 0ms)!important;will-change:opacity,transform}.reveal-init.reveal-left{transform:translate3d(-46px,36px,0) scale(.97)!important}.reveal-init.reveal-right{transform:translate3d(46px,36px,0) scale(.97)!important}.reveal-init.reveal-scale{transform:scale(.92) translate3d(0,36px,0)!important}.reveal-init.is-revealed{opacity:1!important;transform:translateZ(0) scale(1)!important;visibility:visible!important}.profil-bento-card:hover{transform:translateY(-4px)!important}.profil-executive-card:hover{transform:translateY(-3px)!important}html.a11y-reduce-motion .reveal-init{opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important;animation:none!important;transition:none!important}.top-progress-bar{position:fixed;top:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,var(--color-gold, #c59d48) 0%,#ffd27d 40%,#00d2c4 80%,var(--color-primary, #006462) 100%);background-size:200% 100%;animation:progressGlow 1.6s ease infinite;z-index:999999;pointer-events:none;box-shadow:0 0 14px #ffd27dd9}.top-progress-bar:after{content:"";position:absolute;right:0;top:-2px;width:10px;height:7px;background:#fff;border-radius:50%;box-shadow:0 0 10px #fff,0 0 20px #ffd27d}@keyframes progressGlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pageEntrance{0%{opacity:0;transform:translate3d(0,14px,0) scale(.996)}to{opacity:1;transform:translateZ(0) scale(1)}}main#konten,main{animation:pageEntrance .55s cubic-bezier(.22,1,.36,1) both;will-change:opacity,transform}body.is-page-exiting main#konten,body.is-page-exiting main{opacity:.25!important;transform:translate3d(0,-8px,0) scale(.99)!important;transition:opacity .2s cubic-bezier(.25,1,.5,1),transform .2s cubic-bezier(.25,1,.5,1)!important;pointer-events:none}@view-transition{navigation: auto;}::view-transition-old(root){animation:.18s cubic-bezier(.25,1,.5,1) both viewFadeOut}::view-transition-new(root){animation:.32s cubic-bezier(.22,1,.36,1) 60ms both viewFadeIn}@keyframes viewFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.99) translateY(-6px)}}@keyframes viewFadeIn{0%{opacity:0;transform:scale(1.006) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.dash-container{max-width:1400px;margin:0 auto;padding:10px 16px 36px;display:flex;flex-direction:column;gap:12px;width:100%}.dash-hero-banner{position:relative;border-radius:14px;background-size:cover;background-position:right center;background-repeat:no-repeat;padding:14px 22px;color:#fff;box-shadow:0 4px 18px #0284c72e;overflow:hidden;min-height:85px;display:flex;align-items:center}.dash-hero-content{position:relative;z-index:2;display:flex;align-items:center;gap:16px}.dash-hero-logos{display:flex;align-items:center;gap:10px;flex-shrink:0}.dash-hero-logo-icon{width:44px;height:44px;border-radius:12px;background:#fff3;border:1px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dash-hero-emblem{width:36px;height:44px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}.dash-hero-text{display:flex;flex-direction:column;gap:2px}.dash-hero-title{font-size:1.15rem;font-weight:800;color:#fff;letter-spacing:-.01em;line-height:1.2;display:flex;align-items:center;gap:6px;margin:0}.dash-hero-subtitle{font-size:.78rem;font-weight:600;color:#fffffff2;margin:0}.dash-hero-desc{font-size:.7rem;color:#ffffffd1;margin:0}.dash-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dash-kpi-card{background:#fff;border:1px solid rgba(10,77,104,.1);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;text-decoration:none;box-shadow:0 2px 10px #0a4d680a;transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s ease,border-color .18s ease}html.dark .dash-kpi-card{background:#12181be0;border-color:#ffffff14;box-shadow:0 4px 16px #0000004d}.dash-kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f;border-color:var(--a-border-focus, #cbd5e1)}.dash-kpi-top{display:flex;align-items:center;gap:8px}.dash-kpi-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-kpi-icon svg{width:16px;height:16px}.dash-kpi-icon.is-blue{background:#eff6ff;color:#2563eb}.dash-kpi-icon.is-green{background:#ecfdf5;color:#059669}.dash-kpi-icon.is-amber{background:#fffbeb;color:#d97706}.dash-kpi-icon.is-purple{background:#f5f3ff;color:#7c3aed}.dash-kpi-icon.is-teal{background:#f0fdfa;color:#0d9488}.dash-kpi-icon.is-indigo{background:#eef2ff;color:#4f46e5}html.dark .dash-kpi-icon.is-blue{background:#2563eb2e;color:#60a5fa}html.dark .dash-kpi-icon.is-green{background:#0596692e;color:#34d399}html.dark .dash-kpi-icon.is-amber{background:#d977062e;color:#fbbf24}html.dark .dash-kpi-icon.is-purple{background:#7c3aed2e;color:#a78bfa}.dash-kpi-label{font-size:.76rem;font-weight:600;color:var(--a-ink-soft, #64748b)}.dash-kpi-value{font-size:1.45rem;font-weight:800;color:var(--a-ink, #0f172a);line-height:1.1;margin:6px 0 4px;letter-spacing:-.02em}.dash-kpi-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:auto}.dash-kpi-trend{display:flex;align-items:center;gap:3px;font-size:.68rem}.trend-badge.is-up{display:inline-flex;align-items:center;gap:2px;font-weight:700;color:#10b981}.trend-text{color:var(--a-ink-soft, #64748b);font-size:.68rem}.dash-kpi-sparkline{flex-shrink:0}.dash-mid-grid{display:grid;grid-template-columns:2.3fr 1.15fr 1.35fr;gap:12px}.dash-panel{background:#fff;border:1px solid rgba(10,77,104,.1);border-radius:12px;padding:14px 16px;box-shadow:0 2px 10px #0a4d680a;display:flex;flex-direction:column}html.dark .dash-panel{background:#12181be0;border-color:#ffffff14;box-shadow:0 4px 16px #0000004d}.dash-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px}.dash-panel-title{font-size:.88rem;font-weight:700;color:var(--a-ink, #0f172a);margin:0}.dash-panel-subtitle{font-size:.72rem;color:var(--a-ink-soft, #64748b);margin:1px 0 0}.dash-date-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:6px;border:1px solid var(--a-border, #e2e8f0);background:var(--a-surface-2, #f8fafc);color:var(--a-ink, #0f172a);font-size:.72rem;font-weight:600;cursor:default}html.dark .dash-date-pill{background:#ffffff0d;border-color:#ffffff1a}.dash-chart-wrapper{display:flex;gap:8px;align-items:stretch;height:155px;margin-top:2px}.dash-chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:.66rem;font-weight:600;color:var(--a-ink-soft, #94a3b8);padding-bottom:20px;text-align:right;min-width:28px}.dash-chart-stage{flex:1;display:flex;flex-direction:column;position:relative;min-width:0}.dash-area-chart-svg{width:100%;flex:1;overflow:visible}.dash-chart-x-axis{display:flex;justify-content:space-between;font-size:.66rem;font-weight:600;color:var(--a-ink-soft, #94a3b8);padding-top:4px}.dash-donut-stage{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:auto;margin-bottom:auto}.dash-donut-graphic{position:relative;display:flex;align-items:center;justify-content:center;width:105px;height:105px}.dash-donut-svg{width:105px;height:105px}.dash-donut-center{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}.donut-number{font-size:1.1rem;font-weight:800;color:var(--a-ink, #0f172a)}.donut-text{font-size:.64rem;font-weight:600;color:var(--a-ink-soft, #64748b)}.dash-donut-legend{display:flex;flex-direction:column;gap:4px;width:100%}.donut-legend-item{display:flex;align-items:center;gap:6px;font-size:.72rem;color:var(--a-ink-soft, #475569)}.legend-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.legend-name{flex:1;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legend-count{font-weight:700;color:var(--a-ink, #0f172a)}.legend-pct{font-size:.66rem;color:var(--a-ink-soft, #94a3b8)}.dash-actions-panel{padding:0;overflow:hidden}.dash-actions-banner{background:linear-gradient(135deg,#2563eb,#6366f1);padding:10px 14px;color:#fff;display:flex;align-items:center;gap:10px}.dash-actions-banner-icon{width:28px;height:28px;border-radius:8px;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-actions-banner-icon svg{width:16px;height:16px}.dash-actions-banner-text .banner-title{font-size:.88rem;font-weight:800;color:#fff;margin:0}.dash-actions-banner-text .banner-subtitle{font-size:.68rem;color:#ffffffe0;margin:0}.dash-quick-links{padding:6px 10px 10px;display:flex;flex-direction:column;gap:2px}.quick-link-row{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:8px;text-decoration:none;transition:all .15s ease}.quick-link-row:hover{background:var(--a-surface-2, #f1f5f9);transform:translate(2px)}html.dark .quick-link-row:hover{background:#ffffff0f}.quick-link-left{display:flex;align-items:center;gap:8px}.quick-link-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-link-icon svg{width:13px;height:13px}.quick-link-icon.is-blue{background:#eff6ff;color:#2563eb}.quick-link-icon.is-teal{background:#f0fdfa;color:#0d9488}.quick-link-icon.is-purple{background:#f5f3ff;color:#7c3aed}.quick-link-icon.is-amber{background:#fffbeb;color:#d97706}html.dark .quick-link-icon.is-blue{background:#2563eb2e;color:#60a5fa}html.dark .quick-link-icon.is-teal{background:#0d94882e;color:#2dd4bf}html.dark .quick-link-icon.is-purple{background:#7c3aed2e;color:#a78bfa}html.dark .quick-link-icon.is-amber{background:#d977062e;color:#fbbf24}.quick-link-title{font-size:.76rem;font-weight:600;color:var(--a-ink, #1e293b)}.quick-link-arrow{color:var(--a-ink-soft, #94a3b8);transition:transform .15s ease;width:14px;height:14px}.quick-link-row:hover .quick-link-arrow{transform:translate(2px);color:var(--a-ink, #0f172a)}.dash-bot-grid{display:grid;grid-template-columns:2.3fr 1.1fr;gap:12px}.dash-panel-title-with-icon{display:flex;align-items:center;gap:8px}.dash-panel-icon{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-panel-icon svg{width:14px;height:14px}.dash-panel-icon.is-blue{background:#eff6ff;color:#2563eb}.dash-panel-icon.is-indigo{background:#eef2ff;color:#4f46e5}html.dark .dash-panel-icon.is-blue{background:#2563eb2e;color:#60a5fa}html.dark .dash-panel-icon.is-indigo{background:#6366f12e;color:#818cf8}.dash-link-action{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;color:#2563eb;text-decoration:none;transition:gap .15s ease}.dash-link-action:hover{gap:6px}.dash-activity-list{display:flex;flex-direction:column;gap:6px}.dash-activity-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:var(--a-surface-2, #f8fafc);border:1px solid var(--a-border, #f1f5f9);transition:all .15s ease}html.dark .dash-activity-item{background:#ffffff08;border-color:#ffffff0f}.dash-activity-icon{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-activity-icon svg{width:14px;height:14px}.dash-activity-icon.is-blue{background:#eff6ff;color:#2563eb}.dash-activity-icon.is-green{background:#ecfdf5;color:#059669}.dash-activity-icon.is-amber{background:#fffbeb;color:#d97706}.dash-activity-icon.is-purple{background:#f5f3ff;color:#7c3aed}html.dark .dash-activity-icon.is-blue{background:#2563eb2e;color:#60a5fa}html.dark .dash-activity-icon.is-green{background:#0596692e;color:#34d399}html.dark .dash-activity-icon.is-amber{background:#d977062e;color:#fbbf24}html.dark .dash-activity-icon.is-purple{background:#7c3aed2e;color:#a78bfa}.dash-activity-content{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.activity-title{font-size:.78rem;font-weight:700;color:var(--a-ink, #0f172a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-desc{font-size:.7rem;color:var(--a-ink-soft, #64748b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-activity-time{font-size:.68rem;font-weight:500;color:var(--a-ink-soft, #94a3b8);flex-shrink:0;white-space:nowrap}.dash-side-col{display:flex;flex-direction:column;gap:12px}.dash-system-table{display:flex;flex-direction:column;gap:4px;margin:4px 0 8px}.system-row{display:flex;justify-content:space-between;font-size:.74rem;padding:3px 0;border-bottom:1px dashed var(--a-border, #f1f5f9)}html.dark .system-row{border-bottom-color:#ffffff14}.system-key{color:var(--a-ink-soft, #64748b);font-weight:500}.system-val{color:var(--a-ink, #0f172a);font-weight:700}.dash-system-status{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:6px;background:#10b9811a;color:#059669;font-size:.72rem;font-weight:700}.status-indicator-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981}.dash-quote-banner{border-radius:12px;background-size:cover;background-position:center;padding:12px 14px;color:#fff;position:relative;overflow:hidden;min-height:65px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 3px 10px #0000001a}.dash-quote-icon{font-size:1.6rem;line-height:.7;opacity:.55;font-family:Georgia,serif;font-weight:700}.dash-quote-text{font-size:.74rem;font-style:italic;font-weight:500;line-height:1.35;margin-top:3px;color:#fffffff2}@media (max-width: 1200px){.dash-kpi-grid{grid-template-columns:repeat(2,1fr)}.dash-mid-grid,.dash-bot-grid{grid-template-columns:1fr}}@media (max-width: 640px){.dash-kpi-grid{grid-template-columns:1fr}.dash-hero-banner{padding:14px}.dash-hero-content{flex-direction:column;align-items:flex-start;gap:10px}.dash-hero-title{font-size:1.05rem}.dash-container{padding:8px 10px 32px}}.admin-tab-nav-card{background:var(--a-surface, #ffffff);border:1px solid var(--a-border, #e2e8f0);border-radius:14px;padding:6px;box-shadow:0 2px 8px #00000006;margin-bottom:16px}html.dark .admin-tab-nav-card{background:#12181be0;border-color:#ffffff14}.admin-tab-nav-inner{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.admin-tab-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:10px;font-size:.82rem;font-weight:600;text-decoration:none;color:var(--a-ink-soft, #64748b);transition:all .15s cubic-bezier(.16,1,.3,1);background:transparent}.admin-tab-pill:hover{color:var(--a-ink, #0f172a);background:var(--a-surface-2, #f1f5f9)}html.dark .admin-tab-pill:hover{background:#ffffff0f;color:#fff}.admin-tab-pill.is-active{background:var(--a-accent, #006462);color:#fff;box-shadow:0 4px 12px #00646240}.admin-form-flow{display:flex;flex-direction:column;gap:16px}.admin-form-section-card{background:var(--a-surface, #ffffff);border:1px solid var(--a-border, #e2e8f0);border-radius:14px;padding:20px 22px;box-shadow:0 2px 8px #00000006;display:flex;flex-direction:column;gap:16px}html.dark .admin-form-section-card{background:#12181be0;border-color:#ffffff14}.admin-form-section-header{display:flex;align-items:flex-start;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--a-border, #f1f5f9)}html.dark .admin-form-section-header{border-bottom-color:#ffffff0f}.admin-form-section-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-form-section-icon.is-blue{background:#eff6ff;color:#2563eb}.admin-form-section-icon.is-emerald{background:#ecfdf5;color:#059669}.admin-form-section-icon.is-purple{background:#f5f3ff;color:#7c3aed}html.dark .admin-form-section-icon.is-blue{background:#2563eb33;color:#60a5fa}html.dark .admin-form-section-icon.is-emerald{background:#05966933;color:#34d399}html.dark .admin-form-section-icon.is-purple{background:#7c3aed33;color:#a78bfa}.admin-form-section-title{font-size:.96rem;font-weight:700;color:var(--a-ink, #0f172a);margin:0;line-height:1.25}.admin-form-section-desc{font-size:.74rem;color:var(--a-ink-soft, #64748b);margin:2px 0 0}.admin-form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 768px){.admin-form-grid-2{grid-template-columns:1fr}}.admin-form-field{display:flex;flex-direction:column;gap:6px}.admin-form-label{display:flex;align-items:center;gap:4px;font-size:.78rem;font-weight:600;color:var(--a-ink, #1e293b)}.label-req{color:#ef4444;font-weight:700}.admin-form-input,.admin-form-textarea{width:100%;padding:9px 12px;border-radius:8px;border:1px solid var(--a-border, #cbd5e1);background:var(--a-surface-2, #f8fafc);color:var(--a-ink, #0f172a);font-size:.82rem;font-family:inherit;transition:all .15s ease;outline:none}.admin-form-input:focus,.admin-form-textarea:focus{background:var(--a-surface, #ffffff);border-color:var(--a-accent, #006462);box-shadow:0 0 0 3px var(--a-accent-soft, rgba(0, 100, 98, .15))}html.dark .admin-form-input,html.dark .admin-form-textarea{background:#ffffff0a;border-color:#ffffff24;color:#fff}html.dark .admin-form-input:focus,html.dark .admin-form-textarea:focus{background:#ffffff14;border-color:#2dd4bf;box-shadow:0 0 0 3px #2dd4bf33}.admin-form-input.is-invalid,.admin-form-textarea.is-invalid{border-color:#ef4444!important;background:#ef444408}.admin-form-textarea{line-height:1.5;resize:vertical}.admin-field-hint{font-size:.7rem;color:var(--a-ink-soft, #64748b);line-height:1.3}.admin-field-error{font-size:.72rem;font-weight:600;color:#ef4444;margin:2px 0 0}.admin-photo-upload-box{display:flex;align-items:center;gap:16px;padding:12px 14px;border-radius:12px;background:var(--a-surface-2, #f8fafc);border:1px dashed var(--a-border, #cbd5e1)}html.dark .admin-photo-upload-box{background:#ffffff08;border-color:#ffffff1f}.admin-photo-preview-wrap{width:80px;height:96px;border-radius:10px;overflow:hidden;background:var(--a-surface, #ffffff);border:1px solid var(--a-border, #e2e8f0);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #0000000f}.admin-photo-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.admin-photo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--a-ink-soft, #94a3b8);font-size:.68rem;font-weight:500;text-align:center;padding:6px}.admin-photo-controls{display:flex;flex-direction:column;gap:8px;flex:1}.admin-file-dropzone{display:flex;flex-direction:column;gap:4px}.admin-file-input{display:none}.admin-file-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;background:var(--a-surface, #ffffff);border:1px solid var(--a-border, #cbd5e1);color:var(--a-ink, #1e293b);font-size:.78rem;font-weight:600;cursor:pointer;width:-moz-fit-content;width:fit-content;transition:all .15s ease}.admin-file-btn:hover{background:var(--a-surface-2, #f1f5f9);border-color:var(--a-ink-soft, #94a3b8)}html.dark .admin-file-btn{background:#ffffff14;border-color:#ffffff2e;color:#fff}.admin-file-hint{font-size:.7rem;color:var(--a-ink-soft, #64748b)}.admin-checkbox-label{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.admin-checkbox-label.is-danger{color:#ef4444;font-weight:500}.admin-checkbox-label.is-danger input[type=checkbox]{accent-color:#ef4444}.admin-checkbox input[type=checkbox],input[type=checkbox].admin-checkbox{width:16px;height:16px;accent-color:var(--a-accent, #006462);cursor:pointer;flex-shrink:0;margin:0}.admin-form-footer-bar{position:sticky;bottom:12px;z-index:50;background:var(--a-surface, #ffffff);border:1px solid var(--a-border, #e2e8f0);border-radius:12px;padding:12px 18px;box-shadow:0 8px 24px #00000014;display:flex;align-items:center;justify-content:space-between;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);gap:12px}html.dark .admin-form-footer-bar{background:#12181beb;border-color:#ffffff1f}.footer-bar-info{display:flex;align-items:center;gap:6px;font-size:.74rem;color:var(--a-ink-soft, #64748b)}.footer-bar-actions{display:flex;align-items:center;gap:8px}.admin-sub-section-box{background:var(--a-surface-2, #f8fafc);border:1px solid var(--a-border, #f1f5f9);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}html.dark .admin-sub-section-box{background:#ffffff08;border-color:#ffffff14}.admin-sub-section-head{margin-bottom:2px}.admin-sub-badge{display:inline-flex;padding:4px 12px;border-radius:8px;font-size:.75rem;font-weight:700;letter-spacing:.02em}.admin-sub-badge.is-blue{background:#eff6ff;color:#2563eb}html.dark .admin-sub-badge.is-blue{background:#2563eb33;color:#93c5fd}.admin-sub-badge.is-emerald{background:#ecfdf5;color:#059669}html.dark .admin-sub-badge.is-emerald{background:#05966933;color:#6ee7b7}.admin-sub-badge.is-purple{background:#f5f3ff;color:#7c3aed}html.dark .admin-sub-badge.is-purple{background:#7c3aed33;color:#c4b5fd}.admin-sub-badge.is-amber{background:#fffbeb;color:#d97706}html.dark .admin-sub-badge.is-amber{background:#d9770633;color:#fcd34d}.admin-bagan-preview-wrap{max-width:180px;max-height:120px;border-radius:8px;border:1px solid var(--a-border, #e2e8f0);overflow:hidden;background:var(--a-surface, #ffffff);display:flex;align-items:center;justify-content:center;flex-shrink:0}html.dark .admin-bagan-preview-wrap{background:#ffffff0d;border-color:#ffffff1f}.admin-bagan-img{width:100%;height:auto;max-height:120px;-o-object-fit:contain;object-fit:contain;display:block}.admin-bagan-preview-wrap.is-empty{width:140px;height:90px;flex-direction:column;gap:4px;color:var(--a-ink-soft, #94a3b8);font-size:.68rem;font-weight:500;text-align:center;padding:6px}.section-digital-access{background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-surface) 50%,var(--color-bg) 100%);position:relative;padding:70px 0}.digital-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:36px}.digital-stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md, 20px);padding:24px;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.digital-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-gold)}.digital-stat-icon-wrap{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.digital-stat-body{flex:1}.digital-stat-number{font-size:2.2rem;font-weight:900;line-height:1.1;color:var(--color-ink);letter-spacing:-.02em;margin-bottom:6px}.digital-stat-label{display:block;font-size:.95rem;font-weight:700;color:var(--color-ink);margin-bottom:4px}.digital-stat-sub{font-size:.8rem;color:var(--color-ink-soft);line-height:1.45;margin:0}.digital-stat-bar{width:100%;height:5px;background:#0000000f;border-radius:999px;margin-top:18px;overflow:hidden}html.dark .digital-stat-bar{background:#ffffff1a}.digital-stat-bar-fill{height:100%;border-radius:999px}.digital-explorer-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg, 28px);padding:28px;box-shadow:var(--shadow-md)}.explorer-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;align-items:stretch}@media (max-width: 960px){.explorer-grid{grid-template-columns:1fr}}.explorer-map-box{background:var(--color-surface-alt, #f0eae1);border:1px solid var(--color-border);border-radius:var(--radius-md, 20px);padding:20px;display:flex;flex-direction:column}html.dark .explorer-map-box{background:#00000040}.map-box-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.map-live-dot{width:9px;height:9px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px #10b98140;animation:livePulse 2s infinite ease-in-out}@keyframes livePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.6}}.map-badge-status{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 10px;border-radius:999px;background:#10b9811f;color:#10b981}.solsel-vector-map-wrap{width:100%;position:relative;flex:1;min-height:240px;display:flex;align-items:center;justify-content:center}.solsel-vector-map-svg{width:100%;height:100%;max-height:270px;display:block}.map-node{cursor:pointer}.map-node .map-node-hit{cursor:pointer;pointer-events:all}.map-node .map-node-core{transition:r .22s cubic-bezier(.34,1.56,.64,1),stroke .2s ease,filter .2s ease;stroke:#ffffffb3;stroke-width:1.5px}.map-node:hover .map-node-core{r:8.5;stroke:#fff;stroke-width:2.5px;filter:drop-shadow(0 0 8px rgba(0,100,98,.65))}.map-node:hover .map-node-core.main-node{r:11;stroke:#fff;stroke-width:2.5px;filter:drop-shadow(0 0 10px rgba(197,157,72,.8))}.map-node.active .map-node-core{r:8.5;stroke:#fff;stroke-width:2.5px;filter:drop-shadow(0 0 8px rgba(197,157,72,.85))}.map-node.active .map-node-core.main-node{r:11;stroke:#fff;stroke-width:3px;filter:drop-shadow(0 0 12px rgba(197,157,72,.95))}.map-node text.map-node-label{font-size:10px;font-weight:700;fill:var(--color-ink);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;transition:fill .2s ease,font-weight .2s ease}.map-node:hover text.map-node-label,.map-node.active text.map-node-label{fill:var(--color-gold)}.map-node text.map-node-label.main{font-size:11px;font-weight:900;fill:var(--color-gold)}.pulse-ring{animation:radarRipple 2.6s infinite cubic-bezier(.2,.6,.4,1);transform-origin:center;pointer-events:none}.pulse-ring.gold{animation:radarRipple 2.2s infinite cubic-bezier(.2,.6,.4,1);pointer-events:none}@keyframes radarRipple{0%{r:6;opacity:.9}to{r:24;opacity:0}}.map-box-footer{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px dashed var(--color-border);font-size:.74rem;color:var(--color-ink-soft)}.map-legend-item{display:flex;align-items:center;gap:6px}.legend-color-dot{width:8px;height:8px;border-radius:50%}.explorer-detail-box{display:flex;flex-direction:column}.kecamatan-pill-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.kec-pill-btn{padding:7px 14px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink);font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s ease}.kec-pill-btn:hover{border-color:var(--color-gold);color:var(--color-gold)}.kec-pill-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 4px 12px #00646240}html.dark .kec-pill-btn.active{background:var(--color-gold);border-color:var(--color-gold);color:#0b1a20}.kecamatan-active-card{background:var(--color-surface-alt, #f7f1e6);border:1px solid var(--color-border);border-radius:var(--radius-md, 20px);padding:22px;flex:1;display:flex;flex-direction:column}html.dark .kecamatan-active-card{background:#ffffff0a}.kec-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.kec-card-title{font-size:1.15rem;font-weight:800;color:var(--color-ink);margin:0 0 4px}.kec-card-desc{font-size:.82rem;color:var(--color-ink-soft);margin:0;line-height:1.5}.kec-online-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#10b9811f;color:#10b981;font-size:.72rem;font-weight:800;white-space:nowrap}.kec-dot{width:6px;height:6px;border-radius:50%;background:#10b981}.kec-metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px;padding:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}@media (max-width: 540px){.kec-metrics-row{grid-template-columns:repeat(2,1fr)}}.kec-metric{text-align:center}.kec-metric-val{display:block;font-size:.95rem;font-weight:800;color:var(--color-primary);margin-bottom:2px}.kec-metric-lbl{font-size:.68rem;color:var(--color-ink-soft);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.kec-hotspots-box{margin-bottom:20px}.kec-hotspot-tags{display:flex;flex-wrap:wrap;gap:7px}.hotspot-tag{font-size:.74rem;font-weight:600;padding:4px 10px;border-radius:6px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-ink)}.kec-card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}.section-faq{padding:70px 0;background:var(--color-bg)}.faq-layout-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:flex-start}@media (max-width: 960px){.faq-layout-grid{grid-template-columns:1fr}}.faq-accordion-list{display:flex;flex-direction:column;gap:14px}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;overflow:hidden;transition:all .24s ease;box-shadow:var(--shadow-sm)}.faq-item.is-open{border-color:var(--color-gold);box-shadow:0 6px 20px #00646214}.faq-question-btn{width:100%;padding:18px 20px;display:flex;align-items:center;gap:14px;background:none;border:none;cursor:pointer;text-align:left;transition:background .2s ease}.faq-question-btn:hover{background:#00646208}.faq-category-badge{font-size:.68rem;font-weight:800;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;flex-shrink:0}.faq-question-text{flex:1;font-size:.95rem;font-weight:700;color:var(--color-ink);line-height:1.4}.faq-icon{width:32px;height:32px;border-radius:50%;background:var(--color-surface-alt, #e8dfd3);display:flex;align-items:center;justify-content:center;color:var(--color-ink);flex-shrink:0;transition:transform .28s ease,background .28s ease,color .28s ease}.faq-item.is-open .faq-icon{transform:rotate(180deg);background:var(--color-gold);color:#fff}.faq-answer-panel{display:none;border-top:1px solid var(--color-border);background:#ffffff4d}html.dark .faq-answer-panel{background:#00000026}.faq-answer-inner{padding:18px 22px 22px;font-size:.9rem;color:var(--color-ink);line-height:1.65}.faq-helpdesk-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md, 20px);padding:30px 26px;box-shadow:var(--shadow-md);position:sticky;top:96px}.helpdesk-icon-bubble{width:60px;height:60px;border-radius:18px;background:#c59d4826;color:var(--color-gold);display:flex;align-items:center;justify-content:center}.helpdesk-contact-list{display:flex;flex-direction:column;gap:14px}.helpdesk-contact-item{display:flex;align-items:center;gap:12px}.hc-icon{width:36px;height:36px;border-radius:10px;background:#00646214;color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.hc-label{display:block;font-size:.72rem;color:var(--color-ink-soft);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.hc-val{display:block;font-size:.88rem;color:var(--color-ink)}.section-bidang-bento{background:linear-gradient(180deg,var(--color-bg) 0%,rgba(0,100,98,.02) 50%,var(--color-bg) 100%);position:relative;padding:70px 0}.bidang-bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:stretch}.bidang-bento-card{background:var(--color-surface, #ffffff);border:1.5px solid var(--color-border);border-radius:var(--radius-lg, 20px);padding:24px 22px 20px;box-shadow:0 6px 22px #004e4c0d,0 2px 8px #00000005;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:transform .32s cubic-bezier(.34,1.56,.64,1),box-shadow .32s ease,border-color .28s ease}.bidang-bento-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-gold));opacity:.8;transition:height .25s ease,opacity .25s ease}.bidang-bento-card:hover{transform:translateY(-8px);box-shadow:0 20px 48px #004e4c1f,0 4px 16px #0000000a;border-color:var(--color-gold)}.bidang-bento-card:hover:before{height:6px;opacity:1}.bidang-bento-card.card-aptika:before{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-dk))}.bidang-bento-card.card-ikp:before{background:linear-gradient(90deg,var(--color-primary),var(--color-gold))}.bidang-bento-card.card-stat-sandi:before{background:linear-gradient(90deg,var(--color-gold),var(--color-primary))}.bidang-bento-card:hover{border-color:var(--color-gold);box-shadow:0 16px 42px rgba(var(--color-primary-rgb),.15),0 4px 14px #0000000a}html.dark .bidang-bento-card:hover{border-color:var(--color-gold);box-shadow:0 16px 42px #00000080,0 0 16px rgba(var(--color-gold-rgb),.2)}.bidang-bento-watermark{position:absolute;top:18px;right:22px;font-size:3.5rem;font-weight:900;line-height:1;letter-spacing:-.04em;color:var(--color-gold);opacity:.12;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:var(--font-display, inherit);transition:opacity .3s ease,transform .3s ease}.bidang-bento-card:hover .bidang-bento-watermark{opacity:.22;transform:scale(1.08) translateY(-2px)}.bidang-bento-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;position:relative;z-index:1}.bidang-bento-icon-wrap{width:48px;height:48px;border-radius:14px;background:rgba(var(--color-primary-rgb),.08);border:1px solid rgba(var(--color-primary-rgb),.2);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.08);transition:all .28s ease}.bidang-bento-card:hover .bidang-bento-icon-wrap{background:var(--color-primary);color:#fff;transform:scale(1.08) rotate(-4deg);box-shadow:0 8px 20px rgba(var(--color-primary-rgb),.25);border-color:var(--color-primary)}html.dark .bidang-bento-icon-wrap{background:rgba(var(--color-primary-rgb),.2);border-color:rgba(var(--color-primary-rgb),.35);color:var(--color-gold)}html.dark .bidang-bento-card:hover .bidang-bento-icon-wrap{background:var(--color-gold);color:#032b29;border-color:var(--color-gold);box-shadow:0 8px 20px rgba(var(--color-gold-rgb),.35)}.bidang-bento-pill{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:3px 10px;border-radius:999px;background:rgba(var(--color-gold-rgb),.12);color:var(--color-gold);border:1px solid rgba(var(--color-gold-rgb),.3)}html.dark .bidang-bento-pill{background:rgba(var(--color-gold-rgb),.18);color:var(--color-gold);border-color:rgba(var(--color-gold-rgb),.35)}.bidang-bento-title-box{margin-bottom:10px;position:relative;z-index:1}.bidang-bento-title{font-size:1.22rem;font-weight:900;color:var(--color-ink);margin:0 0 3px;line-height:1.25;letter-spacing:-.01em}.bidang-bento-subtitle{font-size:.78rem;color:var(--color-gold);font-weight:700;margin:0;text-transform:uppercase;letter-spacing:.04em}.bidang-bento-desc{font-size:.84rem;line-height:1.55;color:var(--color-ink);opacity:.88;margin:0 0 14px;text-align:justify;position:relative;z-index:1}.bidang-bento-divider{width:100%;height:1px;background:linear-gradient(90deg,var(--color-border),rgba(197,157,72,.4),transparent);margin-bottom:12px}.bidang-bento-focus-head{display:flex;align-items:center;gap:7px;font-size:.76rem;font-weight:800;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.bidang-bento-focus-head svg{color:var(--color-gold);flex-shrink:0}.bidang-bento-focus-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;flex:1}.bidang-focus-item{display:flex;align-items:flex-start;gap:8px;background:var(--color-surface-alt, rgba(0, 0, 0, .02));border:1px solid var(--color-border);border-radius:10px;padding:8px 10px;transition:all .22s ease}.bidang-focus-item:hover{background:#0064620a;border-color:#00646233;transform:translate(3px)}.focus-bullet{width:6px;height:6px;border-radius:50%;background:var(--color-gold);margin-top:5px;flex-shrink:0;box-shadow:0 0 6px #c59d4899}.bidang-focus-item strong{display:block;font-size:.8rem;font-weight:800;color:var(--color-ink);line-height:1.35;margin-bottom:2px}.bidang-focus-item p{font-size:.74rem;color:var(--color-ink-soft);line-height:1.4;margin:0}.bidang-bento-footer{padding-top:12px;border-top:1px solid var(--color-border);margin-top:auto}.bidang-bento-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;border-radius:10px;font-size:.8rem;font-weight:800;text-decoration:none;background:#0064620f;color:var(--color-primary);border:1px solid rgba(0,100,98,.18);transition:all .25s ease}.bidang-bento-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 4px 14px #00646240;transform:translateY(-2px)}.bidang-bento-btn svg{transition:transform .2s ease}.bidang-bento-btn:hover svg{transform:translate(3px)}.bidang-bento-bottom-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:40px;padding-top:24px;border-top:1px dashed var(--color-border)}@media (max-width: 1080px){.bidang-bento-grid{grid-template-columns:repeat(2,1fr);gap:22px}.bidang-bento-card:last-child{grid-column:span 2}}@media (max-width: 720px){.bidang-bento-grid{grid-template-columns:1fr;gap:20px}.bidang-bento-card:last-child{grid-column:span 1}.bidang-bento-card{padding:24px 20px 20px}.bidang-bento-bottom-actions{flex-direction:column;width:100%}.bidang-bento-bottom-actions a{width:100%;justify-content:center}}html.dark .bidang-bento-card{background:#151e29;border-color:#2a3746;box-shadow:0 12px 36px #00000059}html.dark .bidang-focus-item{background:#ffffff0a;border-color:#ffffff14}html.dark .bidang-focus-item:hover{background:#c59d4814;border-color:#c59d4840}html.dark .bidang-bento-btn{background:#c59d481f;color:var(--color-gold);border-color:#c59d4840}html.dark .bidang-bento-btn:hover{background:var(--color-gold);color:#0b1a20;border-color:var(--color-gold)}html.a11y-font-medium{font-size:112%!important}html.a11y-font-large{font-size:125%!important}html.a11y-font-xlarge{font-size:140%!important}html.a11y-high-contrast-dark{background-color:#000!important;color:#ff0!important}html.a11y-high-contrast-dark body,html.a11y-high-contrast-dark main,html.a11y-high-contrast-dark .site-header,html.a11y-high-contrast-dark .site-footer,html.a11y-high-contrast-dark .section,html.a11y-high-contrast-dark .hero,html.a11y-high-contrast-dark .sambutan-card,html.a11y-high-contrast-dark .bidang-bento-card,html.a11y-high-contrast-dark .inovasi-showcase-panel,html.a11y-high-contrast-dark .digital-stat-card,html.a11y-high-contrast-dark .berita-card,html.a11y-high-contrast-dark .faq-item,html.a11y-high-contrast-dark .faq-helpdesk-card,html.a11y-high-contrast-dark .digital-explorer-panel,html.a11y-high-contrast-dark .skm-banner-card{background-color:#000!important;color:#ff0!important;border-color:#ff0!important;box-shadow:none!important}html.a11y-high-contrast-dark h1,html.a11y-high-contrast-dark h2,html.a11y-high-contrast-dark h3,html.a11y-high-contrast-dark h4,html.a11y-high-contrast-dark strong,html.a11y-high-contrast-dark .eyebrow,html.a11y-high-contrast-dark .ticker-item{color:#fff!important}html.a11y-high-contrast-dark p,html.a11y-high-contrast-dark span,html.a11y-high-contrast-dark li,html.a11y-high-contrast-dark small{color:#ff0!important}html.a11y-high-contrast-dark a,html.a11y-high-contrast-dark button{color:#0ff!important;border-color:#0ff!important}html.a11y-high-contrast-dark .btn-primary,html.a11y-high-contrast-dark .btn-secondary{background:#000!important;color:#0ff!important;border:2px solid #00ffff!important}html.a11y-high-contrast-light{background-color:#fff!important;color:#000!important}html.a11y-high-contrast-light body,html.a11y-high-contrast-light main,html.a11y-high-contrast-light .site-header,html.a11y-high-contrast-light .site-footer,html.a11y-high-contrast-light .section,html.a11y-high-contrast-light .hero,html.a11y-high-contrast-light .sambutan-card,html.a11y-high-contrast-light .bidang-bento-card,html.a11y-high-contrast-light .inovasi-showcase-panel,html.a11y-high-contrast-light .digital-stat-card,html.a11y-high-contrast-light .berita-card,html.a11y-high-contrast-light .faq-item,html.a11y-high-contrast-light .faq-helpdesk-card,html.a11y-high-contrast-light .digital-explorer-panel,html.a11y-high-contrast-light .skm-banner-card{background-color:#fff!important;color:#000!important;border-color:#000!important;box-shadow:none!important}html.a11y-high-contrast-light h1,html.a11y-high-contrast-light h2,html.a11y-high-contrast-light h3,html.a11y-high-contrast-light h4,html.a11y-high-contrast-light strong,html.a11y-high-contrast-light p,html.a11y-high-contrast-light span,html.a11y-high-contrast-light li{color:#000!important}html.a11y-high-contrast-light a{color:#00e!important;text-decoration:underline!important}html.a11y-grayscale{filter:grayscale(100%)!important}html.a11y-invert{filter:invert(100%) hue-rotate(180deg)!important}html.a11y-invert img,html.a11y-invert video,html.a11y-invert iframe,html.a11y-invert [style*=background-image]{filter:invert(100%) hue-rotate(180deg)!important}html.a11y-dyslexic *{font-family:Arial,Trebuchet MS,Comic Sans MS,sans-serif!important;letter-spacing:.05em!important;line-height:1.8!important;word-spacing:.08em!important}html.a11y-underline-links a{-webkit-text-decoration:underline 2px!important;text-decoration:underline 2px!important;text-underline-offset:3px!important}html.a11y-large-cursor,html.a11y-large-cursor *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' fill='%23006462' stroke='%23ffffff' stroke-width='2'%3E%3Cpolygon points='3 3 3 21 8.5 16 13 23 16 21 11.5 14 18 14 3 3'/%3E%3C/svg%3E"),auto!important}html.a11y-reduce-motion,html.a11y-reduce-motion *:not(.welcome-curtain):not(.welcome-curtain *):not(.cloud-layer){animation:none!important;transition:none!important;scroll-behavior:auto!important}.a11y-widget-root{position:relative;z-index:99999;pointer-events:none}.a11y-trigger-btn{position:fixed;bottom:86px;right:22px;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary, #006462) 0%,var(--color-primary-dk, #004e4c) 100%);color:#fff;border:2px solid var(--color-gold, #c59d48);box-shadow:0 8px 24px #004e4c59,0 2px 8px #00000026;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:99999;pointer-events:auto;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .28s ease,background .2s ease}.a11y-trigger-btn:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 32px #004e4c73;background:var(--color-gold, #c59d48);color:#003d3c}.a11y-trigger-btn:focus-visible{outline:3px solid var(--color-gold);outline-offset:3px}.a11y-trigger-tooltip{position:absolute;right:62px;background:#003d3c;color:#fff;font-size:.76rem;font-weight:700;padding:5px 12px;border-radius:6px;white-space:nowrap;opacity:0;transform:translate(8px);pointer-events:none;transition:all .2s ease;border:1px solid rgba(197,157,72,.4);box-shadow:0 4px 12px #0003}.a11y-trigger-btn:hover .a11y-trigger-tooltip{opacity:1;transform:translate(0)}.a11y-panel{position:fixed;bottom:148px;right:22px;width:380px;max-width:calc(100vw - 36px);max-height:calc(100vh - 180px);background:var(--color-surface, #ffffff);border:1.5px solid var(--color-border);border-radius:20px;box-shadow:0 20px 50px #00000038,0 4px 16px #004e4c14;display:none;flex-direction:column;z-index:99999;overflow:hidden;transform:translateY(20px) scale(.96);opacity:0;visibility:hidden;pointer-events:none;transition:transform .24s cubic-bezier(.16,1,.3,1),opacity .24s ease,visibility .24s ease}.a11y-panel.is-open{display:flex;transform:translateY(0) scale(1);opacity:1;visibility:visible;pointer-events:auto}.a11y-panel-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:linear-gradient(135deg,var(--color-primary-dk, #004e4c) 0%,var(--color-primary, #006462) 100%);color:#fff;border-bottom:2px solid var(--color-gold)}.a11y-panel-title-wrap{display:flex;align-items:center;gap:12px}.a11y-header-badge{width:36px;height:36px;border-radius:10px;background:#c59d4833;color:var(--color-gold);display:flex;align-items:center;justify-content:center;border:1px solid rgba(197,157,72,.35)}.a11y-panel-title{font-size:1.05rem;font-weight:800;color:#fff;margin:0;line-height:1.2}.a11y-panel-subtitle{font-size:.74rem;color:#fffc;margin:2px 0 0}.a11y-close-btn{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff;width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.a11y-close-btn:hover{background:#e11d48;border-color:#e11d48;color:#fff;transform:scale(1.05)}.a11y-panel-body{padding:18px 20px;overflow-y:auto;max-height:calc(100vh - 280px);display:flex;flex-direction:column;gap:18px}.a11y-control-group{display:flex;flex-direction:column;gap:10px}.a11y-group-label{display:flex;align-items:center;gap:7px;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--color-ink)}.a11y-group-label svg{color:var(--color-gold);flex-shrink:0}.a11y-btn-grid{display:grid;gap:8px}.a11y-btn-grid.four-col{grid-template-columns:repeat(4,1fr)}.a11y-btn-grid.two-col{grid-template-columns:repeat(2,1fr)}.a11y-opt-btn{background:var(--color-surface-alt, rgba(0, 0, 0, .03));border:1px solid var(--color-border);border-radius:12px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;color:var(--color-ink);transition:all .2s ease;text-align:center}.a11y-opt-btn:hover{border-color:var(--color-primary);background:#0064620d;transform:translateY(-2px)}.a11y-opt-btn.is-active{background:var(--color-primary, #006462);border-color:var(--color-primary, #006462);color:#fff;box-shadow:0 4px 12px #00646240}.a11y-opt-btn.is-active small,.a11y-opt-btn.is-active .a11y-btn-text small{color:#ffffffd9}.a11y-opt-btn.toggle-btn{flex-direction:row;align-items:center;justify-content:flex-start;padding:9px 10px;gap:8px;text-align:left}.a11y-btn-text{display:flex;flex-direction:column;min-width:0}.a11y-btn-text strong{font-size:.78rem;line-height:1.25;font-weight:700}.a11y-btn-text small{font-size:.68rem;color:var(--color-ink-soft);line-height:1.2}.a11y-badge-preview{width:28px;height:28px;border-radius:7px;background:#00646214;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;flex-shrink:0}.a11y-badge-preview.dark-contrast{background:#000;color:#ff0;border-color:#ff0}.a11y-badge-preview.light-contrast{background:#fff;color:#000;border-color:#000}.a11y-badge-preview.grayscale-contrast{background:#64748b;color:#fff}.a11y-badge-preview.invert-contrast{background:#475569;color:gold}.a11y-badge-preview.a11y-flag-icon{font-size:1.15rem;line-height:1;background:#0000000a;border-color:var(--color-border)}.a11y-opt-btn.is-active .a11y-badge-preview.a11y-flag-icon{background:#fff3;border-color:#fff6}.goog-te-banner-frame.skiptranslate,.goog-te-banner-frame,iframe.goog-te-banner-frame,body>.skiptranslate:not(.a11y-widget-root),.VIpgJd-ZVi9od-aZ2wEe-wOHMyf,.VIpgJd-ZVi9od-xl07Ob-OEVmcd,.VIpgJd-yAWNEb-L7lbkb{display:none!important;visibility:hidden!important;height:0!important;width:0!important;opacity:0!important;pointer-events:none!important}body{top:0!important;position:static!important}#goog-gt-tt,.goog-te-balloon-frame{display:none!important;visibility:hidden!important}.goog-text-highlight{background:none!important;box-shadow:none!important;border:none!important}#google_translate_element,.a11y-google-translate-container{position:fixed!important;left:-9999px!important;top:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important;z-index:-9999!important}.a11y-panel-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--color-surface-alt, rgba(0,0,0,.02));border-top:1px solid var(--color-border)}.a11y-reset-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid var(--color-border);padding:6px 14px;border-radius:8px;font-size:.76rem;font-weight:700;color:var(--color-ink-soft);cursor:pointer;transition:all .2s ease}.a11y-reset-btn:hover{background:#f43f5e;border-color:#f43f5e;color:#fff}.a11y-compliance-pill{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:6px;background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.25)}@media (max-width: 600px){.a11y-trigger-btn{bottom:74px;right:14px;width:46px;height:46px}.a11y-panel{bottom:128px;right:12px;left:12px;width:auto}.a11y-btn-grid.two-col{grid-template-columns:1fr}}.admin-mobile-floating-toggle{display:none}@media (max-width: 768px){.admin-mobile-floating-toggle{display:flex;align-items:center;justify-content:center;position:fixed;bottom:24px;left:20px;z-index:85;width:48px;height:48px;border-radius:50%;background:var(--color-primary, #006462);color:#fff;box-shadow:0 10px 28px #00000059;border:1px solid rgba(255,255,255,.25);cursor:pointer;transition:transform .22s ease,box-shadow .22s ease}.admin-mobile-floating-toggle:hover{transform:scale(1.08);box-shadow:0 12px 32px #00000073}.admin-sidebar.is-open~.admin-mobile-floating-toggle{display:none!important}}.sidebar-floating-tooltip{position:fixed;z-index:99999;background:#0f172a;color:#fff;font-size:.78rem;font-weight:600;padding:7px 13px;border-radius:8px;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(-50%);box-shadow:0 8px 24px #0006,0 0 0 1px #ffffff26;transition:opacity .15s ease,visibility .15s ease}html.dark .sidebar-floating-tooltip{background:#1e293b;color:#f8fafc;box-shadow:0 8px 24px #000000b3,0 0 0 1px #fff3}.hover\:border-gray-300:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.hover\:bg-red-500:hover{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.hover\:text-gray-400:hover{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.hover\:text-gray-500:hover{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.hover\:text-gray-800:hover{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.hover\:text-gray-900:hover{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.focus\:z-10:focus{z-index:10}.focus\:border-blue-300:focus{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.focus\:border-gray-300:focus{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.focus\:border-indigo-500:focus{--tw-border-opacity: 1;border-color:rgb(99 102 241 / var(--tw-border-opacity, 1))}.focus\:border-indigo-700:focus{--tw-border-opacity: 1;border-color:rgb(67 56 202 / var(--tw-border-opacity, 1))}.focus\:bg-gray-100:focus{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.focus\:bg-gray-50:focus{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.focus\:bg-gray-700:focus{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.focus\:bg-indigo-100:focus{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))}.focus\:text-gray-700:focus{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.focus\:text-gray-800:focus{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.focus\:text-indigo-800:focus{--tw-text-opacity: 1;color:rgb(55 48 163 / var(--tw-text-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring: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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-indigo-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1))}.focus\:ring-red-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.active\:bg-gray-100:active{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.active\:bg-gray-900:active{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.active\:bg-red-700:active{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.active\:text-gray-500:active{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.active\:text-gray-700:active{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.disabled\:opacity-25:disabled{opacity:.25}@media (min-width: 640px){.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:w-full{width:100%}.sm\:max-w-2xl{max-width:42rem}.sm\:max-w-lg{max-width:32rem}.sm\:max-w-md{max-width:28rem}.sm\:max-w-sm{max-width:24rem}.sm\:max-w-xl{max-width:36rem}.sm\:flex-1{flex:1 1 0%}.sm\:translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:px-0{padding-left:0;padding-right:0}}.ltr\:origin-top-left:where([dir=ltr],[dir=ltr] *){transform-origin:top left}.ltr\:origin-top-right:where([dir=ltr],[dir=ltr] *){transform-origin:top right}.rtl\:origin-top-left:where([dir=rtl],[dir=rtl] *){transform-origin:top left}.rtl\:origin-top-right:where([dir=rtl],[dir=rtl] *){transform-origin:top right}.rtl\:flex-row-reverse:where([dir=rtl],[dir=rtl] *){flex-direction:row-reverse}@media (prefers-color-scheme: dark){.dark\:border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.dark\:bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.dark\:hover\:text-gray-300:hover{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:focus\:border-blue-700:focus{--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1))}.dark\:focus\:border-blue-800:focus{--tw-border-opacity: 1;border-color:rgb(30 64 175 / var(--tw-border-opacity, 1))}.dark\:active\:bg-gray-700:active{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:active\:text-gray-300:active{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}}