@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700&display=swap";*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family: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:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-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{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}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{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.btn{cursor:pointer;-webkit-user-select:none;user-select:none;border-width:0;border-radius:.5rem;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{-webkit-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);font-size:.875rem;line-height:1.25rem;font-family:var(--font-body);border-radius:.5rem;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:6px 16px;font-size:12px;font-weight:600;transition:background .15s,color .15s,border-color .15s,opacity .15s;display:inline-flex}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.payable-page .btn-primary{border-radius:var(--payable-radius-md);font-family:var(--payable-font-body);cursor:pointer;transition:var(--payable-transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:7px;padding:9px 20px;font-size:.88rem;font-weight:600;display:inline-flex}.payable-page .btn-primary svg{flex-shrink:0;width:16px;height:16px}.btn-primary:hover{--tw-bg-opacity:1;background-color:rgb(67 56 202/var(--tw-bg-opacity,1))}.btn-ghost{-webkit-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1));font-size:.875rem;line-height:1.25rem;font-family:var(--font-body);border-radius:.5rem;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:6px 16px;font-size:12px;font-weight:600;transition:background .15s,color .15s,border-color .15s,opacity .15s;display:inline-flex}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.payable-page .btn-ghost{border-radius:var(--payable-radius-md);font-family:var(--payable-font-body);cursor:pointer;transition:var(--payable-transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:7px;padding:9px 20px;font-size:.88rem;font-weight:600;display:inline-flex}.payable-page .btn-ghost svg{flex-shrink:0;width:16px;height:16px}.btn-ghost:hover{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.btn-outline{-webkit-user-select:none;user-select:none;--tw-border-opacity:1;border-width:1px;border-color:rgb(203 213 225/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1));font-size:.875rem;line-height:1.25rem;font-family:var(--font-body);border-radius:.5rem;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background-color:#0000;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:6px 16px;font-size:12px;font-weight:600;transition:background .15s,color .15s,border-color .15s,opacity .15s;display:inline-flex}.btn-outline:disabled{opacity:.5;cursor:not-allowed}.payable-page .btn-outline{border-radius:var(--payable-radius-md);font-family:var(--payable-font-body);cursor:pointer;transition:var(--payable-transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:7px;padding:9px 20px;font-size:.88rem;font-weight:600;display:inline-flex}.payable-page .btn-outline svg{flex-shrink:0;width:16px;height:16px}.btn-outline:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.icon-btn{cursor:pointer;border-width:0;border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.icon-btn-slate{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1));--tw-text-opacity:1;width:2rem;height:2rem;color:rgb(71 85 105/var(--tw-text-opacity,1));cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .12s,transform .1s;display:inline-flex}.icon-btn-slate:active{transform:scale(.9)}.payable-page .icon-btn-slate{justify-content:center;align-items:center;display:inline-flex}.icon-btn-slate:hover{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.form-input{--tw-border-opacity:1;border-width:1px;border-color:rgb(226 232 240/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1));--tw-text-opacity:1;width:100%;color:rgb(30 41 59/var(--tw-text-opacity,1));border-radius:.5rem;padding:.625rem .75rem;font-size:.875rem;line-height:1.25rem}.form-input::placeholder{--tw-placeholder-opacity:1;color:rgb(148 163 184/var(--tw-placeholder-opacity,1))}.form-input{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-input:focus{outline-offset:2px;--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);--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity,1));border-color:#0000;outline:2px solid #0000}.form-label{text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1));margin-bottom:.375rem;font-size:.75rem;font-weight:600;line-height:1rem;display:block}.card{--tw-border-opacity:1;border-width:1px;border-color:rgb(226 232 240/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:.75rem}.status-pill{border-radius:9999px;align-items:center;gap:4px;padding:.125rem .625rem;font-size:.75rem;font-weight:600;line-height:1rem;display:inline-flex}.status-active{--tw-border-opacity:1;border-width:1px;border-color:rgb(167 243 208/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:#065f46;white-space:nowrap;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;line-height:1rem;display:inline-flex}.status-inactive{--tw-border-opacity:1;border-width:1px;border-color:rgb(226 232 240/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:#065f46;white-space:nowrap;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;line-height:1rem;display:inline-flex}.status-pending{--tw-border-opacity:1;border-width:1px;border-color:rgb(253 230 138/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:#065f46;white-space:nowrap;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;line-height:1rem;display:inline-flex}.data-table{width:100%;font-size:.875rem;line-height:1.25rem}.data-table thead tr{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(226 232 240/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.data-table thead th{white-space:nowrap;text-align:left;text-transform:uppercase;letter-spacing:.05em;--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1));padding:.75rem 1rem;font-size:.75rem;font-weight:600;line-height:1rem}.data-table tbody tr{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(241 245 249/var(--tw-border-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.1s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.data-table tbody tr:hover{background-color:#eef2ff66}.data-table tbody td{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1));padding:.75rem 1rem}.page-container{max-width:80rem;margin-left:auto;margin-right:auto}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.page-title{letter-spacing:-.025em;--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1));font-size:1.25rem;font-weight:600;line-height:1.75rem}.page-subtitle{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1));margin-top:.125rem;font-size:.875rem;line-height:1.25rem}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.left-3{left:.75rem}.right-0{right:0}.right-1\.5{right:.375rem}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.\!mt-0{margin-top:0!important}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-7{margin-left:1.75rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-36{height:9rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.h-screen{height:100vh}.min-h-\[220px\]{min-height:220px}.min-h-\[80px\]{min-height:80px}.w-16{width:4rem}.w-2{width:.5rem}.w-3{width:.75rem}.w-36{width:9rem}.w-4{width:1rem}.w-48{width:12rem}.w-60{width:15rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.max-w-sm{max-width:24rem}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1\.5{gap:.375rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-x-12{-moz-column-gap:3rem;column-gap:3rem}.gap-y-5{row-gap:1.25rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-2{border-left-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-0{border-top-width:0}.border-amber-100{--tw-border-opacity:1;border-color:rgb(254 243 199/var(--tw-border-opacity,1))}.border-blue-100{--tw-border-opacity:1;border-color:rgb(219 234 254/var(--tw-border-opacity,1))}.border-emerald-100{--tw-border-opacity:1;border-color:rgb(209 250 229/var(--tw-border-opacity,1))}.border-emerald-200{--tw-border-opacity:1;border-color:rgb(167 243 208/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-indigo-100{--tw-border-opacity:1;border-color:rgb(224 231 255/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.bg-emerald-400{--tw-bg-opacity:1;background-color:rgb(52 211 153/var(--tw-bg-opacity,1))}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(224 231 255/var(--tw-bg-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity,1))}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.bg-slate-50\/50{background-color:#f8fafc80}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.object-contain{-o-object-fit:contain;object-fit:contain}.\!p-0{padding:0!important}.p-1\.5{padding:.375rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-1{padding-bottom:.25rem}.pl-3{padding-left:.75rem}.pl-6{padding-left:1.5rem}.pl-9{padding-left:2.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-wide{letter-spacing:.025em}.text-\[\#2563eb\]{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-emerald-500{--tw-text-opacity:1;color:rgb(16 185 129/var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.text-indigo-700{--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline{outline-style:solid}.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)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}:root{--clr-primary:#1e40af;--clr-primary-hover:#1d4ed8;--clr-primary-light:#eff6ff;--clr-accent:#3b82f6;--clr-bg:#f1f5f9;--clr-surface:#fff;--clr-border:#cbd5e1;--clr-border-light:#e2e8f0;--clr-panel:#f8fafc;--clr-text-primary:#0f172a;--clr-text-secondary:#475569;--clr-text-muted:#94a3b8;--clr-label:#64748b;--clr-success-bg:#f0fdf4;--clr-success-border:#bbf7d0;--clr-success-text:#15803d;--clr-error-bg:#fef2f2;--clr-error-border:#fecaca;--clr-error-text:#dc2626;--clr-jobno-bg:#eff6ff;--clr-jobno-border:#bfdbfe;--clr-jobno-text:#1e40af;--font-body:"DM Sans", sans-serif;--font-mono:"DM Mono", monospace;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--shadow-card:0 1px 3px #00000012, 0 4px 16px #0000000d;--shadow-input:0 1px 2px #0000000a}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}body{font-family:var(--font-body);background-color:var(--clr-bg);color:var(--clr-text-primary);min-height:100vh;line-height:1.5}#root,.app-root{flex-direction:column;min-height:100vh;display:flex}.page-wrapper{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:24px}.wo-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.wo-titlebar{background:var(--clr-primary);color:#fff;font-family:var(--font-body);letter-spacing:.02em;justify-content:space-between;align-items:center;padding:10px 16px;font-size:13px;font-weight:700;display:flex}.wo-titlebar__left{align-items:center;gap:8px;display:flex}.jobno-badge{background:var(--clr-jobno-bg);border:1px solid var(--clr-jobno-border);color:var(--clr-jobno-text);font-family:var(--font-mono);border-radius:var(--radius-sm);letter-spacing:.04em;white-space:nowrap;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.jobno-badge--loading{color:var(--clr-text-muted);border-color:var(--clr-border);background:var(--clr-panel);animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.wo-panel{background:var(--clr-panel);border:1px solid var(--clr-border-light);border-radius:var(--radius-md);padding:12px}.section-head{border-bottom:1px solid var(--clr-border-light);align-items:center;gap:6px;margin-bottom:10px;padding-bottom:8px;display:flex}.section-head__icon{color:var(--clr-accent);flex-shrink:0}.section-head__title{color:var(--clr-text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700}.form-row{grid-template-columns:148px 1fr;align-items:center;gap:8px;margin-bottom:5px;display:grid}.form-row--rate{grid-template-columns:148px 1fr 62px 110px}.form-label{color:var(--clr-label);white-space:nowrap;align-items:center;gap:2px;font-size:11px;font-weight:600;display:flex}.form-label__required{color:#ef4444}.form-label__batta{color:var(--clr-text-muted);text-align:right;font-size:11px}.wo-input{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-sm);width:100%;font-size:12px;font-family:var(--font-body);color:var(--clr-text-primary);box-shadow:var(--shadow-input);outline:none;padding:4px 8px;transition:border-color .15s,box-shadow .15s}.wo-input::placeholder{color:var(--clr-text-muted)}.wo-input:focus{border-color:var(--clr-accent);box-shadow:0 0 0 3px #3b82f61f}.wo-input[type=date]{font-family:var(--font-body)}.wo-select{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-sm);width:100%;font-size:12px;font-family:var(--font-body);color:var(--clr-text-primary);box-shadow:var(--shadow-input);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;outline:none;padding:4px 24px 4px 8px;transition:border-color .15s,box-shadow .15s}.wo-select:focus{border-color:var(--clr-accent);box-shadow:0 0 0 3px #3b82f61f}.searchable-select{width:100%;position:relative}.searchable-select__trigger{text-align:left;-webkit-user-select:none;user-select:none;cursor:pointer;justify-content:space-between;align-items:center;display:flex;background-image:none!important}.searchable-select__trigger:disabled{cursor:not-allowed;opacity:.8}.searchable-select__trigger.is-placeholder .searchable-select__value{color:#94a3b8}.searchable-select__value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.searchable-select__icons{flex-shrink:0;align-items:center;gap:4px;display:flex}.searchable-select__clear{color:#94a3b8;padding:0 2px;font-size:12px;line-height:1}.searchable-select__chevron{color:#94a3b8;font-size:10px}.searchable-select__menu{z-index:9999;background:#fff;border:1px solid #cbd5e1;border-radius:6px;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow:hidden;box-shadow:0 6px 20px #00000026}.searchable-select__search-wrap{background:#fff;border-bottom:1px solid #e2e8f0;padding:6px}.searchable-select__search-wrap input{box-sizing:border-box;width:100%}.searchable-select__list{scrollbar-width:thin;scrollbar-color:#94a3b8 #e2e8f0;background:#fff;max-height:164px;overflow-y:auto}.searchable-select__list::-webkit-scrollbar{width:8px}.searchable-select__list::-webkit-scrollbar-track{background:#e2e8f0}.searchable-select__list::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:999px}.searchable-select__empty{color:#94a3b8;text-align:center;padding:10px 12px;font-size:12px}.searchable-select__option{color:#374151;cursor:pointer;text-align:left;background:#fff;border:0;border-left:3px solid #0000;width:100%;padding:9px 12px;font-size:13px}.searchable-select__option:hover{background:#f8fafc}.searchable-select__option.is-selected{color:#1d4ed8;background:#eff6ff;border-left-color:#3b82f6;font-weight:600}.date-field{align-items:center;gap:6px;display:flex}.date-field__icon{color:var(--clr-text-muted);flex-shrink:0}.btn{font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:6px 16px;font-size:12px;font-weight:600;transition:background .15s,color .15s,border-color .15s,opacity .15s;display:inline-flex}.btn--primary{background:var(--clr-primary);color:#fff;border-color:var(--clr-primary)}.btn--primary:hover:not(:disabled){background:var(--clr-primary-hover);border-color:var(--clr-primary-hover)}.btn--secondary{color:var(--clr-text-secondary);border-color:var(--clr-border-light);background:#f1f5f9}.btn--secondary:hover:not(:disabled){background:#e2e8f0}.btn:disabled{opacity:.5;cursor:not-allowed}.alert{border-radius:var(--radius-sm);border:1px solid;margin-bottom:12px;padding:8px 12px;font-size:12px}.alert--success{background:var(--clr-success-bg);border-color:var(--clr-success-border);color:var(--clr-success-text)}.alert--error{background:var(--clr-error-bg);border-color:var(--clr-error-border);color:var(--clr-error-text)}.wo-footer{border-top:1px solid var(--clr-border-light);justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;display:flex}.wo-footer__hint{color:var(--clr-text-muted);align-items:center;gap:4px;font-size:11px;display:flex}.wo-footer__actions{gap:8px;display:flex}.text-muted{color:var(--clr-text-muted)}.text-mono{font-family:var(--font-mono)}.flex-center{align-items:center;display:flex}.gap-1{gap:4px}.gap-2{gap:8px}:root{--font-sans:"DM Sans", sans-serif;--font-mono:"DM Mono", monospace;--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#eef2ff;--primary-muted:#4f46e51a;--bg:#f1f5f9;--surface:#fff;--border:#e2e8f0;--border-subtle:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--success:#059669;--success-light:#ecfdf5;--danger:#dc2626;--danger-light:#fef2f2;--warning:#d97706;--warning-light:#fffbeb;--sidebar-w:240px;--header-h:64px;--radius:10px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 10px 40px #0000001f}html,body,#root{height:100%;font-family:var(--font-sans);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased}.font-mono{font-family:var(--font-mono)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.animate-fade-up{animation:.35s both fadeUp}.animate-fade-in{animation:.25s both fadeIn}.animate-slide-left{animation:.3s both slideInLeft}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.sidebar{transition:width .25s cubic-bezier(.4,0,.2,1)}.login-bg{background:linear-gradient(135deg,#1e1b4b 0%,#312e81 40%,#1e40af 100%);position:relative;overflow:hidden}.login-bg:before{content:"";background-image:radial-gradient(circle at 20% 30%,#6366f159 0%,#0000 50%),radial-gradient(circle at 80% 70%,#3b82f640 0%,#0000 50%);position:absolute;inset:0}.login-bg:after{content:"";background-image:repeating-linear-gradient(0deg,#0000,#0000 40px,#ffffff04 40px 41px),repeating-linear-gradient(90deg,#0000,#0000 40px,#ffffff04 40px 41px);position:absolute;inset:0}.wo-root{color:#1e293b;background:#f1f5f9;min-height:100vh;padding:32px 24px;font-family:DM Sans,sans-serif}.wo-container{max-width:1200px;margin:0 auto}.wo-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.wo-title{color:#0f172a;letter-spacing:-.5px;font-size:26px;font-weight:700}.wo-subtitle{color:#64748b;margin-top:4px;font-size:13px}.wo-badge{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:999px;margin-top:6px;padding:4px 12px;font-family:DM Mono,monospace;font-size:11px;font-weight:500}.wo-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 4px #0000000f}.wo-toolbar{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 20px;display:flex}.wo-search-wrap{flex:1;min-width:200px;max-width:340px;position:relative}.wo-search-icon{color:#94a3b8;pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.wo-search{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:8px 14px 8px 34px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .15s,box-shadow .15s}.wo-search::placeholder{color:#94a3b8}.wo-search:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.wo-btn-group{gap:8px;margin-left:auto;display:flex}.wo-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:background .15s,transform .1s;display:inline-flex}.wo-btn:active{transform:scale(.97)}.wo-btn-blue{color:#fff;background:#2563eb}.wo-btn-blue:hover{background:#1d4ed8}.wo-btn-green{color:#fff;background:#059669}.wo-btn-green:hover{background:#047857}.wo-table-wrap{overflow-x:auto}table.wo-table{border-collapse:collapse;width:100%;font-size:13px}.wo-table thead tr{background:#1d4ed8;border-bottom:1px solid #e2e8f0}.wo-table th{text-align:left;color:#fff;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;padding:11px 16px;font-size:11px;font-weight:600}.wo-table th.center,.wo-table td.center{text-align:center}.wo-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .12s}.wo-table tbody tr:nth-child(2n){background:#fafafa}.wo-table tbody tr:hover,.wo-table tbody tr.row-selected{background:#eff6ff}.wo-table td{color:#334155;vertical-align:middle;padding:11px 16px}.wo-table td.customer{color:#0f172a;white-space:nowrap;font-weight:600}.wo-table td.wo-num,.wo-table td.date-cell{color:#475569;white-space:nowrap;font-family:DM Mono,monospace;font-size:11.5px}.wo-table td.products{max-width:280px}.wo-table td.products span{-webkit-line-clamp:2;color:#475569;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.status-pill{color:#065f46;white-space:nowrap;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.status-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.tool-group{align-items:center;gap:4px;display:flex}.icon-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .12s,transform .1s;display:inline-flex}.icon-btn:active{transform:scale(.9)}.icon-btn-view{color:#2563eb;background:#eff6ff}.icon-btn-view:hover{background:#dbeafe}.icon-btn-edit{color:#d97706;background:#fffbeb}.icon-btn-edit:hover{background:#fef3c7}.icon-btn-del{color:#dc2626;background:#fef2f2}.icon-btn-del:hover{background:#fee2e2}input[type=checkbox]{accent-color:#2563eb;cursor:pointer;border-radius:4px;width:15px;height:15px}.wo-footer{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.wo-info{color:#64748b;font-size:13px}.wo-info strong{color:#334155;font-weight:600}.page-group{align-items:center;gap:4px;display:flex}.page-btn{cursor:pointer;color:#475569;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;transition:background .12s;display:inline-flex}.page-btn:hover:not(:disabled){background:#e2e8f0}.page-btn.active{color:#fff;background:#2563eb}.fade-in{animation:.25s fadeIn}body{background-color:#e2e8f0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#64748b}input:focus,select:focus,textarea:focus{outline:none}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.product-input{--tw-border-opacity:1;border-width:1px;border-color:rgb(203 213 225/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;width:100%;color:rgb(30 41 59/var(--tw-text-opacity,1));border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;line-height:1rem}.product-input::placeholder{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.product-input:focus{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1));outline-offset:2px;--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);--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1));outline:2px solid #0000}.product-select{--tw-border-opacity:1;border-width:1px;border-color:rgb(203 213 225/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;width:100%;color:rgb(30 41 59/var(--tw-text-opacity,1));border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;line-height:1rem}.product-select:focus{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1));outline-offset:2px;--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);--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1));outline:2px solid #0000}.product-textarea{resize:none;--tw-border-opacity:1;border-width:1px;border-color:rgb(203 213 225/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;width:100%;height:5rem;color:rgb(30 41 59/var(--tw-text-opacity,1));border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;line-height:1rem}.product-textarea::placeholder{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.product-textarea:focus{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1));outline-offset:2px;--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);--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1));outline:2px solid #0000}.product-label-wrap{white-space:nowrap;--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1));align-items:center;gap:.125rem;font-size:11px;font-weight:600;display:flex}.product-required-star{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.product-row{align-items:center;gap:8px;margin-bottom:5px;display:grid}.product-section-head{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(226 232 240/var(--tw-border-opacity,1));align-items:center;gap:.375rem;margin-bottom:.625rem;padding-bottom:.375rem;display:flex}.product-section-icon{--tw-text-opacity:1;width:.875rem;height:.875rem;color:rgb(37 99 235/var(--tw-text-opacity,1))}.product-section-title{text-transform:uppercase;letter-spacing:.05em;--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1));font-size:11px;font-weight:700}.product-header{--tw-bg-opacity:1;background-color:rgb(30 64 175/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-top-left-radius:.375rem;border-top-right-radius:.375rem;justify-content:space-between;align-items:center;padding:.5rem .875rem;display:flex}.product-header-title{align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.product-header-back-btn{--tw-text-opacity:1;width:1.75rem;height:1.75rem;color:rgb(255 255 255/var(--tw-text-opacity,1));background-color:#ffffff1a;border-width:1px;border-color:#ffffff4d;border-radius:.25rem;justify-content:center;align-items:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.product-header-back-btn:hover{background-color:#fff3}.product-header-back-btn:focus{outline-offset:2px;--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);--tw-ring-color:#fff6;outline:2px solid #0000}.product-card{--tw-border-opacity:1;border-width:0 1px 1px;border-color:rgb(203 213 225/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem;padding:.875rem}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem;margin-bottom:.875rem;display:grid}.product-panel{--tw-border-opacity:1;border-width:1px;border-color:rgb(226 232 240/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1));border-radius:.375rem;padding:.75rem}.product-footer{--tw-border-opacity:1;border-top-width:1px;border-color:rgb(226 232 240/var(--tw-border-opacity,1));justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.625rem;display:flex}.product-footer-info{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1));align-items:center;gap:4px;font-size:11px;display:flex}.product-btn-group{gap:8px;display:flex}.product-btn-cancel{cursor:pointer;--tw-border-opacity:1;border-width:1px;border-color:rgb(226 232 240/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1));border-radius:.25rem;padding:.375rem 1rem;font-size:.75rem;font-weight:600;line-height:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.product-btn-cancel:hover{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.product-btn-save{cursor:pointer;--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-style:none;border-radius:.25rem;padding:.375rem 1rem;font-size:.75rem;font-weight:600;line-height:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.product-btn-save:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.product-btn-add{cursor:pointer;white-space:nowrap;--tw-border-opacity:1;border-width:1px;border-color:rgb(191 219 254/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1));border-radius:.25rem;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:11px;font-weight:600;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.product-btn-add:hover{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.master-wrapper{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1));min-height:calc(100vh - 64px);padding:1.5rem}.master-container{max-width:56rem;margin-left:auto;margin-right:auto;animation:.35s both fadeUp}.master-container-lg{max-width:64rem;margin-left:auto;margin-right:auto;animation:.35s both fadeUp}.master-header{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-top-left-radius:.75rem;border-top-right-radius:.75rem;align-items:center;gap:.625rem;padding:.875rem 1.25rem;display:flex}.master-header-icon{opacity:.9;width:1.25rem;height:1.25rem}.master-header-title{letter-spacing:.025em;font-size:15px;font-weight:600}.master-header-back-btn{--tw-text-opacity:1;width:2rem;height:2rem;color:rgb(255 255 255/var(--tw-text-opacity,1));background-color:#ffffff1a;border-width:1px;border-color:#ffffff4d;border-radius:.375rem;justify-content:center;align-items:center;margin-left:auto;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.master-header-back-btn:hover{background-color:#fff3}.master-header-back-btn:focus{outline-offset:2px;--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);--tw-ring-color:#fff6;outline:2px solid #0000}.master-card{--tw-border-opacity:1;border-width:0 1px 1px;border-color:rgb(226 232 240/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem;padding:1.5rem}.master-row{align-items:center;gap:1.5rem;display:flex}.master-label{--tw-text-opacity:1;width:10rem;color:rgb(71 85 105/var(--tw-text-opacity,1));font-size:13px;font-weight:600}.master-label-req{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.master-input{--tw-border-opacity:1;border-width:1px;border-color:rgb(203 213 225/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;width:20rem;color:rgb(30 41 59/var(--tw-text-opacity,1));border-radius:.375rem;padding:.5rem .875rem;font-size:14px;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.master-input:focus{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1));outline-offset:2px;--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);--tw-ring-color:#2563eb33;outline:2px solid #0000}.master-input-with-icon{padding-left:2.5rem;padding-right:1rem}.master-input-icon{--tw-translate-y:-50%;width:1rem;height:1rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1));position:absolute;top:50%;left:.875rem}.master-select{--tw-border-opacity:1;border-width:1px;border-color:rgb(203 213 225/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:.375rem;width:20rem;padding:.5rem .875rem;font-size:14px;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.master-select:focus{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1));outline-offset:2px;--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);--tw-ring-color:#2563eb33;outline:2px solid #0000}.master-tabs{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(226 232 240/var(--tw-border-opacity,1));gap:2rem;margin-bottom:1.75rem;display:flex}.master-tab-btn{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1));align-items:center;gap:8px;padding-bottom:.75rem;padding-left:.25rem;padding-right:.25rem;font-size:14px;font-weight:600;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:relative}.master-tab-btn:hover{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.master-tab-btn.active{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.master-tab-indicator{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1));border-top-left-radius:9999px;border-top-right-radius:9999px;width:100%;height:2px;position:absolute;bottom:0;left:0;box-shadow:0 -1px 4px #2563eb66}.master-footer{--tw-border-opacity:1;border-top-width:1px;border-color:rgb(226 232 240/var(--tw-border-opacity,1));justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.25rem;display:flex}.master-footer-info{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1));align-items:center;gap:.375rem;font-size:12px;display:flex}.master-btn-cancel{--tw-border-opacity:1;border-width:1px;border-color:rgb(203 213 225/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1));border-radius:.375rem;padding:.5rem 1.25rem;font-size:13px;font-weight:600;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.master-btn-cancel:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.master-btn-save{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:.375rem;align-items:center;gap:8px;padding:.5rem 1.5rem;font-size:13px;font-weight:600;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.master-btn-save:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}:root{--ml-primary:#4f46e5;--ml-primary-bg:#eef1ff;--ml-bg:#f0f2f8;--ml-card:#fff;--ml-border:#d8dce8;--primary-hover:#4338ca;--ml-text:#1c1c3a;--ml-text-mid:#4a4a6a;--ml-text-light:#a0a4bc;--ml-shadow:0 2px 12px #2b3fbd14;--ml-radius:10px;--ml-input-radius:7px;--font:"Segoe UI", "Helvetica Neue", Arial, sans-serif}body{background:var(--ml-bg);font-family:var(--font);color:var(--ml-text)}.ml-page{background:var(--ml-card);border-radius:var(--ml-radius);max-width:1160px;box-shadow:var(--ml-shadow);border:1px solid var(--ml-border);margin:24px auto;overflow:visible}.ml-header{background:var(--ml-primary);color:#fff;letter-spacing:.3px;align-items:center;gap:10px;padding:15px 24px;font-size:16px;font-weight:600;display:flex;position:relative}.ml-header-icon{flex-shrink:0;width:20px;height:20px}.ml-header-title{flex:1}.ml-back-btn{color:#fff;cursor:pointer;background:#ffffff2e;border:1.5px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;transition:background .2s;display:flex;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.ml-back-btn:hover{background:#ffffff52}.ml-body{background:var(--ml-bg);flex-direction:column;gap:18px;padding:24px;display:flex}.ml-row{grid-template-columns:repeat(4,1fr);align-items:end;gap:16px;display:grid}@media (width<=960px){.ml-row{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.ml-row{grid-template-columns:1fr}}.ml-field{flex-direction:column;gap:6px;display:flex}.ml-empty{visibility:hidden}.ml-label{color:var(--ml-text-mid);letter-spacing:.1px;font-size:13px;font-weight:600}.ml-input-wrap{background:var(--ml-card);border:1.5px solid var(--ml-border);border-radius:var(--ml-input-radius);align-items:center;transition:border-color .8s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.ml-input-wrap--select{overflow:visible}.ml-input-wrap:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}.ml-input{font-size:13.5px;font-family:var(--font);color:var(--ml-text);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:10px 14px}.ml-input::placeholder{color:var(--ml-text-light);font-size:13px}.ml-input:focus,.ml-select:focus{outline:none}.ml-select{appearance:none;cursor:pointer;color:var(--ml-text);border-radius:inherit;background:0 0;justify-content:space-between;width:100%;min-height:44px;padding:11px 14px}.ml-select-container{width:100%}.ml-select-search{border:1px solid var(--ml-border);color:var(--ml-text);background:#fff;border-radius:8px;padding:9px 10px;font-size:13px}.ml-select-search:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1f}.ml-icon{color:var(--ml-text-light);pointer-events:none;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;padding:0 12px;display:inline-flex}.ml-icon-text{color:var(--ml-text-light)}.ml-icon svg{stroke-width:1.9px;width:15px;height:15px}.ml-icon-text svg{width:14px;height:14px}.ml-input-wrap .ml-icon{border-left:1px solid var(--ml-border)}.ml-input-wrap:focus-within .ml-icon{border-left-color:#93c5fd}.ml-submit-col{justify-content:flex-end}.ml-btn-submit{background:var(--ml-primary);color:#fff;border-radius:var(--ml-input-radius);width:100%;font-size:14px;font-weight:700;font-family:var(--font);letter-spacing:.5px;cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;padding:11px 0;transition:background .2s,transform .1s,box-shadow .2s;display:flex;box-shadow:0 3px 10px #2b3fbd47}.ml-btn-submit:hover{transform:translateY(-1px);box-shadow:0 5px 16px #2b3fbd61}.ml-btn-submit:active{transform:translateY(0)}:root{--bg-page:#f0f2f5;--bg-card:#fff;--bg-header:#fff;--bg-table-header:#f8f9fa;--bg-row-hover:#f8faff;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-approve:#16a34a;--color-approve-hover:#15803d;--color-danger:#ef4444;--color-edit:#f59e0b;--color-view:#3b82f6;--color-active-badge:#dcfce7;--color-active-text:#16a34a;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--border-color:#e5e7eb;--border-radius-sm:6px;--border-radius-md:10px;--border-radius-lg:14px;--border-radius-xl:20px;--shadow-card:0 1px 4px #00000012, 0 4px 16px #0000000a;--shadow-btn:0 1px 3px #0000001f;--font-family:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}.mg-wrapper{max-width:1280px;margin:0 auto;padding:28px 32px}.mg-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.mg-title{color:var(--text-primary);letter-spacing:-.3px;font-size:22px;font-weight:700}.mg-subtitle{color:var(--text-secondary);margin-top:3px;font-size:13px}.mg-back-btn{border:1.5px solid var(--border-color);cursor:pointer;width:34px;height:34px;color:var(--text-secondary);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.mg-back-btn:hover{background:var(--bg-table-header);color:var(--text-primary)}.mg-card{background:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-color);margin-bottom:20px;padding:24px}.mg-input-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.mg-field{flex-direction:column;flex:1;gap:5px;max-width:360px;display:flex}.mg-field-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.mg-field-input{border:1.5px solid var(--border-color);border-radius:var(--border-radius-md);width:100%;font-family:var(--font-family);color:var(--text-primary);background:#fff;outline:none;padding:10px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.mg-field-input::placeholder{color:var(--text-muted)}.mg-field-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.mg-field-input--error{border-color:var(--color-danger);box-shadow:0 0 0 3px #ef44441a}.mg-btn-row{align-items:center;gap:8px;display:flex}.mg-btn{font-family:var(--font-family);border-radius:var(--border-radius-xl);cursor:pointer;box-shadow:var(--shadow-btn);white-space:nowrap;border:none;align-items:center;gap:7px;padding:10px 18px;font-size:13.5px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.mg-btn:active{transform:scale(.97)}.mg-btn--submit{background:var(--color-primary);color:#fff}.mg-btn--submit:hover{background:var(--color-primary-hover)}.mg-btn--cancel{color:var(--text-primary);border:1.5px solid var(--border-color);box-shadow:none;background:#fff}.mg-btn--cancel:hover{background:var(--bg-table-header)}.mg-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.mg-searchbox{border:1.5px solid var(--border-color);background:#fff;border-radius:10px;flex:1;align-items:center;max-width:380px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.mg-searchbox:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb14}.mg-searchbox__label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);white-space:nowrap;border-right:1.5px solid var(--border-color);background:var(--bg-table-header);-webkit-user-select:none;user-select:none;align-items:center;height:40px;padding:0 12px 0 14px;font-size:11px;font-weight:700;display:flex}.mg-searchbox__input{font-family:var(--font-family);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:10px 12px;font-size:13.5px}.mg-searchbox__input::placeholder{color:var(--text-muted)}.mg-searchbox__icon-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s;display:flex}.mg-searchbox__icon-btn:hover{background:var(--color-primary-hover)}.mg-toolbar-right{align-items:center;gap:10px;display:flex}.mg-records-pill{background:var(--bg-table-header);border:1px solid var(--border-color);color:var(--text-secondary);white-space:nowrap;border-radius:20px;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.mg-table-wrap{border-radius:var(--border-radius-md);border:1px solid var(--border-color);overflow-x:auto}.mg-table{border-collapse:collapse;width:100%}.mg-table thead{background:var(--bg-table-header)}.mg-table thead th{text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary);text-align:left;border-bottom:1px solid var(--border-color);padding:11px 16px;font-size:11px;font-weight:700}.mg-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .1s}.mg-table tbody tr:last-child{border-bottom:none}.mg-table tbody tr:hover{background:var(--bg-row-hover)}.mg-table tbody tr.mg-row--editing{background:#eff6ff}.mg-table tbody td{color:var(--text-primary);vertical-align:middle;padding:13px 16px;font-size:14px;font-weight:500}.mg-editing-pill{color:var(--color-primary);background:#dbeafe;border-radius:20px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:600}.mg-empty{text-align:center;color:var(--text-muted);padding:32px 0!important;font-weight:400!important}.mg-tools-cell{justify-content:flex-end;align-items:center;gap:4px;display:flex}.mg-icon-btn{cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:background .15s,transform .1s;display:inline-flex}.mg-icon-btn:hover{transform:scale(1.1)}.mg-icon-btn:active{transform:scale(.95)}.mg-icon-btn--edit{color:var(--color-edit)}.mg-icon-btn--edit:hover{background:#fffbeb}.mg-icon-btn--delete{color:var(--color-danger)}.mg-icon-btn--delete:hover{background:#fef2f2}@media (width<=640px){.mg-wrapper{padding:16px}.mg-input-row{flex-direction:column;align-items:stretch}.mg-field{max-width:100%}.mg-toolbar{flex-direction:column;align-items:stretch}.mg-searchbox{max-width:100%}}body{background:#eef2f7;font-family:Inter,system-ui,sans-serif}.ts-page{width:100%;margin:0;padding:20px 16px}.ts-g2{grid-template-columns:1fr 1fr;gap:12px 24px;display:grid}.ts-g3{grid-template-columns:repeat(3,1fr);gap:8px 16px;display:grid}.ts-scroll{width:100%;overflow-x:auto}.ts-tabs{scrollbar-width:none;-ms-overflow-style:none;border-bottom:2px solid #dde3ee;display:flex;overflow-x:auto}.ts-tabs::-webkit-scrollbar{display:none}.ts-tab{color:#6b7a99;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:5px 5px 0 0;flex:none;align-items:center;gap:6px;margin-bottom:-2px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:500;transition:color .15s,background .15s;display:flex}.ts-tab.on{color:#3451d1;background:#eef2ff;border-bottom-color:#3451d1;font-weight:700}.ts-card{background:#fff;border:1px solid #dde3ee;border-radius:8px;margin-bottom:14px;padding:16px 18px 14px}.ts-tab-body{background:#f9fbff;border:1px solid #dde3ee;border-top:none;border-radius:0 0 8px 8px;padding:16px 18px}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px #3451d11a;border-color:#3451d1!important}select{appearance:auto}.ts-header{background:#2b3fad;border-radius:8px 8px 0 0;align-items:center;gap:8px;padding:12px 18px;display:flex}.ts-header-title{color:#fff;font-size:14px;font-weight:700}.ts-body-wrap{background:#fff;border-radius:0 0 8px 8px;padding:16px 16px 14px;box-shadow:0 2px 8px #2b3fad12}.ts-sec-title{align-items:center;gap:7px;margin-bottom:14px;display:flex}.ts-sec-title-text{color:#2b3fad;letter-spacing:.8px;text-transform:uppercase;font-size:11px;font-weight:700}.ts-label{color:#6b7a99;margin-bottom:4px;font-size:12px;font-weight:500;display:block}.ts-required-star{color:#e3342f;margin-left:2px}.ts-inp{color:#1e2a45;box-sizing:border-box;background:#fff;border:1px solid #d0d8e8;border-radius:6px;outline:none;width:100%;padding:8px 11px;font-family:inherit;font-size:13px;line-height:1.4}.ts-inp-sm{padding:4px 6px;font-size:12px}.ts-select-w85{width:85px}.ts-select-w62{width:62px}.ts-inp-auto-filled{color:#2b3fad;background:#f0f5ff;padding-right:52px;font-weight:600}.ts-inp-readonly{color:#6b7a99;background:#f7f9fc;font-weight:400}.ts-inp-auto-readonly{color:#2b3fad;background:#f0f5ff;padding-right:52px;font-weight:600}.ts-textarea{resize:vertical;height:70px}.ts-auto-tag{color:#2563eb;pointer-events:none;background:#dbeafe;border-radius:20px;padding:2px 6px;font-size:9.5px;font-weight:700;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.ts-input-wrap{position:relative}.ts-table{border-collapse:collapse;border:1px solid #dde3ee;border-radius:6px;width:100%;overflow:hidden}.ts-th{text-align:left;color:#fff;letter-spacing:.3px;white-space:nowrap;background:#3451d1;padding:9px 13px;font-size:12px;font-weight:600}.ts-th-wide{min-width:160px}.ts-td{color:#1e2a45;border-bottom:1px solid #dde3ee;padding:8px 13px;font-size:13px}.ts-td-right{text-align:right}.ts-td-amount{color:#2b3fad;font-weight:600}.ts-td-muted{color:#6b7a99}.ts-td-noborder{border-bottom:none}.ts-td-total-label{text-align:right;color:#2b3fad;border-bottom:none;font-weight:700}.ts-td-total-value{text-align:right;color:#2b3fad;border-bottom:none;font-size:14px;font-weight:800}.ts-row-even{background:#fff}.ts-row-odd{background:#f7f9fc}.ts-row-selected{background:#e8eeff}.ts-row-total{background:#eef2f7}.ts-row-clickable{cursor:pointer;transition:background .1s}.ts-btn-primary{color:#fff;cursor:pointer;background:#3451d1;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 20px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.ts-btn-cancel{color:#6b7a99;cursor:pointer;background:#fff;border:1px solid #dde3ee;border-radius:6px;padding:8px 18px;font-family:inherit;font-size:13px;font-weight:500}.ts-btn-sm-add{white-space:nowrap;padding:8px 14px}.ts-btn-edit{background:#fff;border-radius:5px;align-items:center;gap:5px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:600;display:flex}.ts-btn-edit-active{color:#d97706;cursor:pointer;border:1px solid #d97706}.ts-btn-edit-disabled{color:#d1d5db;cursor:not-allowed;border:1px solid #e5e7eb}.ts-btn-delete{background:#fff;border-radius:5px;align-items:center;gap:5px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:600;display:flex}.ts-btn-delete-active{color:#dc2626;cursor:pointer;border:1px solid #dc2626}.ts-btn-delete-disabled{color:#d1d5db;cursor:not-allowed;border:1px solid #e5e7eb}.ts-btn-collapse{color:#6b7a99;cursor:pointer;background:#fff;border:1px solid #dde3ee;border-radius:5px;align-items:center;gap:5px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:600;display:flex}.ts-footer-row{border-top:1px solid #dde3ee;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;padding-top:12px;display:flex}.ts-footer-note{color:#9aa5be;align-items:center;gap:4px;margin-right:auto;font-size:11px;display:flex}.ts-footer-note-required{color:#e3342f;margin:0 2px;font-weight:700}.ts-action-row{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.ts-charges-note{text-align:right;margin-top:6px}.ts-charges-note-text{color:#9aa5be;align-items:center;gap:4px;font-size:11px;font-style:italic;display:inline-flex}.ts-info-strip{background:#f7f9fc;border:1px solid #dde3ee;border-radius:6px;margin-bottom:14px;padding:10px 13px}.ts-info-strip-key{color:#6b7a99;font-size:12px}.ts-info-strip-val{color:#2b3fad;font-weight:700}.ts-container-section{margin-top:16px}.ts-fields-grid{gap:12px;display:grid}.ts-field-with-btn{gap:7px;display:flex}.ts-exp-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.ts-exp-title-wrap{align-items:center;gap:7px;display:flex}.ts-exp-title{color:#2b3fad;font-size:13px;font-weight:700}.ts-exp-count{color:#2563eb;background:#dbeafe;border-radius:20px;padding:1px 9px;font-size:10.5px;font-weight:700}.ts-exp-btns{flex-wrap:wrap;gap:6px;display:flex}.ts-modal-overlay{z-index:1000;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ts-modal{background:#fff;border-radius:10px;width:380px;max-width:90vw;padding:24px;box-shadow:0 8px 32px #0000002e}.ts-modal-title{color:#2b3fad;margin-bottom:16px;font-size:14px;font-weight:700}.ts-modal-fields{gap:12px;display:grid}.ts-modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.ts-datetime-field{width:100%;max-width:300px}.ts-datetime-editor{background:#fff;border:1px solid #d0d8e8;border-radius:6px;align-items:center;gap:4px;width:100%;padding:8px 11px;display:flex}.ts-datetime-editor:focus-within{border-color:#3451d1;outline:none;box-shadow:0 0 0 3px #3451d11a}.ts-datetime-part{color:#1e2a45;text-align:center;background:0 0;border:none;outline:none;padding:0;font-family:inherit;font-size:13px;line-height:1.4}.ts-datetime-part::placeholder{color:#9aa5be}.ts-datetime-part-sm{width:2ch}.ts-datetime-part-year{width:4ch}.ts-datetime-sep{color:#1e2a45;font-size:13px;line-height:1.4}.ts-datetime-gap{width:8px}@media (width<=768px){.ts-page{padding:10px 8px}.ts-g2{grid-template-columns:1fr}.ts-g3{grid-template-columns:1fr 1fr}.ts-tab{padding:8px 12px;font-size:12px}}@media (width<=480px){.ts-g3{grid-template-columns:1fr}}@media print{.no-print{display:none!important}.print-only{display:block!important}body{margin:0;background:#fff!important}@page{margin:10mm;size:A4 landscape}}@media screen{.print-only{display:none!important}}.sort-btn:hover{background:#bfdbfe!important}.act-btn:hover{transform:scale(1.15);opacity:1!important}.page-wrapper{background:#f0f4f8;min-height:100vh;font-family:Segoe UI,sans-serif}.app-header{color:#fff;background:#3451d1;align-items:center;gap:12px;padding:12px 24px;display:flex}.app-header-title{font-size:16px;font-weight:700}.page-content{padding:20px 24px}.card{background:#fff;border-radius:8px;margin-bottom:18px;overflow:hidden;box-shadow:0 1px 4px #00000014}.sec-hdr{background:#f8faff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:10px 18px;display:flex}.sec-hdr-left{align-items:center;gap:8px;display:flex}.sec-title{color:#3451d1;letter-spacing:1px;text-transform:uppercase;font-size:12px;font-weight:700}.sec-hdr-right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.badge{color:#3451d1;background:#dbeafe;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.basic-info-body{flex-wrap:wrap;gap:20px;padding:16px 18px;display:flex}.field-wrapper{flex:180px}.field-label{color:#374151;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.field-required{color:red}.inp{color:#374151;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:5px;width:100%;padding:7px 10px;font-size:13px}.inp-auto{color:#374151;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:5px;width:auto;margin-left:6px;padding:7px 10px;font-size:13px}.i-inp{color:#374151;box-sizing:border-box;background:#eff6ff;border:1px solid #93c5fd;border-radius:4px;width:100%;padding:4px 6px;font-size:12px}.i-inp-num{color:#374151;box-sizing:border-box;background:#eff6ff;border:1px solid #93c5fd;border-radius:4px;width:55px;padding:4px 6px;font-size:12px}.tbl-wrapper{overflow-x:auto}.tbl{border-collapse:collapse;width:100%;font-size:12px}.tbl-sm{border-collapse:collapse;width:100%;font-size:11px}.th{color:#fff;text-align:left;white-space:nowrap;padding:9px 10px;font-size:11px;font-weight:600}.td{color:#374151;border-bottom:1px solid #f1f5f9;padding:7px 10px;font-size:12px}.td-right{color:#374151;text-align:right;border-bottom:1px solid #f1f5f9;padding:7px 10px;font-size:12px}.td-center{color:#374151;text-align:center;border-bottom:1px solid #f1f5f9;padding:7px 10px;font-size:12px}.td-nowrap{color:#374151;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:7px 10px;font-size:12px}.td-small{color:#374151;border-bottom:1px solid #f1f5f9;padding:7px 10px;font-size:10px}.td-bold-blue{color:#3451d1;text-align:right;border-bottom:1px solid #f1f5f9;padding:7px 10px;font-size:12px;font-weight:700}.tr-even{background:#fff}.tr-odd{background:#f8faff}.tr-new{background:#eff6ff}.tfoot-row{background:#eff6ff;font-weight:700}.tfoot-label,.tfoot-value{color:#3451d1;text-align:right;border-bottom:1px solid #f1f5f9;padding:7px 10px;font-size:12px;font-weight:700}.add-btn{color:#fff;cursor:pointer;background:#3451d1;border:none;border-radius:6px;align-items:center;padding:7px 14px;font-size:12px;font-weight:600;display:inline-flex}.add-btn-green{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:6px;align-items:center;padding:7px 14px;font-size:12px;font-weight:600;display:inline-flex}.grn-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:4px;align-items:center;margin-right:4px;padding:3px 8px;font-size:12px;display:inline-flex}.gry-btn{color:#fff;cursor:pointer;background:#94a3b8;border:none;border-radius:4px;align-items:center;padding:3px 8px;font-size:12px;display:inline-flex}.act-btn{cursor:pointer;opacity:.85;background:0 0;border:none;align-items:center;padding:2px 4px;transition:opacity .15s,transform .1s;display:inline-flex}.act-btn-edit{color:#2563eb}.act-btn-delete{color:#dc2626}.sort-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:3px;align-items:center;margin-right:2px;padding:2px 5px;font-size:10px;display:inline-flex}.print-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:600;display:flex}.cancel-btn{cursor:pointer;color:#374151;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:9px 20px;font-weight:600}.save-btn{color:#fff;cursor:pointer;background:#3451d1;border:none;border-radius:6px;padding:9px 28px;font-size:14px;font-weight:600}.daily-body{align-items:flex-start;display:flex}.daily-table-col{border-right:2px solid #e2e8f0;flex:1 1 0;overflow-x:auto}.summary-col{flex:0 0 340px;padding:16px 20px}.summary-title{color:#3451d1;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:12px;font-weight:700}.summary-border{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.summary-row{color:#374151;background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:9px 14px;font-weight:400;display:flex}.summary-row-highlight{color:#3451d1;background:#eff6ff;border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:9px 14px;font-weight:700;display:flex}.summary-row-total{color:#fff;background:#3451d1;justify-content:space-between;padding:12px 14px;font-weight:700;display:flex}.summary-label{font-size:12px}.summary-value{font-size:12px;font-weight:600}.summary-total-label{font-size:13px}.summary-total-value{font-size:14px}.summary-note{color:#94a3b8;margin-top:8px;margin-bottom:0;font-size:10px;font-style:italic;line-height:1.5}.print-section-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;padding:12px 18px;display:flex}.footer-actions{justify-content:flex-end;align-items:center;gap:10px;padding-bottom:24px;display:flex}.footer-hint{color:#94a3b8;flex:1;margin:0;font-size:12px}.date-filter-label{color:#374151;font-size:12px;font-weight:600}.print-layout{padding:2px 6px}.print-header{border-bottom:2px solid #3451d1;margin-bottom:10px;padding-bottom:6px}.print-header-title{color:#3451d1;font-size:15px;font-weight:700}.print-header-meta{color:#374151;gap:28px;margin-top:3px;font-size:11px;display:flex}.print-section{margin-bottom:12px}.print-section-title{color:#3451d1;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:700}.print-two-col{align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.print-col-main{flex:58%}.print-col-summary{flex:0 0 280px}.print-summary-note{color:#666;margin-top:6px;font-size:9px;font-style:italic}.print-summary-tbl{border-collapse:collapse;width:100%;font-size:11px}.print-sum-td{color:#374151;border-bottom:1px solid #f1f5f9;padding:7px 10px;font-size:12px}.print-sum-td-right{color:#374151;text-align:right;border-bottom:1px solid #f1f5f9;padding:7px 10px;font-size:12px}.print-sum-total-row{background:#3451d1}.print-sum-total-td{color:#fff;padding:8px 10px;font-size:11px;font-weight:700}.print-sum-total-td-right{color:#fff;text-align:right;padding:8px 10px;font-size:12px;font-weight:700}.signature-row{border-top:1px solid #bbb;padding-top:8px;display:flex}.sig-col{border-right:1px solid #bbb;flex:1;padding:0 10px}.sig-col-last{flex:1;padding:0 10px}.sig-col:first-child{padding-left:0}.sig-label{color:#374151;font-size:10px}.sig-line{border-bottom:1px solid #999;margin-top:22px}.ap-page{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));min-height:100vh;padding:1.25rem}.ap-card{--tw-border-opacity:1;border-width:1px;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:.75rem}.ap-tab-strip{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(229 231 235/var(--tw-border-opacity,1));gap:4px;padding-left:1.25rem;padding-right:1.25rem;display:flex}.ap-tab{border-bottom-width:2px;align-items:center;gap:8px;margin-bottom:-1px;padding:.875rem 1.25rem;font-size:.875rem;font-weight:600;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.ap-tab-active{--tw-border-opacity:1;border-color:rgb(29 78 216/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.ap-tab-inactive{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));border-color:#0000}.ap-tab-inactive:hover{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.ap-tab-content{padding:1.25rem}.ap-filter-bar{flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:1rem;display:flex}.ap-search-wrap{flex:1;min-width:12rem;position:relative}.ap-search-icon{pointer-events:none;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));position:absolute;top:50%;left:.75rem}.ap-search-input{--tw-border-opacity:1;border-width:1px;border-color:rgb(209 213 219/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));outline-offset:2px;border-radius:.5rem;outline:2px solid #0000;width:100%;padding:.5rem 2rem .5rem 2.25rem;font-size:.875rem;line-height:1.25rem}.ap-search-input:focus{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,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(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);--tw-ring-opacity:1;--tw-ring-color:rgb(219 234 254/var(--tw-ring-opacity,1))}.ap-search-clear{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));position:absolute;top:50%;right:.625rem}.ap-search-clear:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.ap-date-wrap{flex-direction:column;gap:4px;display:flex}.ap-date-label{text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));font-size:.75rem;font-weight:600;line-height:1rem}.ap-date-input{--tw-border-opacity:1;border-width:1px;border-color:rgb(209 213 219/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));outline-offset:2px;border-radius:.5rem;outline:2px solid #0000;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem}.ap-date-input:focus{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,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(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);--tw-ring-opacity:1;--tw-ring-color:rgb(219 234 254/var(--tw-ring-opacity,1))}.ap-reset-btn{--tw-border-opacity:1;border-width:1px;border-color:rgb(209 213 219/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1));border-radius:.5rem;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25rem;display:flex}.ap-reset-btn:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.ap-record-count{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));border-radius:9999px;margin-left:auto;padding:.375rem .75rem;font-size:.75rem;font-weight:600;line-height:1rem}.ap-toolbar{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.ap-select-all-label{cursor:pointer;-webkit-user-select:none;user-select:none;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));align-items:center;gap:8px;font-size:.875rem;font-weight:600;line-height:1.25rem;display:flex}.ap-checkbox{cursor:pointer;accent-color:#1d4ed8;width:1rem;height:1rem}.ap-select-all-count{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));font-size:.75rem;font-weight:400;line-height:1rem}.ap-approve-btn{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.5rem;align-items:center;gap:8px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:700;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.ap-approve-btn:hover{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.ap-approve-btn:disabled{cursor:not-allowed;--tw-bg-opacity:1;background-color:rgb(187 247 208/var(--tw-bg-opacity,1))}.ap-table-wrap{--tw-border-opacity:1;border-width:1px;border-color:rgb(229 231 235/var(--tw-border-opacity,1));border-radius:.75rem;overflow-x:auto}.ap-table{border-collapse:collapse;width:100%;font-size:.875rem;line-height:1.25rem}.ap-thead-row{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1));letter-spacing:.025em;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));font-size:.75rem;font-weight:600;line-height:1rem}.ap-th{padding:.75rem 1rem}.ap-th-left{text-align:left;padding:.75rem 1rem}.ap-th-right{text-align:right;padding:.75rem 1rem}.ap-th-checkbox{width:2.5rem;padding:.75rem 1rem}.ap-row-base{cursor:pointer;--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(243 244 246/var(--tw-border-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ap-row-selected{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.ap-row-even{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.ap-row-even:hover,.ap-row-odd{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.ap-row-odd:hover{background-color:#eff6ff4d}.ap-td{padding:.75rem 1rem}.ap-td-center{text-align:center;padding:.75rem 1rem}.ap-td-right{text-align:right;padding:.75rem 1rem}.ap-td-primary{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1));padding:.75rem 1rem;font-weight:600}.ap-td-medium{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));padding:.75rem 1rem;font-weight:500}.ap-td-gray{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));padding:.75rem 1rem}.ap-td-muted{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));padding:.75rem 1rem}.ap-td-date{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1));padding:.75rem 1rem}.ap-td-amount{text-align:right;--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1));padding:.75rem 1rem;font-weight:700}.ap-td-period{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));padding:.75rem 1rem;font-size:.75rem;line-height:1rem}.ap-td-period-arrow{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));margin-left:.25rem;margin-right:.25rem}.ap-td-advance{text-align:right;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1));padding:.75rem 1rem}.ap-empty-cell{text-align:center;--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));padding-top:4rem;padding-bottom:4rem}.ap-empty-icon{opacity:.3;margin-bottom:.5rem;margin-left:auto;margin-right:auto}.ap-summary{--tw-border-opacity:1;border-width:1px;border-color:rgb(191 219 254/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1));border-radius:.75rem;align-items:center;gap:1.5rem;margin-top:.75rem;padding:.75rem 1.25rem;display:flex}.ap-summary-label{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));font-size:.75rem;line-height:1rem}.ap-summary-value{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1));font-weight:700}.ap-summary-divider{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity,1));width:1px;height:2rem}.ap-toast{z-index:50;--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:.75rem;align-items:center;gap:8px;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;line-height:1.25rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.payable-page{--payable-primary:#2348c8;--payable-primary-dark:#1835a0;--payable-primary-light:#eef2fd;--payable-primary-hover:#3059e0;--payable-accent:#4f74f9;--payable-bg-page:#f0f3fb;--payable-bg-card:#fff;--payable-bg-input:#f8faff;--payable-border:#d5dcef;--payable-border-focus:#2348c8;--payable-text-primary:#1a2340;--payable-text-secondary:#5b6a90;--payable-text-muted:#9aaac8;--payable-text-white:#fff;--payable-success:#22c55e;--payable-danger:#ef4444;--payable-shadow-sm:0 1px 3px #2348c814;--payable-shadow-md:0 4px 16px #2348c81f;--payable-radius-sm:6px;--payable-radius-md:10px;--payable-radius-lg:14px;--payable-font-body:"DM Sans", sans-serif;--payable-font-heading:"Sora", sans-serif;--payable-transition:all .2s ease;max-width:1100px;color:var(--payable-text-primary);margin:0 auto;padding:28px 20px 60px}.payable-page .page-header{background:linear-gradient(135deg, var(--payable-primary) 0%, var(--payable-accent) 100%);color:var(--payable-text-white);border-radius:var(--payable-radius-lg) var(--payable-radius-lg) 0 0;font-family:var(--payable-font-heading);letter-spacing:.01em;box-shadow:var(--payable-shadow-md);justify-content:space-between;align-items:center;gap:10px;padding:16px 24px;font-size:1.05rem;font-weight:600;display:flex}.payable-page .payable-page-header-main{align-items:center;gap:10px;display:inline-flex}.payable-page .page-header svg{opacity:.9;flex-shrink:0}.payable-page .payable-page-icon{stroke-width:2px;flex-shrink:0;width:16px;height:16px}.payable-page .payable-page-icon-lg{width:18px;height:18px}.payable-page .page-header-title{text-align:left;align-items:center;margin-left:0;line-height:1;display:inline-flex}.payable-page .payable-page-back-btn{width:36px;height:36px;color:var(--payable-text-white);cursor:pointer;transition:var(--payable-transition);background:#ffffff1f;border:1px solid #ffffff59;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.payable-page .payable-page-back-btn:hover{background:#fff3;border-color:#ffffff8c}.payable-page .payable-page-back-btn:focus-visible{outline-offset:2px;outline:2px solid #ffffffd9}.payable-page .card{background:var(--payable-bg-card);border:1px solid var(--payable-border);border-radius:var(--payable-radius-lg);box-shadow:var(--payable-shadow-sm);overflow:hidden}.payable-page .card-body{padding:24px}.payable-page .form-grid{grid-template-columns:1fr 1fr;gap:18px 28px;display:grid}@media (width<=640px){.payable-page .form-grid{grid-template-columns:1fr}}.payable-page .form-full{grid-column:1/-1}.payable-page .form-group{flex-direction:column;gap:6px;display:flex}.payable-page .form-label{color:var(--payable-text-secondary);letter-spacing:.02em;font-size:.825rem;font-weight:600}.payable-page .form-input,.payable-page .form-select{background:var(--payable-bg-input);border:1.5px solid var(--payable-border);border-radius:var(--payable-radius-md);font-family:var(--payable-font-body);color:var(--payable-text-primary);width:100%;transition:var(--payable-transition);appearance:none;outline:none;padding:9px 14px;font-size:.9rem}.payable-page .form-input:focus,.payable-page .form-select:focus{border-color:var(--payable-border-focus);background:#fff;box-shadow:0 0 0 3px #2348c81f}.payable-page .form-input::placeholder{color:var(--payable-text-muted)}.payable-page .input-wrapper{position:relative}.payable-page .input-wrapper .form-input{padding-right:38px}.payable-page .input-icon{color:var(--payable-text-muted);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.payable-page .select-wrapper{position:relative}.payable-page .select-wrapper .form-select{padding-right:38px}.payable-page .select-wrapper:after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--payable-text-muted);pointer-events:none;width:0;height:0;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.payable-page .btn{border-radius:var(--payable-radius-md);font-family:var(--payable-font-body);cursor:pointer;transition:var(--payable-transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:7px;padding:9px 20px;font-size:.88rem;font-weight:600;display:inline-flex}.payable-page .btn svg{flex-shrink:0;width:16px;height:16px}.payable-page .btn-primary{background:var(--payable-primary);color:var(--payable-text-white)}.payable-page .btn-primary:hover{background:var(--payable-primary-hover);box-shadow:var(--payable-shadow-md);transform:translateY(-1px)}.payable-page .btn-outline{border:1.5px solid var(--payable-primary);color:var(--payable-primary);background:0 0}.payable-page .btn-outline:hover{background:var(--payable-primary-light)}.payable-page .btn-danger{border:1.5px solid var(--payable-danger);color:var(--payable-danger);background:0 0}.payable-page .btn-danger:hover{background:#fef2f2}.payable-page .btn-sm{border-radius:var(--payable-radius-sm);padding:5px 11px;font-size:.78rem}.payable-page .table-wrapper{border-radius:var(--payable-radius-md);border:1px solid var(--payable-border);overflow-x:auto}.payable-page table{border-collapse:collapse;width:100%;font-size:.875rem}.payable-page thead tr{background:linear-gradient(135deg, var(--payable-primary) 0%, var(--payable-accent) 100%);color:#fff}.payable-page thead th{text-align:left;font-family:var(--payable-font-heading);letter-spacing:.03em;white-space:nowrap;padding:11px 14px;font-size:.8rem;font-weight:600}.payable-page tbody tr{border-bottom:1px solid var(--payable-border);transition:background .15s}.payable-page tbody tr:last-child{border-bottom:none}.payable-page tbody tr:hover{background:var(--payable-primary-light)}.payable-page tbody td{color:var(--payable-text-primary);vertical-align:middle;padding:10px 14px}.payable-page .table-checkbox{width:15px;height:15px;accent-color:var(--payable-primary);cursor:pointer}.payable-page .tool-actions{align-items:center;gap:6px;display:flex}.payable-page .tool-group{justify-content:center;align-items:center;gap:4px;display:flex}.payable-page .icon-btn{justify-content:center;align-items:center;display:inline-flex}.payable-page .payable-action-icon{stroke-width:2px;flex-shrink:0;width:14px;height:14px}.payable-page .badge{border-radius:99px;padding:2px 9px;font-size:.73rem;font-weight:600;display:inline-block}.payable-page .badge-success{color:#16a34a;background:#dcfce7}.payable-page .badge-danger{color:#dc2626;background:#fee2e2}.payable-page .badge-info{color:#1d4ed8;background:#dbeafe}.payable-page .payable-row{background:var(--payable-primary-light);border:1.5px solid var(--payable-border);border-radius:var(--payable-radius-lg);align-items:center;gap:10px;margin-top:18px;padding:12px 18px;display:flex}.payable-page .payable-radio{width:18px;height:18px;accent-color:var(--payable-primary);cursor:pointer}.payable-page .payable-label{color:var(--payable-text-primary);font-size:.9rem;font-weight:600}.payable-page .form-actions{justify-content:flex-end;gap:10px;padding-top:8px;display:flex}@media print{body *{visibility:hidden!important}#print-area,#print-area *{visibility:visible!important}#print-area{background:#fff;width:210mm;font-family:Arial,sans-serif;top:0;left:0;font-size:8pt!important;position:fixed!important}@page{size:A4 portrait;margin:8mm}}:root{--primary:#1a3bb3;--primary-dark:#152e8f;--primary-mid:#2347cc;--primary-light:#e8edf9;--primary-border:#c5d0f0;--accent:#2563eb;--accent-hover:#1d4ed8;--green:#16a34a;--green-hover:#15803d;--red-bg:#fef2f2;--red-color:#dc2626;--red-hover:#fee2e2;--text-dark:#1e293b;--text-mid:#475569;--text-light:#94a3b8;--text-label:#64748b;--bg-page:#eef1f8;--bg-card:#fff;--bg-row-alt:#f8faff;--border:#e2e8f0;--border-light:#f1f5f9;--shadow-card:0 2px 8px #1a3bb312, 0 1px 3px #0000000d;--radius-card:10px;--radius-btn:6px;--radius-input:6px;--font:"Inter", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg-page);color:var(--text-dark);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.5}.ds-screen{background:var(--bg-page);min-height:100vh;font-family:var(--font)}.ds-header{background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 60%, var(--primary-mid) 100%);color:#fff;height:52px;box-shadow:none;border-radius:0;align-items:center;gap:10px;margin:-20px -22px 16px;padding:0 24px;display:flex}.ds-header h1{letter-spacing:.02em;color:#fff;font-size:15px;font-weight:600}.ds-container{flex-direction:column;gap:16px;max-width:1440px;margin:0 auto;padding:20px 20px 32px;display:flex}.ds-card{background:var(--bg-card);border-radius:var(--radius-card);border:1px solid var(--border);box-shadow:var(--shadow-card);padding:20px 22px 18px;overflow:hidden}.ds-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.ds-section-header-left{align-items:center;gap:8px;display:flex}.ds-section-icon{color:var(--primary);align-items:center;display:flex}.ds-section-title{color:var(--text-dark);letter-spacing:.08em;text-transform:uppercase;font-size:11.5px;font-weight:700}.ds-section-badge{background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border);border-radius:20px;padding:2px 8px;font-size:10.5px;font-weight:600}.ds-info-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (width<=640px){.ds-info-grid{grid-template-columns:1fr}}.ds-field{flex-direction:column;gap:5px;width:100%;display:flex}.ds-field-label{color:var(--text-label);text-transform:uppercase;letter-spacing:.06em;font-size:10.5px;font-weight:600}.ds-input{border:1px solid var(--border);border-radius:var(--radius-input);font-size:12.5px;font-family:var(--font);color:var(--text-dark);background:#fff;outline:none;width:100%;padding:7px 10px;transition:border-color .15s,box-shadow .15s}.ds-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1a3bb31a}.ds-input::placeholder{color:var(--text-light)}.ds-input-sm{padding:5px 8px;font-size:12px}.ds-btn-primary{background:var(--accent);color:#fff;font-size:11.5px;font-weight:600;font-family:var(--font);border-radius:var(--radius-btn);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:5px;padding:7px 14px;transition:background .15s;display:inline-flex;box-shadow:0 1px 4px #2563eb40}.ds-btn-primary:hover{background:var(--accent-hover)}.ds-btn-green{background:var(--green);color:#fff;font-size:11.5px;font-weight:600;font-family:var(--font);border-radius:var(--radius-btn);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:5px;padding:7px 14px;transition:background .15s;display:inline-flex;box-shadow:0 1px 4px #16a34a33}.ds-btn-green:hover{background:var(--green-hover)}.ds-btn-secondary{border-radius:var(--radius-btn);border:1px solid var(--border);color:var(--text-mid);font-size:12.5px;font-weight:500;font-family:var(--font);cursor:pointer;background:#fff;padding:7px 18px;transition:background .15s}.ds-btn-secondary:hover{background:var(--bg-row-alt)}.ds-btn-save{border-radius:var(--radius-btn);background:var(--accent);color:#fff;font-size:12.5px;font-weight:600;font-family:var(--font);cursor:pointer;border:none;padding:7px 22px;transition:background .15s}.ds-btn-save:hover{background:var(--accent-hover)}.ds-btn-print{background:var(--primary);color:#fff;width:100%;font-size:12.5px;font-weight:600;font-family:var(--font);border-radius:var(--radius-btn);cursor:pointer;border:none;justify-content:center;align-items:center;gap:7px;margin-top:14px;padding:9px;transition:background .15s;display:flex}.ds-btn-print:hover{background:var(--primary-dark)}.ds-btn-icon-blue{background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border);cursor:pointer;border-radius:5px;align-items:center;padding:5px;transition:background .12s;display:flex}.ds-btn-icon-blue:hover{background:#d4dcf5}.ds-btn-icon-red{background:var(--red-bg);color:var(--red-color);cursor:pointer;border:1px solid #fecaca;border-radius:5px;align-items:center;padding:5px;transition:background .12s;display:flex}.ds-btn-icon-red:hover{background:var(--red-hover)}.ds-table-wrapper{border:1px solid var(--border-light);border-radius:7px;overflow:auto hidden}.ds-table-wrapper::-webkit-scrollbar{display:none}.ds-table-wrapper{-ms-overflow-style:none;scrollbar-width:none}.ds-table{border-collapse:collapse;width:100%;font-family:var(--font)}.ds-table-sm{font-size:11px}.ds-table-md{font-size:12.5px}.ds-thead-row{background:var(--primary)}.ds-th{white-space:nowrap;letter-spacing:.02em;text-align:center;color:#fff;padding:9px 10px;font-size:11px;font-weight:600}.ds-th-left{text-align:left}.ds-th-right{text-align:right}.ds-tr-even{background:#fff}.ds-tr-odd{background:var(--bg-row-alt)}.ds-tr-even:hover,.ds-tr-odd:hover{background:#eef3ff;transition:background .1s}.ds-td{border-bottom:1px solid var(--border-light);color:var(--text-dark);padding:8px 10px}.ds-td-center{text-align:center}.ds-td-right{text-align:right}.ds-td-nowrap{white-space:nowrap}.ds-td-gray{color:var(--text-light);font-size:11px}.ds-td-blue{color:var(--primary);font-weight:600}.ds-td-bold{font-weight:600}.ds-td-trip{border-bottom:1px solid var(--border-light);color:var(--text-dark);white-space:nowrap;padding:6px;font-size:11px}.ds-tfoot-row{border-top:2px solid var(--primary-border);background:var(--primary-light)}.ds-tfoot-label{text-align:right;color:var(--text-dark);padding:8px 10px;font-size:12px;font-weight:700}.ds-tfoot-value{text-align:right;color:var(--primary);padding:8px 10px;font-weight:700}.ds-tfoot-trip{border-top:2px solid var(--primary-border);background:var(--primary-light);color:var(--primary-dark);font-size:11px;font-weight:700}.ds-trunc-cell{text-overflow:ellipsis;white-space:nowrap;cursor:default;border-bottom:1px solid var(--border-light);max-width:75px;color:var(--text-dark);padding:6px;font-size:11px;position:relative;overflow:hidden}.ds-trunc-text{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.ds-tooltip-popup{z-index:9999;background:var(--primary-dark);color:#fff;font-family:var(--font);white-space:nowrap;pointer-events:none;border-radius:6px;padding:5px 11px;font-size:11.5px;font-weight:500;animation:.1s tooltipIn;position:fixed;box-shadow:0 4px 18px #1a3bb34d}.ds-tooltip-popup:after{content:"";border:5px solid #0000;border-top-color:var(--primary-dark);position:absolute;top:100%;left:12px}@keyframes tooltipIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.ds-action-group{justify-content:center;align-items:center;gap:5px;display:flex}.ds-date-filter{color:var(--text-mid);flex-wrap:nowrap;align-items:center;gap:7px;font-size:12px;display:flex}.ds-bottom-grid{grid-template-columns:2fr 1fr;gap:16px;display:grid}@media (width<=900px){.ds-bottom-grid{grid-template-columns:1fr}}.ds-summary-card{background:var(--bg-card);border-radius:var(--radius-card);border:1px solid var(--border);box-shadow:var(--shadow-card);flex-direction:column;justify-content:space-between;padding:20px 22px 18px;display:flex}.ds-summary-title{color:var(--text-dark);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;font-size:11.5px;font-weight:700}.ds-summary-rows{flex-direction:column;gap:7px;display:flex}.ds-summary-row{background:var(--bg-row-alt);border:1px solid var(--border-light);border-radius:6px;justify-content:space-between;align-items:center;padding:7px 10px;display:flex}.ds-summary-row-highlight{background:var(--primary-light);border-color:var(--primary-border)}.ds-summary-row-label{color:var(--text-mid);font-size:12px}.ds-summary-row-value{color:var(--text-dark);font-size:12px;font-weight:700}.ds-summary-row-value-blue{color:var(--primary)}.ds-summary-balance{background:linear-gradient(135deg, var(--primary-dark), var(--primary-mid));color:#fff;border-radius:7px;justify-content:space-between;align-items:center;margin-top:10px;padding:11px 14px;display:flex;box-shadow:0 2px 10px #1a3bb338}.ds-summary-balance-label{font-size:12px;font-weight:600}.ds-summary-balance-value{font-size:16px;font-weight:800}.ds-summary-note{color:var(--text-light);margin-top:10px;font-size:10.5px;font-style:italic;line-height:1.4}.ds-footer{justify-content:space-between;align-items:center;padding:4px 0 0;display:flex}.ds-footer-note{color:var(--text-light);font-size:11px}.ds-footer-btns{gap:8px;display:flex}.ds-modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f173c73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ds-modal{background:#fff;border-radius:10px;width:100%;max-width:580px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #1a3bb333}.ds-modal-header{border-bottom:1px solid var(--border-light);background:linear-gradient(135deg, var(--primary-dark), var(--primary-mid));border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.ds-modal-title{color:#fff;font-size:13.5px;font-weight:600}.ds-modal-close{color:#ffffffbf;cursor:pointer;background:0 0;border:none;align-items:center;transition:color .12s;display:flex}.ds-modal-close:hover{color:#fff}.ds-modal-body{padding:20px}.ds-modal-grid-2{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.ds-modal-grid-4{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px;display:grid}.ds-modal-footer{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.ds-modal-btn-cancel{border-radius:var(--radius-btn);border:1px solid var(--border);color:var(--text-mid);font-size:12.5px;font-family:var(--font);cursor:pointer;background:#fff;padding:7px 16px;font-weight:500}.ds-modal-btn-cancel:hover{background:var(--bg-row-alt)}.ds-modal-btn-save{border-radius:var(--radius-btn);background:var(--green);color:#fff;font-size:12.5px;font-family:var(--font);cursor:pointer;border:none;align-items:center;gap:5px;padding:7px 16px;font-weight:600;display:flex}.ds-modal-btn-save:hover{background:var(--green-hover)}.ds-input-total{border:1px solid var(--primary-border);border-radius:var(--radius-input);color:var(--primary);background:var(--primary-light);width:100%;padding:7px 10px;font-size:12.5px;font-weight:700}:root{--pr-blue-dark:#2d3aad;--pr-blue-mid:#3b4fd4;--pr-blue-light:#e8ebff;--pr-blue-header:linear-gradient(135deg, #2d3aad 0%, #4a5ae8 100%);--pr-white:#fff;--pr-bg:#eef0f8;--pr-card-bg:#fff;--pr-border:#dde1f0;--pr-text-primary:#1a1f4b;--pr-text-secondary:#6b74a8;--pr-text-label:#7a84b8;--pr-amount-color:#2d3aad;--pr-green:#22c55e;--pr-red:#ef4444;--pr-shadow:0 2px 12px #2d3aad1a;--pr-radius:12px;--pr-radius-sm:8px;--pr-font:"DM Sans", sans-serif}.pr-wrapper{font-family:var(--pr-font);min-height:auto;color:var(--pr-text-primary);background:0 0;max-width:none;padding:0 0 12px}.pr-page-head{margin-bottom:18px}.pr-heading-row{align-items:center;gap:10px;display:flex}.pr-header-icon{color:#2563eb;opacity:.95;justify-content:center;align-items:center;display:inline-flex}.pr-title{font-size:26px}.pr-card{background:var(--pr-card-bg);border:1px solid #e2e8f0;border-radius:16px;margin:0 0 18px;padding:18px 20px 16px;box-shadow:0 1px 4px #0000000f}.pr-filter-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.pr-filter-group{flex-wrap:wrap;flex:1;gap:12px;display:flex}.pr-field{flex-direction:column;flex:1;gap:5px;min-width:180px;display:flex}.pr-label{letter-spacing:.06em;color:#64748b;text-transform:uppercase;font-size:11px;font-weight:600}.pr-input{font-size:13px;font-family:var(--pr-font);color:#334155;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:8px 12px;transition:border-color .2s,box-shadow .2s}.pr-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}select.pr-input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b74a8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.pr-btn-add{color:#fff;font-size:13px;font-weight:500;font-family:var(--pr-font);cursor:pointer;white-space:nowrap;letter-spacing:0;box-shadow:none;background:#2563eb;border:none;border-radius:8px;align-self:flex-end;padding:8px 16px;transition:opacity .2s,transform .15s}.pr-btn-add:hover{background:#1d4ed8}.pr-submit-row{justify-content:flex-end;gap:12px;margin-top:16px;display:flex}.pr-btn-submit{color:#fff;font-size:13px;font-weight:500;font-family:var(--pr-font);letter-spacing:0;cursor:pointer;box-shadow:none;background:#2563eb;border:none;border-radius:8px;padding:8px 18px;transition:background .2s}.pr-btn-submit:hover{background:#1d4ed8}.pr-table-card{padding:0;overflow:hidden}.pr-table-wrapper{overflow-x:auto}.pr-table{border-collapse:collapse;width:100%;font-size:13px}.pr-table thead tr{background:#1d4ed8}.pr-table thead th{color:#fff;letter-spacing:.06em;text-align:left;text-transform:uppercase;white-space:nowrap;padding:11px 16px;font-size:11px;font-weight:600}.pr-tools-head{width:240px;text-align:center!important}.pr-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s}.pr-table tbody tr:nth-child(2n){background:#fafafa}.pr-table tbody tr:hover{background:#eff6ff}.pr-table tbody tr:last-child{border-bottom:none}.pr-table tbody td{color:#334155;vertical-align:middle;padding:11px 16px}.pr-tools-cell{text-align:center;width:240px}.pr-amount{font-weight:600;color:#1d4ed8!important}.pr-action-icon{stroke-width:2px;flex-shrink:0;width:14px;height:14px}.pr-tools-group{flex-wrap:nowrap;justify-content:center;align-items:center;gap:8px;min-width:184px;display:inline-flex}.pr-row-print-btn{color:#2563eb;height:28px;font-size:12px;font-weight:600;font-family:var(--pr-font);cursor:pointer;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:6px;padding:0 10px;transition:background .2s,border-color .2s;display:inline-flex}.pr-row-print-btn:hover{background:#dbeafe;border-color:#93c5fd}.pr-empty{font-size:14px;text-align:center!important;color:var(--pr-text-secondary)!important;padding:36px!important}.pr-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#1a1f4b73;justify-content:center;align-items:center;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.pr-modal{background:#fff;border-radius:12px;width:420px;max-width:94vw;animation:.22s slideUp;overflow:hidden;box-shadow:0 12px 32px #0f172a2e}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.pr-modal-header{color:#fff;background:#1d4ed8;justify-content:space-between;align-items:center;padding:14px 18px;font-size:14px;font-weight:600;display:flex}.pr-modal-close{color:#fffc;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1;transition:color .15s}.pr-modal-close:hover{color:#fff}.pr-modal-body{flex-direction:column;gap:14px;padding:18px 18px 12px;display:flex}.pr-modal-footer{justify-content:flex-end;gap:10px;padding:12px 18px 18px;display:flex}.pr-btn-cancel{color:#64748b;font-size:13px;font-weight:500;font-family:var(--pr-font);cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 16px;transition:background .15s}.pr-btn-cancel:hover{background:#eef2f7}.pr-btn-save{color:#fff;font-size:13px;font-weight:600;font-family:var(--pr-font);cursor:pointer;box-shadow:none;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;transition:background .2s;display:inline-flex}.pr-btn-save:hover{background:#1d4ed8}@media (width<=600px){.pr-card{padding:16px}.pr-filter-row{flex-direction:column;align-items:stretch}.pr-filter-group{flex-direction:column}.pr-btn-add{text-align:center;align-self:stretch}.pr-submit-row{flex-direction:column;justify-content:stretch}.pr-btn-submit,.pr-btn-add{width:100%}.pr-table thead th,.pr-table tbody td{padding:12px 14px;font-size:13px}}*{box-sizing:border-box;margin:0;padding:0}body{color:#1e293b;background-color:#f0f2f5;font-family:Inter,sans-serif}.page-wrapper{min-height:100vh;padding:32px}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.page-title h1{color:#0f172a;letter-spacing:-.3px;font-size:28px;font-weight:700}.page-title p{color:#64748b;margin-top:4px;font-size:14px}.records-badge{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:500;box-shadow:0 1px 3px #0000000f}.card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #00000012}.toolbar{justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.search-wrapper{flex:1;max-width:420px;position:relative}.search-icon{color:#94a3b8;font-size:15px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{color:#334155;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:10px 14px 10px 40px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}.search-input::placeholder{color:#94a3b8}.search-input:focus{background:#fff;border-color:#3b6ef5;box-shadow:0 0 0 3px #3b6ef51a}.btn-add{color:#fff;cursor:pointer;white-space:nowrap;background:#3b6ef5;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 22px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:background .2s,transform .1s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #3b6ef54d}.btn-add:hover{background:#2c5ce0;transform:translateY(-1px);box-shadow:0 4px 14px #3b6ef566}.btn-add:active{transform:translateY(0)}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%}thead tr{background:#3b6ef5}thead th{text-align:left;color:#fff;letter-spacing:.7px;text-transform:uppercase;white-space:nowrap;padding:14px 24px;font-size:12px;font-weight:700}tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#f8faff}tbody td{color:#334155;vertical-align:middle;padding:16px 24px;font-size:14px}.vehicle-no{color:#1e293b;font-weight:600}.badge{white-space:nowrap;border-radius:20px;align-items:center;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.badge-green{color:#16a34a;background:#dcfce7;border:1px solid #bbf7d0}.badge-blue{color:#2563eb;background:#dbeafe;border:1px solid #bfdbfe}.badge-orange{color:#ea580c;background:#fff7ed;border:1px solid #fed7aa}.badge-purple{color:#9333ea;background:#f3e8ff;border:1px solid #e9d5ff}.tools-cell{align-items:center;gap:10px;display:flex}.tool-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;transition:background .15s,transform .1s;display:flex}.tool-btn:active{transform:scale(.93)}.tool-btn.view{color:#3b6ef5;background:#eff6ff}.tool-btn.view:hover{background:#dbeafe}.tool-btn.edit{color:#d97706;background:#fffbeb}.tool-btn.edit:hover{background:#fef3c7}.tool-btn.delete{color:#e11d48;background:#fff1f2}.tool-btn.delete:hover{background:#ffe4e6}.table-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.pagination-info{color:#64748b;font-size:13px}.pagination-info strong{color:#1e293b;font-weight:600}.pagination-controls{align-items:center;gap:6px;display:flex}.page-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:all .15s;display:flex}.page-btn:hover{color:#3b6ef5;border-color:#3b6ef5}.page-btn.active{color:#fff;background:#3b6ef5;border-color:#3b6ef5;font-weight:700;box-shadow:0 2px 8px #3b6ef54d}.page-btn:disabled{opacity:.4;cursor:not-allowed}.empty-state{text-align:center;color:#94a3b8;padding:60px 24px}.empty-state svg{opacity:.4;margin-bottom:12px}.empty-state p{font-size:15px}.vf-outer{background:#eef0f7;border-radius:12px;max-width:960px;margin:0 auto;padding:14px;font-family:Plus Jakarta Sans,sans-serif}.vf-header{background:#3730c0;border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.vf-header-left{align-items:center;gap:10px;display:flex}.vf-header-title{color:#fff;letter-spacing:.2px;font-size:18px;font-weight:600}.vf-back-btn{cursor:pointer;background:0 0;border:1.5px solid #ffffff80;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex}.vf-back-btn:hover{background:#ffffff1a}.vf-body{background:#fff;border:1px solid #e2e5ef;border-top:none;border-radius:0 0 10px 10px;padding:28px 24px 24px}.vf-grid{grid-template-columns:repeat(3,1fr);gap:20px 24px;display:grid}@media (width<=768px){.vf-grid{grid-template-columns:1fr}}.vf-field{flex-direction:column;gap:7px;display:flex}.vf-label{color:#374151;font-size:13px;font-weight:500}.vf-input-wrap{align-items:center;display:flex;position:relative}.vf-input{box-sizing:border-box;color:#374151;background:#fff;border:1.5px solid #d1d5db;border-radius:7px;outline:none;width:100%;padding:9px 38px 9px 12px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;transition:border-color .15s,box-shadow .15s}.vf-input:focus{border-color:#3730c0;box-shadow:0 0 0 3px #3730c01a}.vf-input::placeholder{color:#9ca3af}.vf-input-icon{color:#9ca3af;pointer-events:none;align-items:center;display:flex;position:absolute;right:11px}.vf-select-wrap{position:relative}.vf-select{box-sizing:border-box;color:#374151;appearance:none;cursor:pointer;background:#fff;border:1.5px solid #d1d5db;border-radius:7px;outline:none;width:100%;padding:9px 38px 9px 12px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;transition:border-color .15s,box-shadow .15s}.vf-select:focus{border-color:#3730c0;box-shadow:0 0 0 3px #3730c01a}.vf-select option[value=""]{color:#9ca3af}.vf-chevron{pointer-events:none;color:#6b7280;align-items:center;display:flex;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.vf-footer{justify-content:flex-end;margin-top:24px;display:flex}.vf-submit{color:#fff;cursor:pointer;background:#3730c0;border:none;border-radius:8px;align-items:center;gap:8px;padding:11px 32px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:600;transition:background .15s,transform .1s;display:flex}.vf-submit:hover{background:#2e28a8}.vf-submit:active{transform:scale(.98)}.pp-wrapper{background:#d8d8d8;flex-direction:column;align-items:center;min-height:100vh;padding:30px 20px;font-family:Arial,sans-serif;display:flex}.pp-print-btn{margin-bottom:16px}.pp-print-btn button{cursor:pointer;background:#fff;border:1px solid #333;border-radius:4px;padding:8px 26px;font-size:14px}.pp-paper{background:#fff;flex-direction:column;width:1123px;min-height:794px;padding:44px 55px;display:flex;box-shadow:0 2px 14px #0000002e}.pp-header{text-align:center;border-bottom:2px solid #000;margin-bottom:18px;padding-bottom:12px}.pp-company-name{text-transform:uppercase;letter-spacing:3px;font-size:26px;font-weight:700}.pp-doc-title{text-transform:uppercase;letter-spacing:3px;color:#444;margin-top:3px;font-size:12px}.pp-meta{justify-content:space-between;margin-bottom:22px;display:flex}.pp-meta-item{flex-direction:column;gap:3px;display:flex}.pp-meta-label{text-transform:uppercase;letter-spacing:1.2px;color:#666;font-size:9px}.pp-meta-value{font-size:13px;font-weight:700}.pp-section-title{text-transform:uppercase;letter-spacing:1.5px;border-bottom:1px solid #000;margin-bottom:8px;padding-bottom:5px;font-size:10px;font-weight:700}.pp-table{border-collapse:collapse;width:100%;margin-bottom:16px;font-size:13px}.pp-table thead tr{border-top:1px solid #000;border-bottom:1px solid #000}.pp-table th{text-align:left;text-transform:uppercase;letter-spacing:1px;padding:8px 12px;font-size:10px;font-weight:700}.pp-table td{border-bottom:1px solid #e0e0e0;padding:9px 12px;font-size:13px}.pp-right{text-align:right!important}.pp-bold{font-weight:700}.pp-total-row{justify-content:flex-end;margin-bottom:28px;display:flex}.pp-total-box{border-top:1px solid #000;border-bottom:2px solid #000;width:260px}.pp-total-line{border-bottom:1px solid #ddd;justify-content:space-between;padding:8px 12px;font-size:13px;display:flex}.pp-total-line:last-child{border-bottom:none}.pp-total-bold{font-weight:700;font-size:14px!important}.pp-sig-section{border-top:1px dashed #aaa;grid-template-columns:1fr 1fr 1fr;gap:40px;margin-top:auto;padding-top:18px;display:grid}.pp-sig-block{text-align:center}.pp-sig-line{border-bottom:1px solid #000;height:38px;margin-bottom:6px}.pp-sig-label{text-transform:uppercase;letter-spacing:1.2px;color:#555;font-size:9px}.pp-footer{color:#666;border-top:1px solid #000;justify-content:space-between;margin-top:20px;padding-top:8px;font-size:10px;display:flex}@media print{.pp-wrapper{min-height:unset;background:#fff;padding:0}.pp-print-btn{display:none!important}.pp-paper{width:100%;min-height:unset;box-shadow:none;padding:20px 30px}@page{size:A4 landscape;margin:0}html,body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important}body *{visibility:hidden!important}#print-area,#print-area *{visibility:visible!important}#print-area{background:#fff;width:100%;height:auto;font-family:Segoe UI,Arial,sans-serif;top:0;left:0;font-size:7pt!important;display:block!important;position:fixed!important}@page{size:A4 landscape;margin:5mm}}.hover\:bg-indigo-600:hover{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.hover\:text-indigo-700:hover{--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity,1))}.hover\:text-red-500:hover{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.hover\:text-slate-800:hover{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.focus\:ring-\[\#2563eb\]:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity,1))}@media (width>=640px){.sm\:block{display:block}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1280px){.xl\:col-span-2{grid-column:span 2/span 2}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}