@import "https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Noto+Sans+Thai:wght@100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@400;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Prompt:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700;800&family=Fira+Code:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700;800&family=Fira+Code:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700;800&family=Fira+Code:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700&display=swap";:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg,#ffffff26,#fff0);--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:#212529bf;--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:#21252980;--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:#0000002d;--bs-border-radius:.375rem;--bs-border-radius-sm:.25rem;--bs-border-radius-lg:.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 .5rem 1rem #00000026;--bs-box-shadow-sm:0 .125rem .25rem #00000013;--bs-box-shadow-lg:0 1rem 3rem #0000002d;--bs-box-shadow-inset:inset 0 1px 2px #00000013;--bs-focus-ring-width:.25rem;--bs-focus-ring-opacity:.25;--bs-focus-ring-color:#0d6efd40;--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222,226,230;--bs-body-bg:#212529;--bs-body-bg-rgb:33,37,41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255,255,255;--bs-secondary-color:#dee2e6bf;--bs-secondary-color-rgb:222,226,230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52,58,64;--bs-tertiary-color:#dee2e680;--bs-tertiary-color-rgb:222,226,230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43,48,53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110,168,254;--bs-link-hover-color-rgb:139,185,254;--bs-code-color:#e685b5;--bs-highlight-color:#dee2e6;--bs-highlight-bg:#664d03;--bs-border-color:#495057;--bs-border-color-translucent:#ffffff26;--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}*,:after,:before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0}hr{color:inherit;border:0;border-top:var(--bs-border-width)solid;opacity:.25;margin:1rem 0}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:var(--bs-heading-color);margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{cursor:help;text-decoration-skip-ink:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1rem}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg);padding:.1875em}sub,sup{vertical-align:baseline;font-size:.75em;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{margin-top:0;margin-bottom:1rem;font-size:.875em;display:block;overflow:auto}pre code{font-size:inherit;color:inherit;word-break:normal}code{color:var(--bs-code-color);word-wrap:break-word;font-size:.875em}a>code{color:inherit}kbd{color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem;padding:.1875rem .375rem;font-size:.875em}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{color:var(--bs-secondary-color);text-align:left;padding-top:.5rem;padding-bottom:.5rem}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{border-style:none;padding:0}textarea{resize:vertical}fieldset{border:0;min-width:0;margin:0;padding:0}legend{float:left;width:100%;font-size:calc(1.275rem + .3vw);line-height:inherit;margin-bottom:.5rem;padding:0}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field{padding:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-hour-field{padding:0}::-webkit-datetime-edit-minute{padding:0}::-webkit-datetime-edit-month-field{padding:0}::-webkit-datetime-edit-text{padding:0}::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{cursor:pointer;display:list-item}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-6{font-size:2.5rem}}.list-unstyled,.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{text-transform:uppercase;font-size:.875em}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{color:#6c757d;margin-top:-1rem;margin-bottom:1rem;font-size:.875em}.blockquote-footer:before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{background-color:var(--bs-body-bg);border:var(--bs-border-width)solid var(--bs-border-color);border-radius:var(--bs-border-radius);max-width:100%;height:auto;padding:.25rem}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{color:var(--bs-secondary-color);font-size:.875em}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x)*.5);padding-left:calc(var(--bs-gutter-x)*.5);margin-left:auto;margin-right:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;margin-top:calc(-1*var(--bs-gutter-y));margin-right:calc(-.5*var(--bs-gutter-x));margin-left:calc(-.5*var(--bs-gutter-x));flex-wrap:wrap;display:flex}.row>*{width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)*.5);padding-left:calc(var(--bs-gutter-x)*.5);margin-top:var(--bs-gutter-y);flex-shrink:0}.col{flex:1 0}.row-cols-auto>*{flex:none;width:auto}.row-cols-1>*{flex:none;width:100%}.row-cols-2>*{flex:none;width:50%}.row-cols-3>*{flex:none;width:33.3333%}.row-cols-4>*{flex:none;width:25%}.row-cols-5>*{flex:none;width:20%}.row-cols-6>*{flex:none;width:16.6667%}.col-auto{flex:none;width:auto}.col-1{flex:none;width:8.33333%}.col-2{flex:none;width:16.6667%}.col-3{flex:none;width:25%}.col-4{flex:none;width:33.3333%}.col-5{flex:none;width:41.6667%}.col-6{flex:none;width:50%}.col-7{flex:none;width:58.3333%}.col-8{flex:none;width:66.6667%}.col-9{flex:none;width:75%}.col-10{flex:none;width:83.3333%}.col-11{flex:none;width:91.6667%}.col-12{flex:none;width:100%}.offset-1{margin-left:8.33333%}.offset-2{margin-left:16.6667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333%}.offset-5{margin-left:41.6667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333%}.offset-8{margin-left:66.6667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333%}.offset-11{margin-left:91.6667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:.25rem}.g-1,.gy-1{--bs-gutter-y:.25rem}.g-2,.gx-2{--bs-gutter-x:.5rem}.g-2,.gy-2{--bs-gutter-y:.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0}.row-cols-sm-auto>*{flex:none;width:auto}.row-cols-sm-1>*{flex:none;width:100%}.row-cols-sm-2>*{flex:none;width:50%}.row-cols-sm-3>*{flex:none;width:33.3333%}.row-cols-sm-4>*{flex:none;width:25%}.row-cols-sm-5>*{flex:none;width:20%}.row-cols-sm-6>*{flex:none;width:16.6667%}.col-sm-auto{flex:none;width:auto}.col-sm-1{flex:none;width:8.33333%}.col-sm-2{flex:none;width:16.6667%}.col-sm-3{flex:none;width:25%}.col-sm-4{flex:none;width:33.3333%}.col-sm-5{flex:none;width:41.6667%}.col-sm-6{flex:none;width:50%}.col-sm-7{flex:none;width:58.3333%}.col-sm-8{flex:none;width:66.6667%}.col-sm-9{flex:none;width:75%}.col-sm-10{flex:none;width:83.3333%}.col-sm-11{flex:none;width:91.6667%}.col-sm-12{flex:none;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333%}.offset-sm-2{margin-left:16.6667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333%}.offset-sm-5{margin-left:41.6667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333%}.offset-sm-8{margin-left:66.6667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333%}.offset-sm-11{margin-left:91.6667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0}.row-cols-md-auto>*{flex:none;width:auto}.row-cols-md-1>*{flex:none;width:100%}.row-cols-md-2>*{flex:none;width:50%}.row-cols-md-3>*{flex:none;width:33.3333%}.row-cols-md-4>*{flex:none;width:25%}.row-cols-md-5>*{flex:none;width:20%}.row-cols-md-6>*{flex:none;width:16.6667%}.col-md-auto{flex:none;width:auto}.col-md-1{flex:none;width:8.33333%}.col-md-2{flex:none;width:16.6667%}.col-md-3{flex:none;width:25%}.col-md-4{flex:none;width:33.3333%}.col-md-5{flex:none;width:41.6667%}.col-md-6{flex:none;width:50%}.col-md-7{flex:none;width:58.3333%}.col-md-8{flex:none;width:66.6667%}.col-md-9{flex:none;width:75%}.col-md-10{flex:none;width:83.3333%}.col-md-11{flex:none;width:91.6667%}.col-md-12{flex:none;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333%}.offset-md-2{margin-left:16.6667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333%}.offset-md-5{margin-left:41.6667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333%}.offset-md-8{margin-left:66.6667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333%}.offset-md-11{margin-left:91.6667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0}.row-cols-lg-auto>*{flex:none;width:auto}.row-cols-lg-1>*{flex:none;width:100%}.row-cols-lg-2>*{flex:none;width:50%}.row-cols-lg-3>*{flex:none;width:33.3333%}.row-cols-lg-4>*{flex:none;width:25%}.row-cols-lg-5>*{flex:none;width:20%}.row-cols-lg-6>*{flex:none;width:16.6667%}.col-lg-auto{flex:none;width:auto}.col-lg-1{flex:none;width:8.33333%}.col-lg-2{flex:none;width:16.6667%}.col-lg-3{flex:none;width:25%}.col-lg-4{flex:none;width:33.3333%}.col-lg-5{flex:none;width:41.6667%}.col-lg-6{flex:none;width:50%}.col-lg-7{flex:none;width:58.3333%}.col-lg-8{flex:none;width:66.6667%}.col-lg-9{flex:none;width:75%}.col-lg-10{flex:none;width:83.3333%}.col-lg-11{flex:none;width:91.6667%}.col-lg-12{flex:none;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333%}.offset-lg-2{margin-left:16.6667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.3333%}.offset-lg-5{margin-left:41.6667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.3333%}.offset-lg-8{margin-left:66.6667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.3333%}.offset-lg-11{margin-left:91.6667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0}.row-cols-xl-auto>*{flex:none;width:auto}.row-cols-xl-1>*{flex:none;width:100%}.row-cols-xl-2>*{flex:none;width:50%}.row-cols-xl-3>*{flex:none;width:33.3333%}.row-cols-xl-4>*{flex:none;width:25%}.row-cols-xl-5>*{flex:none;width:20%}.row-cols-xl-6>*{flex:none;width:16.6667%}.col-xl-auto{flex:none;width:auto}.col-xl-1{flex:none;width:8.33333%}.col-xl-2{flex:none;width:16.6667%}.col-xl-3{flex:none;width:25%}.col-xl-4{flex:none;width:33.3333%}.col-xl-5{flex:none;width:41.6667%}.col-xl-6{flex:none;width:50%}.col-xl-7{flex:none;width:58.3333%}.col-xl-8{flex:none;width:66.6667%}.col-xl-9{flex:none;width:75%}.col-xl-10{flex:none;width:83.3333%}.col-xl-11{flex:none;width:91.6667%}.col-xl-12{flex:none;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333%}.offset-xl-2{margin-left:16.6667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.3333%}.offset-xl-5{margin-left:41.6667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.3333%}.offset-xl-8{margin-left:66.6667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.3333%}.offset-xl-11{margin-left:91.6667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0}.row-cols-xxl-auto>*{flex:none;width:auto}.row-cols-xxl-1>*{flex:none;width:100%}.row-cols-xxl-2>*{flex:none;width:50%}.row-cols-xxl-3>*{flex:none;width:33.3333%}.row-cols-xxl-4>*{flex:none;width:25%}.row-cols-xxl-5>*{flex:none;width:20%}.row-cols-xxl-6>*{flex:none;width:16.6667%}.col-xxl-auto{flex:none;width:auto}.col-xxl-1{flex:none;width:8.33333%}.col-xxl-2{flex:none;width:16.6667%}.col-xxl-3{flex:none;width:25%}.col-xxl-4{flex:none;width:33.3333%}.col-xxl-5{flex:none;width:41.6667%}.col-xxl-6{flex:none;width:50%}.col-xxl-7{flex:none;width:58.3333%}.col-xxl-8{flex:none;width:66.6667%}.col-xxl-9{flex:none;width:75%}.col-xxl-10{flex:none;width:83.3333%}.col-xxl-11{flex:none;width:91.6667%}.col-xxl-12{flex:none;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333%}.offset-xxl-2{margin-left:16.6667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.3333%}.offset-xxl-5{margin-left:41.6667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.3333%}.offset-xxl-8{margin-left:66.6667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.3333%}.offset-xxl-11{margin-left:91.6667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.table{--bs-table-color-type:initial;--bs-table-bg-type:initial;--bs-table-color-state:initial;--bs-table-bg-state:initial;--bs-table-color:var(--bs-emphasis-color);--bs-table-bg:var(--bs-body-bg);--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-emphasis-color);--bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb),.05);--bs-table-active-color:var(--bs-emphasis-color);--bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb),.1);--bs-table-hover-color:var(--bs-emphasis-color);--bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb),.075);vertical-align:top;border-color:var(--bs-table-border-color);width:100%;margin-bottom:1rem}.table>:not(caption)>*>*{color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)));padding:.5rem}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table-group-divider{border-top:calc(var(--bs-border-width)*2)solid currentcolor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem}.table-bordered>:not(caption)>*{border-width:var(--bs-border-width)0}.table-bordered>:not(caption)>*>*{border-width:0 var(--bs-border-width)}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(odd)>*,.table-striped-columns>:not(caption)>tr>:nth-child(2n){--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-active{--bs-table-color-state:var(--bs-table-active-color);--bs-table-bg-state:var(--bs-table-active-bg)}.table-hover>tbody>tr:hover>*{--bs-table-color-state:var(--bs-table-hover-color);--bs-table-bg-state:var(--bs-table-hover-bg)}.table-primary{--bs-table-color:#000;--bs-table-bg:#cfe2ff;--bs-table-border-color:#a6b5cc;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-secondary{--bs-table-color:#000;--bs-table-bg:#e2e3e5;--bs-table-border-color:#b5b6b7;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-success{--bs-table-color:#000;--bs-table-bg:#d1e7dd;--bs-table-border-color:#a7b9b1;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-info{--bs-table-color:#000;--bs-table-bg:#cff4fc;--bs-table-border-color:#a6c3ca;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-warning{--bs-table-color:#000;--bs-table-bg:#fff3cd;--bs-table-border-color:#ccc2a4;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-danger{--bs-table-color:#000;--bs-table-bg:#f8d7da;--bs-table-border-color:#c6acae;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-light{--bs-table-color:#000;--bs-table-bg:#f8f9fa;--bs-table-border-color:#c6c7c8;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-dark{--bs-table-color:#fff;--bs-table-bg:#212529;--bs-table-border-color:#4d5154;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (max-width:575.98px){.table-responsive-sm{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:767.98px){.table-responsive-md{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:991.98px){.table-responsive-lg{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:1199.98px){.table-responsive-xl{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:1399.98px){.table-responsive-xxl{-webkit-overflow-scrolling:touch;overflow-x:auto}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.375rem + var(--bs-border-width));padding-bottom:calc(.375rem + var(--bs-border-width));font-size:inherit;margin-bottom:0;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + var(--bs-border-width));padding-bottom:calc(.5rem + var(--bs-border-width));font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + var(--bs-border-width));padding-bottom:calc(.25rem + var(--bs-border-width));font-size:.875rem}.form-text{color:var(--bs-secondary-color);margin-top:.25rem;font-size:.875em}.form-control{width:100%;color:var(--bs-body-color);appearance:none;background-color:var(--bs-body-bg);border:var(--bs-border-width)solid var(--bs-border-color);border-radius:var(--bs-border-radius);background-clip:padding-box;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:block}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{padding:0;display:block}.form-control::placeholder{color:var(--bs-secondary-color);opacity:1}.form-control:disabled{background-color:var(--bs-secondary-bg);opacity:1}.form-control::file-selector-button{margin:-.375rem -.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;margin-inline-end:.75rem;padding:.375rem .75rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}.form-control-plaintext{width:100%;color:var(--bs-body-color);border:solid #0000;border-width:var(--bs-border-width)0;background-color:#0000;margin-bottom:0;padding:.375rem 0;line-height:1.5;display:block}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-left:0;padding-right:0}.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width)*2));border-radius:var(--bs-border-radius-sm);padding:.25rem .5rem;font-size:.875rem}.form-control-sm::file-selector-button{margin:-.25rem -.5rem;margin-inline-end:.5rem;padding:.25rem .5rem}.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width)*2));border-radius:var(--bs-border-radius-lg);padding:.5rem 1rem;font-size:1.25rem}.form-control-lg::file-selector-button{margin:-.5rem -1rem;margin-inline-end:1rem;padding:.5rem 1rem}textarea.form-control{min-height:calc(1.5em + .75rem + calc(var(--bs-border-width)*2))}textarea.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width)*2))}textarea.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width)*2))}.form-control-color{width:3rem;height:calc(1.5em + .75rem + calc(var(--bs-border-width)*2));padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border-radius:var(--bs-border-radius);border:0!important}.form-control-color::-webkit-color-swatch{border-radius:var(--bs-border-radius);border:0!important}.form-control-color.form-control-sm{height:calc(1.5em + .5rem + calc(var(--bs-border-width)*2))}.form-control-color.form-control-lg{height:calc(1.5em + 1rem + calc(var(--bs-border-width)*2))}.form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");width:100%;color:var(--bs-body-color);appearance:none;background-color:var(--bs-body-bg);background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);border:var(--bs-border-width)solid var(--bs-border-color);border-radius:var(--bs-border-radius);background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:block}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.form-select[multiple],.form-select[size]:not([size="1"]){background-image:none;padding-right:.75rem}.form-select:disabled{background-color:var(--bs-secondary-bg)}.form-select:-moz-focusring{color:#0000;text-shadow:0 0 0 var(--bs-body-color)}.form-select-sm{border-radius:var(--bs-border-radius-sm);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.form-select-lg{border-radius:var(--bs-border-radius-lg);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}[data-bs-theme=dark] .form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}.form-check{min-height:1.5rem;margin-bottom:.125rem;padding-left:1.5em;display:block}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-reverse{text-align:right;padding-left:0;padding-right:1.5em}.form-check-reverse .form-check-input{float:right;margin-left:0;margin-right:-1.5em}.form-check-input{--bs-form-check-bg:var(--bs-body-bg);vertical-align:top;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);border:var(--bs-border-width)solid var(--bs-border-color);-webkit-print-color-adjust:exact;print-color-adjust:exact;background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:1em;height:1em;margin-top:.25em}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");background-color:#0d6efd;border-color:#0d6efd}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");background-image:var(--bs-form-switch-bg);background-position:0;border-radius:2em;width:2em;margin-left:-2.5em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");background-position:100%}.form-switch.form-check-reverse{padding-left:0;padding-right:2.5em}.form-switch.form-check-reverse .form-check-input{margin-left:0;margin-right:-2.5em}.form-check-inline{margin-right:1rem;display:inline-block}.btn-check{clip:rect(0,0,0,0);pointer-events:none;position:absolute}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")}.form-range{appearance:none;background-color:#0000;width:100%;height:1.5rem;padding:0}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem #0d6efd40}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem #0d6efd40}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;width:1rem;height:1rem;margin-top:-.25rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{color:#0000;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:#0000;border-radius:1rem;width:100%;height:.5rem}.form-range::-moz-range-thumb{appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;width:1rem;height:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{color:#0000;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:#0000;border-radius:1rem;width:100%;height:.5rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:var(--bs-secondary-color)}.form-range:disabled::-moz-range-thumb{background-color:var(--bs-secondary-color)}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + calc(var(--bs-border-width)*2));min-height:calc(3.5rem + calc(var(--bs-border-width)*2));line-height:1.25}.form-floating>label{z-index:2;text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:var(--bs-border-width)solid transparent;transform-origin:0 0;height:100%;padding:1rem .75rem;transition:opacity .1s ease-in-out,transform .1s ease-in-out;position:absolute;top:0;left:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem .75rem}.form-floating>.form-control-plaintext::-moz-placeholder{color:#0000}.form-floating>.form-control::-moz-placeholder{color:#0000}.form-floating>.form-control-plaintext::-moz-placeholder{color:#0000}.form-floating>.form-control::-moz-placeholder{color:#0000}.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:#0000}:-webkit-any(.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),.form-floating>.form-control:not(:-moz-placeholder-shown)),:-webkit-any(.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:not(:placeholder-shown)),.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown),:-webkit-any(.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill),.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem}:is(.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),.form-floating>.form-control:not(:-moz-placeholder-shown)),:is(.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:not(:placeholder-shown)),.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown),:is(.form-floating>.form-control-plaintext:autofill,.form-floating>.form-control:autofill),.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:not(:-moz-placeholder-shown)~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85)translateY(-.5rem)translate(.15rem)}.form-floating>.form-control:not(:-moz-placeholder-shown)~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85)translateY(-.5rem)translate(.15rem)}.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85)translateY(-.5rem)translate(.15rem)}.form-floating>.form-control:not(:-moz-placeholder-shown)~label:after{z-index:-1;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius);height:1.5em;position:absolute;inset:1rem .375rem}.form-floating>.form-control:not(:-moz-placeholder-shown)~label:after{z-index:-1;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius);height:1.5em;position:absolute;inset:1rem .375rem}.form-floating>.form-control-plaintext~label:after,.form-floating>.form-control:focus~label:after,.form-floating>.form-control:not(:placeholder-shown)~label:after,.form-floating>.form-select~label:after{z-index:-1;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius);height:1.5em;position:absolute;inset:1rem .375rem}.form-floating>.form-control:-webkit-autofill~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85)translateY(-.5rem)translate(.15rem)}.form-floating>.form-control-plaintext~label{border-width:var(--bs-border-width)0}.form-floating>.form-control:disabled~label,.form-floating>:disabled~label{color:#6c757d}.form-floating>.form-control:disabled~label:after,.form-floating>:disabled~label:after{background-color:var(--bs-secondary-bg)}.input-group{flex-wrap:wrap;align-items:stretch;width:100%;display:flex;position:relative}.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select{flex:auto;width:1%;min-width:0;position:relative}.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus{z-index:5}.input-group .btn{z-index:2;position:relative}.input-group .btn:focus{z-index:5}.input-group-text{color:var(--bs-body-color);text-align:center;white-space:nowrap;background-color:var(--bs-tertiary-bg);border:var(--bs-border-width)solid var(--bs-border-color);border-radius:var(--bs-border-radius);align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;display:flex}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{border-radius:var(--bs-border-radius-lg);padding:.5rem 1rem;font-size:1.25rem}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{border-radius:var(--bs-border-radius-sm);padding:.25rem .5rem;font-size:.875rem}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:calc(var(--bs-border-width)*-1);border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{width:100%;color:var(--bs-form-valid-color);margin-top:.25rem;font-size:.875em;display:none}.valid-tooltip{z-index:5;color:#fff;background-color:var(--bs-success);border-radius:var(--bs-border-radius);max-width:100%;margin-top:.1rem;padding:.25rem .5rem;font-size:.875rem;display:none;position:absolute;top:100%}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:var(--bs-form-valid-border-color);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-position:right calc(.375em + .1875rem) center;background-repeat:no-repeat;background-size:calc(.75em + .375rem) calc(.75em + .375rem);padding-right:calc(1.5em + .75rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{background-position:right calc(.375em + .1875rem) top calc(.375em + .1875rem);padding-right:calc(1.5em + .75rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:var(--bs-form-valid-border-color)}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-position:right .75rem center,right 2.25rem center;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem);padding-right:4.125rem}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-control-color.is-valid,.was-validated .form-control-color:valid{width:calc(1.5em + 3.75rem)}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:var(--bs-form-valid-border-color)}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:var(--bs-form-valid-color)}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:var(--bs-form-valid-color)}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid{z-index:3}.invalid-feedback{width:100%;color:var(--bs-form-invalid-color);margin-top:.25rem;font-size:.875em;display:none}.invalid-tooltip{z-index:5;color:#fff;background-color:var(--bs-danger);border-radius:var(--bs-border-radius);max-width:100%;margin-top:.1rem;padding:.25rem .5rem;font-size:.875rem;display:none;position:absolute;top:100%}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:var(--bs-form-invalid-border-color);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-position:right calc(.375em + .1875rem) center;background-repeat:no-repeat;background-size:calc(.75em + .375rem) calc(.75em + .375rem);padding-right:calc(1.5em + .75rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{background-position:right calc(.375em + .1875rem) top calc(.375em + .1875rem);padding-right:calc(1.5em + .75rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:var(--bs-form-invalid-border-color)}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-position:right .75rem center,right 2.25rem center;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem);padding-right:4.125rem}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-control-color.is-invalid,.was-validated .form-control-color:invalid{width:calc(1.5em + 3.75rem)}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:var(--bs-form-invalid-border-color)}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:var(--bs-form-invalid-color)}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:var(--bs-form-invalid-color)}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid{z-index:4}.btn{--bs-btn-padding-x:.75rem;--bs-btn-padding-y:.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 #ffffff26,0 1px 1px #00000013;--bs-btn-disabled-opacity:.65;--bs-btn-focus-box-shadow:0 0 0 .25rem rgba(var(--bs-btn-focus-shadow-rgb),.5);padding:var(--bs-btn-padding-y)var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:var(--bs-btn-border-width)solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:inline-block}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn-check+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);box-shadow:var(--bs-btn-focus-box-shadow);outline:0}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);box-shadow:var(--bs-btn-focus-box-shadow);outline:0}.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible,.btn-check:checked:focus-visible+.btn{box-shadow:var(--bs-btn-focus-box-shadow)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px #00000020;--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130,138,145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px #00000020;--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-focus-shadow-rgb:60,153,110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-active-shadow:inset 0 3px 5px #00000020;--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754}.btn-info{--bs-btn-color:#000;--bs-btn-bg:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#31d2f2;--bs-btn-hover-border-color:#25cff2;--bs-btn-focus-shadow-rgb:11,172,204;--bs-btn-active-color:#000;--bs-btn-active-bg:#3dd5f3;--bs-btn-active-border-color:#25cff2;--bs-btn-active-shadow:inset 0 3px 5px #00000020;--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#0dcaf0;--bs-btn-disabled-border-color:#0dcaf0}.btn-warning{--bs-btn-color:#000;--bs-btn-bg:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-focus-shadow-rgb:217,164,6;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-active-shadow:inset 0 3px 5px #00000020;--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107}.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:225,83,97;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-active-shadow:inset 0 3px 5px #00000020;--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#dc3545;--bs-btn-disabled-border-color:#dc3545}.btn-light{--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211,212,213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px #00000020;--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}.btn-dark{--bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66,70,73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px #00000020;--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}.btn-outline-primary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13,110,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px #00000020;--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none}.btn-outline-secondary{--bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;--bs-btn-hover-border-color:#6c757d;--bs-btn-focus-shadow-rgb:108,117,125;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6c757d;--bs-btn-active-border-color:#6c757d;--bs-btn-active-shadow:inset 0 3px 5px #00000020;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6c757d;--bs-gradient:none}.btn-outline-success{--bs-btn-color:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#198754;--bs-btn-hover-border-color:#198754;--bs-btn-focus-shadow-rgb:25,135,84;--bs-btn-active-color:#fff;--bs-btn-active-bg:#198754;--bs-btn-active-border-color:#198754;--bs-btn-active-shadow:inset 0 3px 5px #00000020;--bs-btn-disabled-color:#198754;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#198754;--bs-gradient:none}.btn-outline-info{--bs-btn-color:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#0dcaf0;--bs-btn-hover-border-color:#0dcaf0;--bs-btn-focus-shadow-rgb:13,202,240;--bs-btn-active-color:#000;--bs-btn-active-bg:#0dcaf0;--bs-btn-active-border-color:#0dcaf0;--bs-btn-active-shadow:inset 0 3px 5px #00000020;--bs-btn-disabled-color:#0dcaf0;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0dcaf0;--bs-gradient:none}.btn-outline-warning{--bs-btn-color:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffc107;--bs-btn-hover-border-color:#ffc107;--bs-btn-focus-shadow-rgb:255,193,7;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffc107;--bs-btn-active-border-color:#ffc107;--bs-btn-active-shadow:inset 0 3px 5px #00000020;--bs-btn-disabled-color:#ffc107;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ffc107;--bs-gradient:none}.btn-outline-danger{--bs-btn-color:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc3545;--bs-btn-hover-border-color:#dc3545;--bs-btn-focus-shadow-rgb:220,53,69;--bs-btn-active-color:#fff;--bs-btn-active-bg:#dc3545;--bs-btn-active-border-color:#dc3545;--bs-btn-active-shadow:inset 0 3px 5px #00000020;--bs-btn-disabled-color:#dc3545;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#dc3545;--bs-gradient:none}.btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248,249,250;--bs-btn-active-color:#000;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px #00000020;--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--bs-gradient:none}.btn-outline-dark{--bs-btn-color:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#212529;--bs-btn-hover-border-color:#212529;--bs-btn-focus-shadow-rgb:33,37,41;--bs-btn-active-color:#fff;--bs-btn-active-bg:#212529;--bs-btn-active-border-color:#212529;--bs-btn-active-shadow:inset 0 3px 5px #00000020;--bs-btn-disabled-color:#212529;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#212529;--bs-gradient:none}.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:0 0 0 #000;--bs-btn-focus-shadow-rgb:49,132,253;text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.btn-group-lg>.btn,.btn-lg{--bs-btn-padding-y:.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:var(--bs-border-radius-lg)}.btn-group-sm>.btn,.btn-sm{--bs-btn-padding-y:.25rem;--bs-btn-padding-x:.5rem;--bs-btn-font-size:.875rem;--bs-btn-border-radius:var(--bs-border-radius-sm)}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;transition:height .35s;overflow:hidden}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle:after{vertical-align:.255em;content:"";border:.3em solid #0000;border-top-color:currentColor;border-bottom:0;margin-left:.255em;display:inline-block}.dropdown-toggle:empty:after{margin-left:0}.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:.5rem;--bs-dropdown-spacer:.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:var(--bs-body-color);--bs-dropdown-bg:var(--bs-body-bg);--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:var(--bs-border-radius);--bs-dropdown-border-width:var(--bs-border-width);--bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:.5rem;--bs-dropdown-box-shadow:var(--bs-box-shadow);--bs-dropdown-link-color:var(--bs-body-color);--bs-dropdown-link-hover-color:var(--bs-body-color);--bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:var(--bs-tertiary-color);--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:.5rem;z-index:var(--bs-dropdown-zindex);min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y)var(--bs-dropdown-padding-x);font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;background-color:var(--bs-dropdown-bg);border:var(--bs-dropdown-border-width)solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius);background-clip:padding-box;margin:0;list-style:none;display:none;position:absolute}.dropdown-menu[data-bs-popper]{margin-top:var(--bs-dropdown-spacer);top:100%;left:0}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{left:0;right:auto}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{left:auto;right:0}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{left:0;right:auto}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{left:auto;right:0}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{left:0;right:auto}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{left:auto;right:0}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{left:0;right:auto}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{left:auto;right:0}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{left:0;right:auto}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{left:auto;right:0}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{left:0;right:auto}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{left:auto;right:0}}.dropup .dropdown-menu[data-bs-popper]{margin-top:0;margin-bottom:var(--bs-dropdown-spacer);top:auto;bottom:100%}.dropup .dropdown-toggle:after{vertical-align:.255em;content:"";border:.3em solid #0000;border-top:0;border-bottom-color:currentColor;margin-left:.255em;display:inline-block}.dropup .dropdown-toggle:empty:after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{margin-top:0;margin-left:var(--bs-dropdown-spacer);top:0;left:100%;right:auto}.dropend .dropdown-toggle:after{vertical-align:.255em;content:"";border:.3em solid #0000;border-left-color:currentColor;border-right:0;margin-left:.255em;display:inline-block}.dropend .dropdown-toggle:empty:after{margin-left:0}.dropend .dropdown-toggle:after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{margin-top:0;margin-right:var(--bs-dropdown-spacer);top:0;left:auto;right:100%}.dropstart .dropdown-toggle:after{vertical-align:.255em;content:"";margin-left:.255em;display:none}.dropstart .dropdown-toggle:before{vertical-align:.255em;content:"";border-top:.3em solid #0000;border-bottom:.3em solid #0000;border-right:.3em solid;margin-right:.255em;display:inline-block}.dropstart .dropdown-toggle:empty:after{margin-left:0}.dropstart .dropdown-toggle:before{vertical-align:0}.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y)0;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1;overflow:hidden}.dropdown-item{width:100%;padding:var(--bs-dropdown-item-padding-y)var(--bs-dropdown-item-padding-x);clear:both;color:var(--bs-dropdown-link-color);text-align:inherit;white-space:nowrap;border-radius:var(--bs-dropdown-item-border-radius,0);background-color:#0000;border:0;font-weight:400;text-decoration:none;display:block}.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);background-color:var(--bs-dropdown-link-active-bg);text-decoration:none}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:#0000}.dropdown-menu.show{display:block}.dropdown-header{padding:var(--bs-dropdown-header-padding-y)var(--bs-dropdown-header-padding-x);color:var(--bs-dropdown-header-color);white-space:nowrap;margin-bottom:0;font-size:.875rem;display:block}.dropdown-item-text{padding:var(--bs-dropdown-item-padding-y)var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color);display:block}.dropdown-menu-dark{--bs-dropdown-color:#dee2e6;--bs-dropdown-bg:#343a40;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color:#dee2e6;--bs-dropdown-link-hover-color:#fff;--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg:#ffffff26;--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-header-color:#adb5bd}.btn-group,.btn-group-vertical{vertical-align:middle;display:inline-flex;position:relative}.btn-group-vertical>.btn,.btn-group>.btn{flex:auto;position:relative}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{flex-wrap:wrap;justify-content:flex-start;display:flex}.btn-toolbar .input-group{width:auto}.btn-group{border-radius:var(--bs-border-radius)}.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn{margin-left:calc(var(--bs-border-width)*-1)}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-left:.5625rem;padding-right:.5625rem}.dropdown-toggle-split:after,.dropend .dropdown-toggle-split:after,.dropup .dropdown-toggle-split:after{margin-left:0}.dropstart .dropdown-toggle-split:before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-left:.375rem;padding-right:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-left:.75rem;padding-right:.75rem}.btn-group-vertical{flex-direction:column;justify-content:center;align-items:flex-start}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:calc(var(--bs-border-width)*-1)}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);flex-wrap:wrap;margin-bottom:0;padding-left:0;list-style:none;display:flex}.nav-link{padding:var(--bs-nav-link-padding-y)var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);background:0 0;border:0;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;display:block}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.nav-link.disabled,.nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.nav-tabs{--bs-nav-tabs-border-width:var(--bs-border-width);--bs-nav-tabs-border-color:var(--bs-border-color);--bs-nav-tabs-border-radius:var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color:var(--bs-secondary-bg)var(--bs-secondary-bg)var(--bs-border-color);--bs-nav-tabs-link-active-color:var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg:var(--bs-body-bg);--bs-nav-tabs-link-active-border-color:var(--bs-border-color)var(--bs-border-color)var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width)solid var(--bs-nav-tabs-border-color)}.nav-tabs .nav-link{margin-bottom:calc(-1*var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width)solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}.nav-tabs .dropdown-menu{margin-top:calc(-1*var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}.nav-pills{--bs-nav-pills-border-radius:var(--bs-border-radius);--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#0d6efd}.nav-pills .nav-link{border-radius:var(--bs-nav-pills-border-radius)}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}.nav-underline{--bs-nav-underline-gap:1rem;--bs-nav-underline-border-width:.125rem;--bs-nav-underline-link-active-color:var(--bs-emphasis-color);gap:var(--bs-nav-underline-gap)}.nav-underline .nav-link{border-bottom:var(--bs-nav-underline-border-width)solid transparent;padding-left:0;padding-right:0}.nav-underline .nav-link:focus,.nav-underline .nav-link:hover{border-bottom-color:currentColor}.nav-underline .nav-link.active,.nav-underline .show>.nav-link{color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentColor;font-weight:700}.nav-fill .nav-item,.nav-fill>.nav-link{text-align:center;flex:auto}.nav-justified .nav-item,.nav-justified>.nav-link{text-align:center;flex-grow:1;flex-basis:0}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:.5rem;--bs-navbar-color:rgba(var(--bs-emphasis-color-rgb),.65);--bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb),.8);--bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb),.3);--bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb),1);--bs-navbar-brand-padding-y:.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb),1);--bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb),1);--bs-navbar-nav-link-padding-x:.5rem;--bs-navbar-toggler-padding-y:.25rem;--bs-navbar-toggler-padding-x:.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb),.15);--bs-navbar-toggler-border-radius:var(--bs-border-radius);--bs-navbar-toggler-focus-width:.25rem;--bs-navbar-toggler-transition:box-shadow .15s ease-in-out;padding:var(--bs-navbar-padding-y)var(--bs-navbar-padding-x);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex;position:relative}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{flex-wrap:inherit;justify-content:space-between;align-items:center;display:flex}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);white-space:nowrap;text-decoration:none}.navbar-brand:focus,.navbar-brand:hover{color:var(--bs-navbar-brand-hover-color)}.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);flex-direction:column;margin-bottom:0;padding-left:0;list-style:none;display:flex}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-text{color:var(--bs-navbar-color);padding-top:.5rem;padding-bottom:.5rem}.navbar-text a,.navbar-text a:focus,.navbar-text a:hover{color:var(--bs-navbar-active-color)}.navbar-collapse{flex-grow:1;flex-basis:100%;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y)var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);color:var(--bs-navbar-color);border:var(--bs-border-width)solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition);background-color:#0000;line-height:1}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width);outline:0;text-decoration:none}.navbar-toggler-icon{vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-position:50%;background-repeat:no-repeat;background-size:100%;width:1.5em;height:1.5em;display:inline-block}.navbar-nav-scroll{max-height:var(--bs-scroll-height,75vh);overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{flex-basis:auto;display:flex!important}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas{z-index:auto;flex-grow:1;transition:none;position:static;visibility:visible!important;background-color:#0000!important;border:0!important;width:auto!important;height:auto!important;transform:none!important}.navbar-expand-sm .offcanvas .offcanvas-header{display:none}.navbar-expand-sm .offcanvas .offcanvas-body{flex-grow:0;padding:0;display:flex;overflow-y:visible}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{flex-basis:auto;display:flex!important}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas{z-index:auto;flex-grow:1;transition:none;position:static;visibility:visible!important;background-color:#0000!important;border:0!important;width:auto!important;height:auto!important;transform:none!important}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{flex-grow:0;padding:0;display:flex;overflow-y:visible}}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{flex-basis:auto;display:flex!important}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas{z-index:auto;flex-grow:1;transition:none;position:static;visibility:visible!important;background-color:#0000!important;border:0!important;width:auto!important;height:auto!important;transform:none!important}.navbar-expand-lg .offcanvas .offcanvas-header{display:none}.navbar-expand-lg .offcanvas .offcanvas-body{flex-grow:0;padding:0;display:flex;overflow-y:visible}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{flex-basis:auto;display:flex!important}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas{z-index:auto;flex-grow:1;transition:none;position:static;visibility:visible!important;background-color:#0000!important;border:0!important;width:auto!important;height:auto!important;transform:none!important}.navbar-expand-xl .offcanvas .offcanvas-header{display:none}.navbar-expand-xl .offcanvas .offcanvas-body{flex-grow:0;padding:0;display:flex;overflow-y:visible}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{flex-basis:auto;display:flex!important}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas{z-index:auto;flex-grow:1;transition:none;position:static;visibility:visible!important;background-color:#0000!important;border:0!important;width:auto!important;height:auto!important;transform:none!important}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{flex-grow:0;padding:0;display:flex;overflow-y:visible}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{flex-basis:auto;display:flex!important}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas{z-index:auto;flex-grow:1;transition:none;position:static;visibility:visible!important;background-color:#0000!important;border:0!important;width:auto!important;height:auto!important;transform:none!important}.navbar-expand .offcanvas .offcanvas-header{display:none}.navbar-expand .offcanvas .offcanvas-body{flex-grow:0;padding:0;display:flex;overflow-y:visible}.navbar-dark,.navbar[data-bs-theme=dark]{--bs-navbar-color:#ffffff8c;--bs-navbar-hover-color:#ffffffbf;--bs-navbar-disabled-color:#ffffff40;--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:#ffffff1a;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}[data-bs-theme=dark] .navbar-toggler-icon{--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width:var(--bs-border-width);--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y:.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(var(--bs-body-color-rgb),.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:var(--bs-body-bg);--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:.75rem;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);border:var(--bs-card-border-width)solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius);background-clip:border-box;flex-direction:column;display:flex;position:relative}.card>hr{margin-left:0;margin-right:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius);border-top-width:0}.card>.list-group:last-child{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius);border-bottom-width:0}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{padding:var(--bs-card-spacer-y)var(--bs-card-spacer-x);color:var(--bs-card-color);flex:auto}.card-title{margin-bottom:var(--bs-card-title-spacer-y);color:var(--bs-card-title-color)}.card-subtitle{margin-top:calc(-.5*var(--bs-card-title-spacer-y));color:var(--bs-card-subtitle-color);margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}.card-header{padding:var(--bs-card-cap-padding-y)var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width)solid var(--bs-card-border-color);margin-bottom:0}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius)var(--bs-card-inner-border-radius)0 0}.card-footer{padding:var(--bs-card-cap-padding-y)var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width)solid var(--bs-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius)var(--bs-card-inner-border-radius)}.card-header-tabs{margin-right:calc(-.5*var(--bs-card-cap-padding-x));margin-bottom:calc(-1*var(--bs-card-cap-padding-y));margin-left:calc(-.5*var(--bs-card-cap-padding-x));border-bottom:0}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.card-header-pills{margin-right:calc(-.5*var(--bs-card-cap-padding-x));margin-left:calc(-.5*var(--bs-card-cap-padding-x))}.card-img-overlay{padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius);position:absolute;inset:0}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media (min-width:576px){.card-group{flex-flow:wrap;display:flex}.card-group>.card{flex:1 0;margin-bottom:0}.card-group>.card+.card{border-left:0;margin-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.accordion{--bs-accordion-color:var(--bs-body-color);--bs-accordion-bg:var(--bs-body-bg);--bs-accordion-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:var(--bs-border-width);--bs-accordion-border-radius:var(--bs-border-radius);--bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:var(--bs-body-color);--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform .2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");--bs-accordion-btn-focus-box-shadow:0 0 0 .25rem #0d6efd40;--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:var(--bs-primary-text-emphasis);--bs-accordion-active-bg:var(--bs-primary-bg-subtle)}.accordion-button{width:100%;padding:var(--bs-accordion-btn-padding-y)var(--bs-accordion-btn-padding-x);color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);overflow-anchor:none;transition:var(--bs-accordion-transition);border:0;border-radius:0;align-items:center;font-size:1rem;display:flex;position:relative}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1*var(--bs-accordion-border-width))0 var(--bs-accordion-border-color)}.accordion-button:not(.collapsed):after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}.accordion-button:after{width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition);flex-shrink:0;margin-left:auto}@media (prefers-reduced-motion:reduce){.accordion-button:after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;box-shadow:var(--bs-accordion-btn-focus-box-shadow);outline:0}.accordion-header{margin-bottom:0}.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width)solid var(--bs-accordion-border-color)}.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}.accordion-item:first-of-type>.accordion-header .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:last-of-type>.accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-body{padding:var(--bs-accordion-body-padding-y)var(--bs-accordion-body-padding-x)}.accordion-flush>.accordion-item{border-left:0;border-right:0;border-radius:0}.accordion-flush>.accordion-item:first-child{border-top:0}.accordion-flush>.accordion-item:last-child{border-bottom:0}.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed,.accordion-flush>.accordion-item>.accordion-collapse{border-radius:0}[data-bs-theme=dark] .accordion-button:after{--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.breadcrumb{--bs-breadcrumb-padding-x:0;--bs-breadcrumb-padding-y:0;--bs-breadcrumb-margin-bottom:1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color:var(--bs-secondary-color);--bs-breadcrumb-item-padding-x:.5rem;--bs-breadcrumb-item-active-color:var(--bs-secondary-color);padding:var(--bs-breadcrumb-padding-y)var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius);flex-wrap:wrap;list-style:none;display:flex}.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item:before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:var(--bs-breadcrumb-divider,"/")}.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}.pagination{--bs-pagination-padding-x:.75rem;--bs-pagination-padding-y:.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color:var(--bs-link-color);--bs-pagination-bg:var(--bs-body-bg);--bs-pagination-border-width:var(--bs-border-width);--bs-pagination-border-color:var(--bs-border-color);--bs-pagination-border-radius:var(--bs-border-radius);--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:var(--bs-tertiary-bg);--bs-pagination-hover-border-color:var(--bs-border-color);--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:var(--bs-secondary-bg);--bs-pagination-focus-box-shadow:0 0 0 .25rem #0d6efd40;--bs-pagination-active-color:#fff;--bs-pagination-active-bg:#0d6efd;--bs-pagination-active-border-color:#0d6efd;--bs-pagination-disabled-color:var(--bs-secondary-color);--bs-pagination-disabled-bg:var(--bs-secondary-bg);--bs-pagination-disabled-border-color:var(--bs-border-color);padding-left:0;list-style:none;display:flex}.page-link{padding:var(--bs-pagination-padding-y)var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width)solid var(--bs-pagination-border-color);text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:block;position:relative}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}.page-link:focus{z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);box-shadow:var(--bs-pagination-focus-box-shadow);outline:0}.active>.page-link,.page-link.active{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}.disabled>.page-link,.page-link.disabled{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}.page-item:not(:first-child) .page-link{margin-left:calc(var(--bs-border-width)*-1)}.page-item:first-child .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-right-radius:var(--bs-pagination-border-radius)}.pagination-lg{--bs-pagination-padding-x:1.5rem;--bs-pagination-padding-y:.75rem;--bs-pagination-font-size:1.25rem;--bs-pagination-border-radius:var(--bs-border-radius-lg)}.pagination-sm{--bs-pagination-padding-x:.5rem;--bs-pagination-padding-y:.25rem;--bs-pagination-font-size:.875rem;--bs-pagination-border-radius:var(--bs-border-radius-sm)}.badge{--bs-badge-padding-x:.65em;--bs-badge-padding-y:.35em;--bs-badge-font-size:.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:var(--bs-border-radius);padding:var(--bs-badge-padding-y)var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius);line-height:1;display:inline-block}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:var(--bs-border-width)solid var(--bs-alert-border-color);--bs-alert-border-radius:var(--bs-border-radius);--bs-alert-link-color:inherit;padding:var(--bs-alert-padding-y)var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius);position:relative}.alert-heading{color:inherit}.alert-link{color:var(--bs-alert-link-color);font-weight:700}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{z-index:2;padding:1.25rem 1rem;position:absolute;top:0;right:0}.alert-primary{--bs-alert-color:var(--bs-primary-text-emphasis);--bs-alert-bg:var(--bs-primary-bg-subtle);--bs-alert-border-color:var(--bs-primary-border-subtle);--bs-alert-link-color:var(--bs-primary-text-emphasis)}.alert-secondary{--bs-alert-color:var(--bs-secondary-text-emphasis);--bs-alert-bg:var(--bs-secondary-bg-subtle);--bs-alert-border-color:var(--bs-secondary-border-subtle);--bs-alert-link-color:var(--bs-secondary-text-emphasis)}.alert-success{--bs-alert-color:var(--bs-success-text-emphasis);--bs-alert-bg:var(--bs-success-bg-subtle);--bs-alert-border-color:var(--bs-success-border-subtle);--bs-alert-link-color:var(--bs-success-text-emphasis)}.alert-info{--bs-alert-color:var(--bs-info-text-emphasis);--bs-alert-bg:var(--bs-info-bg-subtle);--bs-alert-border-color:var(--bs-info-border-subtle);--bs-alert-link-color:var(--bs-info-text-emphasis)}.alert-warning{--bs-alert-color:var(--bs-warning-text-emphasis);--bs-alert-bg:var(--bs-warning-bg-subtle);--bs-alert-border-color:var(--bs-warning-border-subtle);--bs-alert-link-color:var(--bs-warning-text-emphasis)}.alert-danger{--bs-alert-color:var(--bs-danger-text-emphasis);--bs-alert-bg:var(--bs-danger-bg-subtle);--bs-alert-border-color:var(--bs-danger-border-subtle);--bs-alert-link-color:var(--bs-danger-text-emphasis)}.alert-light{--bs-alert-color:var(--bs-light-text-emphasis);--bs-alert-bg:var(--bs-light-bg-subtle);--bs-alert-border-color:var(--bs-light-border-subtle);--bs-alert-link-color:var(--bs-light-text-emphasis)}.alert-dark{--bs-alert-color:var(--bs-dark-text-emphasis);--bs-alert-bg:var(--bs-dark-bg-subtle);--bs-alert-border-color:var(--bs-dark-border-subtle);--bs-alert-link-color:var(--bs-dark-text-emphasis)}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.progress,.progress-stacked{--bs-progress-height:1rem;--bs-progress-font-size:.75rem;--bs-progress-bg:var(--bs-secondary-bg);--bs-progress-border-radius:var(--bs-border-radius);--bs-progress-box-shadow:var(--bs-box-shadow-inset);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width .6s ease;height:var(--bs-progress-height);font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius);display:flex;overflow:hidden}.progress-bar{color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition);flex-direction:column;justify-content:center;display:flex;overflow:hidden}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,#ffffff26 25%,#0000 25% 50%,#ffffff26 50% 75%,#0000 75%,#0000);background-size:var(--bs-progress-height)var(--bs-progress-height)}.progress-stacked>.progress{overflow:visible}.progress-stacked>.progress>.progress-bar{width:100%}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.list-group{--bs-list-group-color:var(--bs-body-color);--bs-list-group-bg:var(--bs-body-bg);--bs-list-group-border-color:var(--bs-border-color);--bs-list-group-border-width:var(--bs-border-width);--bs-list-group-border-radius:var(--bs-border-radius);--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:.5rem;--bs-list-group-action-color:var(--bs-secondary-color);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-tertiary-bg);--bs-list-group-action-active-color:var(--bs-body-color);--bs-list-group-action-active-bg:var(--bs-secondary-bg);--bs-list-group-disabled-color:var(--bs-secondary-color);--bs-list-group-disabled-bg:var(--bs-body-bg);--bs-list-group-active-color:#fff;--bs-list-group-active-bg:#0d6efd;--bs-list-group-active-border-color:#0d6efd;border-radius:var(--bs-list-group-border-radius);flex-direction:column;margin-bottom:0;padding-left:0;display:flex}.list-group-numbered{counter-reset:section;list-style-type:none}.list-group-numbered>.list-group-item:before{content:counters(section,".")". ";counter-increment:section}.list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:var(--bs-list-group-action-hover-color);background-color:var(--bs-list-group-action-hover-bg);text-decoration:none}.list-group-item-action:active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}.list-group-item{padding:var(--bs-list-group-item-padding-y)var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width)solid var(--bs-list-group-border-color);text-decoration:none;display:block;position:relative}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}.list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:calc(-1*var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(-1*var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:calc(-1*var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:calc(-1*var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:calc(-1*var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:calc(-1*var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:calc(-1*var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 var(--bs-list-group-border-width)}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{--bs-list-group-color:var(--bs-primary-text-emphasis);--bs-list-group-bg:var(--bs-primary-bg-subtle);--bs-list-group-border-color:var(--bs-primary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-primary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-primary-border-subtle);--bs-list-group-active-color:var(--bs-primary-bg-subtle);--bs-list-group-active-bg:var(--bs-primary-text-emphasis);--bs-list-group-active-border-color:var(--bs-primary-text-emphasis)}.list-group-item-secondary{--bs-list-group-color:var(--bs-secondary-text-emphasis);--bs-list-group-bg:var(--bs-secondary-bg-subtle);--bs-list-group-border-color:var(--bs-secondary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-secondary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-secondary-border-subtle);--bs-list-group-active-color:var(--bs-secondary-bg-subtle);--bs-list-group-active-bg:var(--bs-secondary-text-emphasis);--bs-list-group-active-border-color:var(--bs-secondary-text-emphasis)}.list-group-item-success{--bs-list-group-color:var(--bs-success-text-emphasis);--bs-list-group-bg:var(--bs-success-bg-subtle);--bs-list-group-border-color:var(--bs-success-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-success-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-success-border-subtle);--bs-list-group-active-color:var(--bs-success-bg-subtle);--bs-list-group-active-bg:var(--bs-success-text-emphasis);--bs-list-group-active-border-color:var(--bs-success-text-emphasis)}.list-group-item-info{--bs-list-group-color:var(--bs-info-text-emphasis);--bs-list-group-bg:var(--bs-info-bg-subtle);--bs-list-group-border-color:var(--bs-info-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-info-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-info-border-subtle);--bs-list-group-active-color:var(--bs-info-bg-subtle);--bs-list-group-active-bg:var(--bs-info-text-emphasis);--bs-list-group-active-border-color:var(--bs-info-text-emphasis)}.list-group-item-warning{--bs-list-group-color:var(--bs-warning-text-emphasis);--bs-list-group-bg:var(--bs-warning-bg-subtle);--bs-list-group-border-color:var(--bs-warning-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-warning-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-warning-border-subtle);--bs-list-group-active-color:var(--bs-warning-bg-subtle);--bs-list-group-active-bg:var(--bs-warning-text-emphasis);--bs-list-group-active-border-color:var(--bs-warning-text-emphasis)}.list-group-item-danger{--bs-list-group-color:var(--bs-danger-text-emphasis);--bs-list-group-bg:var(--bs-danger-bg-subtle);--bs-list-group-border-color:var(--bs-danger-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-danger-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-danger-border-subtle);--bs-list-group-active-color:var(--bs-danger-bg-subtle);--bs-list-group-active-bg:var(--bs-danger-text-emphasis);--bs-list-group-active-border-color:var(--bs-danger-text-emphasis)}.list-group-item-light{--bs-list-group-color:var(--bs-light-text-emphasis);--bs-list-group-bg:var(--bs-light-bg-subtle);--bs-list-group-border-color:var(--bs-light-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-light-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-light-border-subtle);--bs-list-group-active-color:var(--bs-light-bg-subtle);--bs-list-group-active-bg:var(--bs-light-text-emphasis);--bs-list-group-active-border-color:var(--bs-light-text-emphasis)}.list-group-item-dark{--bs-list-group-color:var(--bs-dark-text-emphasis);--bs-list-group-bg:var(--bs-dark-bg-subtle);--bs-list-group-border-color:var(--bs-dark-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-dark-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-dark-border-subtle);--bs-list-group-active-color:var(--bs-dark-bg-subtle);--bs-list-group-active-bg:var(--bs-dark-text-emphasis);--bs-list-group-active-border-color:var(--bs-dark-text-emphasis)}.btn-close{--bs-btn-close-color:#000;--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");--bs-btn-close-opacity:.5;--bs-btn-close-hover-opacity:.75;--bs-btn-close-focus-shadow:0 0 0 .25rem #0d6efd40;--bs-btn-close-focus-opacity:1;--bs-btn-close-disabled-opacity:.25;--bs-btn-close-white-filter:invert(1)grayscale(100%)brightness(200%);box-sizing:content-box;width:1em;height:1em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg)center/1em auto no-repeat;opacity:var(--bs-btn-close-opacity);border:0;border-radius:.375rem;padding:.25em}.btn-close:hover{color:var(--bs-btn-close-color);opacity:var(--bs-btn-close-hover-opacity);text-decoration:none}.btn-close:focus{box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity);outline:0}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}.btn-close-white,[data-bs-theme=dark] .btn-close{filter:var(--bs-btn-close-white-filter)}.toast{--bs-toast-zindex:1090;--bs-toast-padding-x:.75rem;--bs-toast-padding-y:.5rem;--bs-toast-spacing:1.5rem;--bs-toast-max-width:350px;--bs-toast-font-size:.875rem;--bs-toast-color: ;--bs-toast-bg:rgba(var(--bs-body-bg-rgb),.85);--bs-toast-border-width:var(--bs-border-width);--bs-toast-border-color:var(--bs-border-color-translucent);--bs-toast-border-radius:var(--bs-border-radius);--bs-toast-box-shadow:var(--bs-box-shadow);--bs-toast-header-color:var(--bs-secondary-color);--bs-toast-header-bg:rgba(var(--bs-body-bg-rgb),.85);--bs-toast-header-border-color:var(--bs-border-color-translucent);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);border:var(--bs-toast-border-width)solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius);background-clip:padding-box}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{--bs-toast-zindex:1090;z-index:var(--bs-toast-zindex);pointer-events:none;width:max-content;max-width:100%;position:absolute}.toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}.toast-header{padding:var(--bs-toast-padding-y)var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);border-bottom:var(--bs-toast-border-width)solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));background-clip:padding-box;align-items:center;display:flex}.toast-header .btn-close{margin-right:calc(-.5*var(--bs-toast-padding-x));margin-left:var(--bs-toast-padding-x)}.toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:.5rem;--bs-modal-color: ;--bs-modal-bg:var(--bs-body-bg);--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:var(--bs-border-width);--bs-modal-border-radius:var(--bs-border-radius-lg);--bs-modal-box-shadow:var(--bs-box-shadow-sm);--bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:var(--bs-border-width);--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:var(--bs-border-width);z-index:var(--bs-modal-zindex);outline:0;width:100%;height:100%;display:none;position:fixed;top:0;left:0;overflow:hidden auto}.modal-dialog{width:auto;margin:var(--bs-modal-margin);pointer-events:none;position:relative}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translateY(-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin)*2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{min-height:calc(100% - var(--bs-modal-margin)*2);align-items:center;display:flex}.modal-content{width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);border:var(--bs-modal-border-width)solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);background-clip:padding-box;outline:0;flex-direction:column;display:flex;position:relative}.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:.5;z-index:var(--bs-backdrop-zindex);background-color:var(--bs-backdrop-bg);width:100vw;height:100vh;position:fixed;top:0;left:0}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width)solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius);flex-shrink:0;align-items:center;display:flex}.modal-header .btn-close{padding:calc(var(--bs-modal-header-padding-y)*.5)calc(var(--bs-modal-header-padding-x)*.5);margin:calc(-.5*var(--bs-modal-header-padding-y))calc(-.5*var(--bs-modal-header-padding-x))calc(-.5*var(--bs-modal-header-padding-y))auto}.modal-title{line-height:var(--bs-modal-title-line-height);margin-bottom:0}.modal-body{padding:var(--bs-modal-padding);flex:auto;position:relative}.modal-footer{padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap)*.5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width)solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap)*.5)}@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:var(--bs-box-shadow)}.modal-dialog{max-width:var(--bs-modal-width);margin-left:auto;margin-right:auto}.modal-sm{--bs-modal-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{--bs-modal-width:800px}}@media (min-width:1200px){.modal-xl{--bs-modal-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{border:0;border-radius:0;height:100%}.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{border:0;border-radius:0;height:100%}.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{border:0;border-radius:0;height:100%}.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{border:0;border-radius:0;height:100%}.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{border:0;border-radius:0;height:100%}.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{border:0;border-radius:0;height:100%}.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}.tooltip{--bs-tooltip-zindex:1080;--bs-tooltip-max-width:200px;--bs-tooltip-padding-x:.5rem;--bs-tooltip-padding-y:.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size:.875rem;--bs-tooltip-color:var(--bs-body-bg);--bs-tooltip-bg:var(--bs-emphasis-color);--bs-tooltip-border-radius:var(--bs-border-radius);--bs-tooltip-opacity:.9;--bs-tooltip-arrow-width:.8rem;--bs-tooltip-arrow-height:.4rem;z-index:var(--bs-tooltip-zindex);margin:var(--bs-tooltip-margin);font-family:var(--bs-font-sans-serif);text-align:left;text-align:start;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-style:normal;font-weight:400;line-height:1.5;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0;text-decoration:none;display:block}.tooltip.show{opacity:var(--bs-tooltip-opacity)}.tooltip .tooltip-arrow{width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height);display:block}.tooltip .tooltip-arrow:before{content:"";border-style:solid;border-color:#0000;position:absolute}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:calc(-1*var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before,.bs-tooltip-top .tooltip-arrow:before{border-width:var(--bs-tooltip-arrow-height)calc(var(--bs-tooltip-arrow-width)*.5)0;border-top-color:var(--bs-tooltip-bg);top:-1px}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:calc(-1*var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before,.bs-tooltip-end .tooltip-arrow:before{border-width:calc(var(--bs-tooltip-arrow-width)*.5)var(--bs-tooltip-arrow-height)calc(var(--bs-tooltip-arrow-width)*.5)0;border-right-color:var(--bs-tooltip-bg);right:-1px}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:calc(-1*var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before,.bs-tooltip-bottom .tooltip-arrow:before{border-width:0 calc(var(--bs-tooltip-arrow-width)*.5)var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg);bottom:-1px}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:calc(-1*var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before,.bs-tooltip-start .tooltip-arrow:before{border-width:calc(var(--bs-tooltip-arrow-width)*.5)0 calc(var(--bs-tooltip-arrow-width)*.5)var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg);left:-1px}.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y)var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}.popover{--bs-popover-zindex:1070;--bs-popover-max-width:276px;--bs-popover-font-size:.875rem;--bs-popover-bg:var(--bs-body-bg);--bs-popover-border-width:var(--bs-border-width);--bs-popover-border-color:var(--bs-border-color-translucent);--bs-popover-border-radius:var(--bs-border-radius-lg);--bs-popover-inner-border-radius:calc(var(--bs-border-radius-lg) - var(--bs-border-width));--bs-popover-box-shadow:var(--bs-box-shadow);--bs-popover-header-padding-x:1rem;--bs-popover-header-padding-y:.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color:inherit;--bs-popover-header-bg:var(--bs-secondary-bg);--bs-popover-body-padding-x:1rem;--bs-popover-body-padding-y:1rem;--bs-popover-body-color:var(--bs-body-color);--bs-popover-arrow-width:1rem;--bs-popover-arrow-height:.5rem;--bs-popover-arrow-border:var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);max-width:var(--bs-popover-max-width);font-family:var(--bs-font-sans-serif);text-align:left;text-align:start;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-style:normal;font-weight:400;line-height:1.5;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);border:var(--bs-popover-border-width)solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius);background-clip:padding-box;text-decoration:none;display:block}.popover .popover-arrow{width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height);display:block}.popover .popover-arrow:after,.popover .popover-arrow:before{content:"";border:0 solid #0000;display:block;position:absolute}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,.bs-popover-top>.popover-arrow:after,.bs-popover-top>.popover-arrow:before{border-width:var(--bs-popover-arrow-height)calc(var(--bs-popover-arrow-width)*.5)0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,.bs-popover-top>.popover-arrow:before{border-top-color:var(--bs-popover-arrow-border);bottom:0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,.bs-popover-top>.popover-arrow:after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,.bs-popover-end>.popover-arrow:after,.bs-popover-end>.popover-arrow:before{border-width:calc(var(--bs-popover-arrow-width)*.5)var(--bs-popover-arrow-height)calc(var(--bs-popover-arrow-width)*.5)0}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,.bs-popover-end>.popover-arrow:before{border-right-color:var(--bs-popover-arrow-border);left:0}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,.bs-popover-end>.popover-arrow:after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,.bs-popover-bottom>.popover-arrow:after,.bs-popover-bottom>.popover-arrow:before{border-width:0 calc(var(--bs-popover-arrow-width)*.5)var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,.bs-popover-bottom>.popover-arrow:before{border-bottom-color:var(--bs-popover-arrow-border);top:0}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,.bs-popover-bottom>.popover-arrow:after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before,.bs-popover-bottom .popover-header:before{width:var(--bs-popover-arrow-width);margin-left:calc(-.5*var(--bs-popover-arrow-width));content:"";border-bottom:var(--bs-popover-border-width)solid var(--bs-popover-header-bg);display:block;position:absolute;top:0;left:50%}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-1*(var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,.bs-popover-start>.popover-arrow:after,.bs-popover-start>.popover-arrow:before{border-width:calc(var(--bs-popover-arrow-width)*.5)0 calc(var(--bs-popover-arrow-width)*.5)var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,.bs-popover-start>.popover-arrow:before{border-left-color:var(--bs-popover-arrow-border);right:0}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,.bs-popover-start>.popover-arrow:after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}.popover-header{padding:var(--bs-popover-header-padding-y)var(--bs-popover-header-padding-x);font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width)solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius);margin-bottom:0}.popover-header:empty{display:none}.popover-body{padding:var(--bs-popover-body-padding-y)var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{width:100%;position:relative;overflow:hidden}.carousel-inner:after{clear:both;content:"";display:block}.carousel-item{float:left;backface-visibility:hidden;width:100%;margin-right:-100%;transition:transform .6s ease-in-out;display:none;position:relative}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translate(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translate(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{z-index:1;color:#fff;text-align:center;opacity:.5;background:0 0;border:0;justify-content:center;align-items:center;width:15%;padding:0;transition:opacity .15s;display:flex;position:absolute;top:0;bottom:0}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;opacity:.9;outline:0;text-decoration:none}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;width:2rem;height:2rem;display:inline-block}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.carousel-indicators{z-index:2;justify-content:center;margin-bottom:1rem;margin-left:15%;margin-right:15%;padding:0;display:flex;position:absolute;bottom:0;left:0;right:0}.carousel-indicators [data-bs-target]{box-sizing:content-box;text-indent:-999px;cursor:pointer;opacity:.5;background-color:#fff;background-clip:padding-box;border:10px solid #0000;border-left:0;border-right:0;flex:0 auto;width:30px;height:3px;margin-left:3px;margin-right:3px;padding:0;transition:opacity .6s}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{color:#fff;text-align:center;padding-top:1.25rem;padding-bottom:1.25rem;position:absolute;bottom:1.25rem;left:15%;right:15%}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert()grayscale(100)}.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}.carousel-dark .carousel-caption{color:#000}[data-bs-theme=dark] .carousel .carousel-control-next-icon,[data-bs-theme=dark] .carousel .carousel-control-prev-icon,[data-bs-theme=dark].carousel .carousel-control-next-icon,[data-bs-theme=dark].carousel .carousel-control-prev-icon{filter:invert()grayscale(100)}[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target],[data-bs-theme=dark].carousel .carousel-indicators [data-bs-target]{background-color:#000}[data-bs-theme=dark] .carousel .carousel-caption,[data-bs-theme=dark].carousel .carousel-caption{color:#000}.spinner-border,.spinner-grow{width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);animation:var(--bs-spinner-animation-speed)linear infinite var(--bs-spinner-animation-name);border-radius:50%;display:inline-block}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-.125em;--bs-spinner-border-width:.25em;--bs-spinner-animation-speed:.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width)solid currentcolor;border-right-color:#0000}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-.125em;--bs-spinner-animation-speed:.75s;--bs-spinner-animation-name:spinner-grow;opacity:0;background-color:currentColor}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl{--bs-offcanvas-zindex:1045;--bs-offcanvas-width:400px;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color:var(--bs-body-color);--bs-offcanvas-bg:var(--bs-body-bg);--bs-offcanvas-border-width:var(--bs-border-width);--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:var(--bs-box-shadow-sm);--bs-offcanvas-transition:transform .3s ease-in-out;--bs-offcanvas-title-line-height:1.5}@media (max-width:575.98px){.offcanvas-sm{z-index:var(--bs-offcanvas-zindex);max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);transition:var(--bs-offcanvas-transition);background-clip:padding-box;outline:0;flex-direction:column;display:flex;position:fixed;bottom:0}}@media (max-width:575.98px) and (prefers-reduced-motion:reduce){.offcanvas-sm{transition:none}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-start{width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width)solid var(--bs-offcanvas-border-color);top:0;left:0;transform:translate(-100%)}.offcanvas-sm.offcanvas-end{width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width)solid var(--bs-offcanvas-border-color);top:0;right:0;transform:translate(100%)}.offcanvas-sm.offcanvas-top{height:var(--bs-offcanvas-height);border-bottom:var(--bs-offcanvas-border-width)solid var(--bs-offcanvas-border-color);max-height:100%;top:0;left:0;right:0;transform:translateY(-100%)}.offcanvas-sm.offcanvas-bottom{height:var(--bs-offcanvas-height);border-top:var(--bs-offcanvas-border-width)solid var(--bs-offcanvas-border-color);max-height:100%;left:0;right:0;transform:translateY(100%)}.offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing{transform:none}.offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing{visibility:visible}}@media (min-width:576px){.offcanvas-sm{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:#0000!important}.offcanvas-sm .offcanvas-header{display:none}.offcanvas-sm .offcanvas-body{flex-grow:0;padding:0;display:flex;overflow-y:visible;background-color:#0000!important}}@media (max-width:767.98px){.offcanvas-md{z-index:var(--bs-offcanvas-zindex);max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);transition:var(--bs-offcanvas-transition);background-clip:padding-box;outline:0;flex-direction:column;display:flex;position:fixed;bottom:0}}@media (max-width:767.98px) and (prefers-reduced-motion:reduce){.offcanvas-md{transition:none}}@media (max-width:767.98px){.offcanvas-md.offcanvas-start{width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width)solid var(--bs-offcanvas-border-color);top:0;left:0;transform:translate(-100%)}.offcanvas-md.offcanvas-end{width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width)solid var(--bs-offcanvas-border-color);top:0;right:0;transform:translate(100%)}.offcanvas-md.offcanvas-top{height:var(--bs-offcanvas-height);border-bottom:var(--bs-offcanvas-border-width)solid var(--bs-offcanvas-border-color);max-height:100%;top:0;left:0;right:0;transform:translateY(-100%)}.offcanvas-md.offcanvas-bottom{height:var(--bs-offcanvas-height);border-top:var(--bs-offcanvas-border-width)solid var(--bs-offcanvas-border-color);max-height:100%;left:0;right:0;transform:translateY(100%)}.offcanvas-md.show:not(.hiding),.offcanvas-md.showing{transform:none}.offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing{visibility:visible}}@media (min-width:768px){.offcanvas-md{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:#0000!important}.offcanvas-md .offcanvas-header{display:none}.offcanvas-md .offcanvas-body{flex-grow:0;padding:0;display:flex;overflow-y:visible;background-color:#0000!important}}@media (max-width:991.98px){.offcanvas-lg{z-index:var(--bs-offcanvas-zindex);max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);transition:var(--bs-offcanvas-transition);background-clip:padding-box;outline:0;flex-direction:column;display:flex;position:fixed;bottom:0}}@media (max-width:991.98px) and (prefers-reduced-motion:reduce){.offcanvas-lg{transition:none}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-start{width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width)solid var(--bs-offcanvas-border-color);top:0;left:0;transform:translate(-100%)}.offcanvas-lg.offcanvas-end{width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width)solid var(--bs-offcanvas-border-color);top:0;right:0;transform:translate(100%)}.offcanvas-lg.offcanvas-top{height:var(--bs-offcanvas-height);border-bottom:var(--bs-offcanvas-border-width)solid var(--bs-offcanvas-border-color);max-height:100%;top:0;left:0;right:0;transform:translateY(-100%)}.offcanvas-lg.offcanvas-bottom{height:var(--bs-offcanvas-height);border-top:var(--bs-offcanvas-border-width)solid var(--bs-offcanvas-border-color);max-height:100%;left:0;right:0;transform:translateY(100%)}.offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing{transform:none}.offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing{visibility:visible}}@media (min-width:992px){.offcanvas-lg{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:#0000!important}.offcanvas-lg .offcanvas-header{display:none}.offcanvas-lg .offcanvas-body{flex-grow:0;padding:0;display:flex;overflow-y:visible;background-color:#0000!important}}@media (max-width:1199.98px){.offcanvas-xl{z-index:var(--bs-offcanvas-zindex);max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);transition:var(--bs-offcanvas-transition);background-clip:padding-box;outline:0;flex-direction:column;display:flex;position:fixed;bottom:0}}@media (max-width:1199.98px) and (prefers-reduced-motion:reduce){.offcanvas-xl{transition:none}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-start{width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width)solid var(--bs-offcanvas-border-color);top:0;left:0;transform:translate(-100%)}.offcanvas-xl.offcanvas-end{width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width)solid var(--bs-offcanvas-border-color);top:0;right:0;transform:translate(100%)}.offcanvas-xl.offcanvas-top{height:var(--bs-offcanvas-height);border-bottom:var(--bs-offcanvas-border-width)solid var(--bs-offcanvas-border-color);max-height:100%;top:0;left:0;right:0;transform:translateY(-100%)}.offcanvas-xl.offcanvas-bottom{height:var(--bs-offcanvas-height);border-top:var(--bs-offcanvas-border-width)solid var(--bs-offcanvas-border-color);max-height:100%;left:0;right:0;transform:translateY(100%)}.offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing{transform:none}.offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing{visibility:visible}}@media (min-width:1200px){.offcanvas-xl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:#0000!important}.offcanvas-xl .offcanvas-header{display:none}.offcanvas-xl .offcanvas-body{flex-grow:0;padding:0;display:flex;overflow-y:visible;background-color:#0000!important}}@media (max-width:1399.98px){.offcanvas-xxl{z-index:var(--bs-offcanvas-zindex);max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);transition:var(--bs-offcanvas-transition);background-clip:padding-box;outline:0;flex-direction:column;display:flex;position:fixed;bottom:0}}@media (max-width:1399.98px) and (prefers-reduced-motion:reduce){.offcanvas-xxl{transition:none}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-start{width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width)solid var(--bs-offcanvas-border-color);top:0;left:0;transform:translate(-100%)}.offcanvas-xxl.offcanvas-end{width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width)solid var(--bs-offcanvas-border-color);top:0;right:0;transform:translate(100%)}.offcanvas-xxl.offcanvas-top{height:var(--bs-offcanvas-height);border-bottom:var(--bs-offcanvas-border-width)solid var(--bs-offcanvas-border-color);max-height:100%;top:0;left:0;right:0;transform:translateY(-100%)}.offcanvas-xxl.offcanvas-bottom{height:var(--bs-offcanvas-height);border-top:var(--bs-offcanvas-border-width)solid var(--bs-offcanvas-border-color);max-height:100%;left:0;right:0;transform:translateY(100%)}.offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing{transform:none}.offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing{visibility:visible}}@media (min-width:1400px){.offcanvas-xxl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:#0000!important}.offcanvas-xxl .offcanvas-header{display:none}.offcanvas-xxl .offcanvas-body{flex-grow:0;padding:0;display:flex;overflow-y:visible;background-color:#0000!important}}.offcanvas{z-index:var(--bs-offcanvas-zindex);max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);transition:var(--bs-offcanvas-transition);background-clip:padding-box;outline:0;flex-direction:column;display:flex;position:fixed;bottom:0}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas.offcanvas-start{width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width)solid var(--bs-offcanvas-border-color);top:0;left:0;transform:translate(-100%)}.offcanvas.offcanvas-end{width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width)solid var(--bs-offcanvas-border-color);top:0;right:0;transform:translate(100%)}.offcanvas.offcanvas-top{height:var(--bs-offcanvas-height);border-bottom:var(--bs-offcanvas-border-width)solid var(--bs-offcanvas-border-color);max-height:100%;top:0;left:0;right:0;transform:translateY(-100%)}.offcanvas.offcanvas-bottom{height:var(--bs-offcanvas-height);border-top:var(--bs-offcanvas-border-width)solid var(--bs-offcanvas-border-color);max-height:100%;left:0;right:0;transform:translateY(100%)}.offcanvas.show:not(.hiding),.offcanvas.showing{transform:none}.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{visibility:visible}.offcanvas-backdrop{z-index:1040;background-color:#000;width:100vw;height:100vh;position:fixed;top:0;left:0}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{padding:var(--bs-offcanvas-padding-y)var(--bs-offcanvas-padding-x);align-items:center;display:flex}.offcanvas-header .btn-close{padding:calc(var(--bs-offcanvas-padding-y)*.5)calc(var(--bs-offcanvas-padding-x)*.5);margin:calc(-.5*var(--bs-offcanvas-padding-y))calc(-.5*var(--bs-offcanvas-padding-x))calc(-.5*var(--bs-offcanvas-padding-y))auto}.offcanvas-title{line-height:var(--bs-offcanvas-title-line-height);margin-bottom:0}.offcanvas-body{padding:var(--bs-offcanvas-padding-y)var(--bs-offcanvas-padding-x);flex-grow:1;overflow-y:auto}.placeholder{vertical-align:middle;cursor:wait;opacity:.5;background-color:currentColor;min-height:1em;display:inline-block}.placeholder.btn:before{content:"";display:inline-block}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{animation:2s ease-in-out infinite placeholder-glow}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{animation:2s linear infinite placeholder-wave;-webkit-mask-image:linear-gradient(130deg,#000 55%,#000c 75%,#000 95%);mask-image:linear-gradient(130deg,#000 55%,#000c 75%,#000 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%}@keyframes placeholder-wave{to{-webkit-mask-position:-200% 0;mask-position:-200% 0}}.clearfix:after{clear:both;content:"";display:block}.text-bg-primary{color:#fff!important;background-color:RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-secondary{color:#fff!important;background-color:RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-success{color:#fff!important;background-color:RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1))!important}.text-bg-info{color:#000!important;background-color:RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1))!important}.text-bg-warning{color:#000!important;background-color:RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1))!important}.text-bg-danger{color:#fff!important;background-color:RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1))!important}.text-bg-light{color:#000!important;background-color:RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1))!important}.text-bg-dark{color:#fff!important;background-color:RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1))!important}.link-primary{color:RGBA(var(--bs-primary-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important}.link-primary:focus,.link-primary:hover{color:RGBA(10,88,202,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important}.link-secondary{color:RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important}.link-secondary:focus,.link-secondary:hover{color:RGBA(86,94,100,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important}.link-success{color:RGBA(var(--bs-success-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important}.link-success:focus,.link-success:hover{color:RGBA(20,108,67,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important}.link-info{color:RGBA(var(--bs-info-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important}.link-info:focus,.link-info:hover{color:RGBA(61,213,243,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important}.link-warning{color:RGBA(var(--bs-warning-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important}.link-warning:focus,.link-warning:hover{color:RGBA(255,205,57,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important}.link-danger{color:RGBA(var(--bs-danger-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important}.link-danger:focus,.link-danger:hover{color:RGBA(176,42,55,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important}.link-light{color:RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important}.link-light:focus,.link-light:hover{color:RGBA(249,250,251,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important}.link-dark{color:RGBA(var(--bs-dark-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important}.link-dark:focus,.link-dark:hover{color:RGBA(26,30,33,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important}.link-body-emphasis{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-body-emphasis:focus,.link-body-emphasis:hover{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75))!important;-webkit-text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,.75))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,.75))!important}.focus-ring:focus{box-shadow:var(--bs-focus-ring-x,0)var(--bs-focus-ring-y,0)var(--bs-focus-ring-blur,0)var(--bs-focus-ring-width)var(--bs-focus-ring-color);outline:0}.icon-link{-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,.5));text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,.5));text-underline-offset:.25em;backface-visibility:hidden;align-items:center;gap:.375rem;display:inline-flex}.icon-link>.bi{fill:currentColor;flex-shrink:0;width:1em;height:1em;transition:transform .2s ease-in-out}@media (prefers-reduced-motion:reduce){.icon-link>.bi{transition:none}}.icon-link-hover:focus-visible>.bi,.icon-link-hover:hover>.bi{transform:var(--bs-icon-link-transform,translate3d(.25em,0,0))}.ratio{width:100%;position:relative}.ratio:before{padding-top:var(--bs-aspect-ratio);content:"";display:block}.ratio>*{width:100%;height:100%;position:absolute;top:0;left:0}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571%}.fixed-top{z-index:1030;position:fixed;top:0;left:0;right:0}.fixed-bottom{z-index:1030;position:fixed;bottom:0;left:0;right:0}.sticky-top{z-index:1020;position:sticky;top:0}.sticky-bottom{z-index:1020;position:sticky;bottom:0}@media (min-width:576px){.sticky-sm-top{z-index:1020;position:sticky;top:0}.sticky-sm-bottom{z-index:1020;position:sticky;bottom:0}}@media (min-width:768px){.sticky-md-top{z-index:1020;position:sticky;top:0}.sticky-md-bottom{z-index:1020;position:sticky;bottom:0}}@media (min-width:992px){.sticky-lg-top{z-index:1020;position:sticky;top:0}.sticky-lg-bottom{z-index:1020;position:sticky;bottom:0}}@media (min-width:1200px){.sticky-xl-top{z-index:1020;position:sticky;top:0}.sticky-xl-bottom{z-index:1020;position:sticky;bottom:0}}@media (min-width:1400px){.sticky-xxl-top{z-index:1020;position:sticky;top:0}.sticky-xxl-bottom{z-index:1020;position:sticky;bottom:0}}.hstack{flex-direction:row;align-self:stretch;align-items:center;display:flex}.vstack{flex-direction:column;flex:auto;align-self:stretch;display:flex}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important}.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption){position:absolute!important}.stretched-link:after{z-index:1;content:"";position:absolute;inset:0}.text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vr{width:var(--bs-border-width);opacity:.25;background-color:currentColor;align-self:stretch;min-height:1em;display:inline-block}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.object-fit-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-none{-o-object-fit:none!important;object-fit:none!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-visible{overflow-x:visible!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-y-visible{overflow-y:visible!important}.overflow-y-scroll{overflow-y:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-inline-grid{display:inline-grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:var(--bs-box-shadow)!important}.shadow-sm{box-shadow:var(--bs-box-shadow-sm)!important}.shadow-lg{box-shadow:var(--bs-box-shadow-lg)!important}.shadow-none{box-shadow:none!important}.focus-ring-primary{--bs-focus-ring-color:rgba(var(--bs-primary-rgb),var(--bs-focus-ring-opacity))}.focus-ring-secondary{--bs-focus-ring-color:rgba(var(--bs-secondary-rgb),var(--bs-focus-ring-opacity))}.focus-ring-success{--bs-focus-ring-color:rgba(var(--bs-success-rgb),var(--bs-focus-ring-opacity))}.focus-ring-info{--bs-focus-ring-color:rgba(var(--bs-info-rgb),var(--bs-focus-ring-opacity))}.focus-ring-warning{--bs-focus-ring-color:rgba(var(--bs-warning-rgb),var(--bs-focus-ring-opacity))}.focus-ring-danger{--bs-focus-ring-color:rgba(var(--bs-danger-rgb),var(--bs-focus-ring-opacity))}.focus-ring-light{--bs-focus-ring-color:rgba(var(--bs-light-rgb),var(--bs-focus-ring-opacity))}.focus-ring-dark{--bs-focus-ring-color:rgba(var(--bs-dark-rgb),var(--bs-focus-ring-opacity))}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translate(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:var(--bs-border-width)var(--bs-border-style)var(--bs-border-color)!important}.border-0{border:0!important}.border-top{border-top:var(--bs-border-width)var(--bs-border-style)var(--bs-border-color)!important}.border-top-0{border-top:0!important}.border-end{border-right:var(--bs-border-width)var(--bs-border-style)var(--bs-border-color)!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:var(--bs-border-width)var(--bs-border-style)var(--bs-border-color)!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:var(--bs-border-width)var(--bs-border-style)var(--bs-border-color)!important}.border-start-0{border-left:0!important}.border-primary{--bs-border-opacity:1;border-color:rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important}.border-secondary{--bs-border-opacity:1;border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important}.border-success{--bs-border-opacity:1;border-color:rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important}.border-info{--bs-border-opacity:1;border-color:rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important}.border-warning{--bs-border-opacity:1;border-color:rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important}.border-danger{--bs-border-opacity:1;border-color:rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important}.border-light{--bs-border-opacity:1;border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important}.border-dark{--bs-border-opacity:1;border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important}.border-black{--bs-border-opacity:1;border-color:rgba(var(--bs-black-rgb),var(--bs-border-opacity))!important}.border-white{--bs-border-opacity:1;border-color:rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important}.border-primary-subtle{border-color:var(--bs-primary-border-subtle)!important}.border-secondary-subtle{border-color:var(--bs-secondary-border-subtle)!important}.border-success-subtle{border-color:var(--bs-success-border-subtle)!important}.border-info-subtle{border-color:var(--bs-info-border-subtle)!important}.border-warning-subtle{border-color:var(--bs-warning-border-subtle)!important}.border-danger-subtle{border-color:var(--bs-danger-border-subtle)!important}.border-light-subtle{border-color:var(--bs-light-border-subtle)!important}.border-dark-subtle{border-color:var(--bs-dark-border-subtle)!important}.border-1{border-width:1px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.border-opacity-10{--bs-border-opacity:.1}.border-opacity-25{--bs-border-opacity:.25}.border-opacity-50{--bs-border-opacity:.5}.border-opacity-75{--bs-border-opacity:.75}.border-opacity-100{--bs-border-opacity:1}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-3{margin-left:1rem!important;margin-right:1rem!important}.mx-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-5{margin-left:3rem!important;margin-right:3rem!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.px-0{padding-left:0!important;padding-right:0!important}.py-0{padding-top:0!important;padding-bottom:0!important}.pt-0{padding-top:0!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.gap-0{gap:0!important}.row-gap-0{row-gap:0!important}.row-gap-1{row-gap:.25rem!important}.row-gap-2{row-gap:.5rem!important}.row-gap-3{row-gap:1rem!important}.row-gap-4{row-gap:1.5rem!important}.row-gap-5{row-gap:3rem!important}.column-gap-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-1{-moz-column-gap:.25rem!important;column-gap:.25rem!important}.column-gap-2{-moz-column-gap:.5rem!important;column-gap:.5rem!important}.column-gap-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.font-monospace{font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-lighter{font-weight:lighter!important}.fw-light{font-weight:300!important}.fw-normal{font-weight:400!important}.fw-medium{font-weight:500!important}.fw-semibold{font-weight:600!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-secondary{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-success{--bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-info{--bs-text-opacity:1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}.text-warning{--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-light{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{--bs-text-opacity:1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-black-50{--bs-text-opacity:1;color:#00000080!important}.text-white-50{--bs-text-opacity:1;color:#ffffff80!important}.text-body-secondary{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-body-tertiary{--bs-text-opacity:1;color:var(--bs-tertiary-color)!important}.text-body-emphasis{--bs-text-opacity:1;color:var(--bs-emphasis-color)!important}.text-reset{--bs-text-opacity:1;color:inherit!important}.text-opacity-25{--bs-text-opacity:.25}.text-opacity-50{--bs-text-opacity:.5}.text-opacity-75{--bs-text-opacity:.75}.text-opacity-100{--bs-text-opacity:1}.text-primary-emphasis{color:var(--bs-primary-text-emphasis)!important}.text-secondary-emphasis{color:var(--bs-secondary-text-emphasis)!important}.text-success-emphasis{color:var(--bs-success-text-emphasis)!important}.text-info-emphasis{color:var(--bs-info-text-emphasis)!important}.text-warning-emphasis{color:var(--bs-warning-text-emphasis)!important}.text-danger-emphasis{color:var(--bs-danger-text-emphasis)!important}.text-light-emphasis{color:var(--bs-light-text-emphasis)!important}.text-dark-emphasis{color:var(--bs-dark-text-emphasis)!important}.link-opacity-10,.link-opacity-10-hover:hover{--bs-link-opacity:.1}.link-opacity-25,.link-opacity-25-hover:hover{--bs-link-opacity:.25}.link-opacity-50,.link-opacity-50-hover:hover{--bs-link-opacity:.5}.link-opacity-75,.link-opacity-75-hover:hover{--bs-link-opacity:.75}.link-opacity-100,.link-opacity-100-hover:hover{--bs-link-opacity:1}.link-offset-1,.link-offset-1-hover:hover{text-underline-offset:.125em!important}.link-offset-2,.link-offset-2-hover:hover{text-underline-offset:.25em!important}.link-offset-3,.link-offset-3-hover:hover{text-underline-offset:.375em!important}.link-underline-primary{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-secondary{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-success{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important}.link-underline-info{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important}.link-underline-warning{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important}.link-underline-danger{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important}.link-underline-light{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important}.link-underline-dark{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important}.link-underline{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-underline-opacity-0,.link-underline-opacity-0-hover:hover{--bs-link-underline-opacity:0}.link-underline-opacity-10,.link-underline-opacity-10-hover:hover{--bs-link-underline-opacity:.1}.link-underline-opacity-25,.link-underline-opacity-25-hover:hover{--bs-link-underline-opacity:.25}.link-underline-opacity-50,.link-underline-opacity-50-hover:hover{--bs-link-underline-opacity:.5}.link-underline-opacity-75,.link-underline-opacity-75-hover:hover{--bs-link-underline-opacity:.75}.link-underline-opacity-100,.link-underline-opacity-100-hover:hover{--bs-link-underline-opacity:1}.bg-primary{--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-success{--bs-bg-opacity:1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}.bg-info{--bs-bg-opacity:1;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}.bg-warning{--bs-bg-opacity:1;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}.bg-danger{--bs-bg-opacity:1;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-body{--bs-bg-opacity:1;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity:1;background-color:#0000!important}.bg-body-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important}.bg-body-tertiary{--bs-bg-opacity:1;background-color:rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important}.bg-opacity-10{--bs-bg-opacity:.1}.bg-opacity-25{--bs-bg-opacity:.25}.bg-opacity-50{--bs-bg-opacity:.5}.bg-opacity-75{--bs-bg-opacity:.75}.bg-opacity-100{--bs-bg-opacity:1}.bg-primary-subtle{background-color:var(--bs-primary-bg-subtle)!important}.bg-secondary-subtle{background-color:var(--bs-secondary-bg-subtle)!important}.bg-success-subtle{background-color:var(--bs-success-bg-subtle)!important}.bg-info-subtle{background-color:var(--bs-info-bg-subtle)!important}.bg-warning-subtle{background-color:var(--bs-warning-bg-subtle)!important}.bg-danger-subtle{background-color:var(--bs-danger-bg-subtle)!important}.bg-light-subtle{background-color:var(--bs-light-bg-subtle)!important}.bg-dark-subtle{background-color:var(--bs-dark-bg-subtle)!important}.bg-gradient{background-image:var(--bs-gradient)!important}.user-select-all{-webkit-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:var(--bs-border-radius-sm)!important}.rounded-2{border-radius:var(--bs-border-radius)!important}.rounded-3{border-radius:var(--bs-border-radius-lg)!important}.rounded-4{border-radius:var(--bs-border-radius-xl)!important}.rounded-5{border-radius:var(--bs-border-radius-xxl)!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:var(--bs-border-radius-pill)!important}.rounded-top{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-0{border-top-left-radius:0!important;border-top-right-radius:0!important}.rounded-top-1{border-top-left-radius:var(--bs-border-radius-sm)!important;border-top-right-radius:var(--bs-border-radius-sm)!important}.rounded-top-2{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-3{border-top-left-radius:var(--bs-border-radius-lg)!important;border-top-right-radius:var(--bs-border-radius-lg)!important}.rounded-top-4{border-top-left-radius:var(--bs-border-radius-xl)!important;border-top-right-radius:var(--bs-border-radius-xl)!important}.rounded-top-5{border-top-left-radius:var(--bs-border-radius-xxl)!important;border-top-right-radius:var(--bs-border-radius-xxl)!important}.rounded-top-circle{border-top-left-radius:50%!important;border-top-right-radius:50%!important}.rounded-top-pill{border-top-left-radius:var(--bs-border-radius-pill)!important;border-top-right-radius:var(--bs-border-radius-pill)!important}.rounded-end{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-0{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rounded-end-1{border-top-right-radius:var(--bs-border-radius-sm)!important;border-bottom-right-radius:var(--bs-border-radius-sm)!important}.rounded-end-2{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-3{border-top-right-radius:var(--bs-border-radius-lg)!important;border-bottom-right-radius:var(--bs-border-radius-lg)!important}.rounded-end-4{border-top-right-radius:var(--bs-border-radius-xl)!important;border-bottom-right-radius:var(--bs-border-radius-xl)!important}.rounded-end-5{border-top-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-right-radius:var(--bs-border-radius-xxl)!important}.rounded-end-circle{border-top-right-radius:50%!important;border-bottom-right-radius:50%!important}.rounded-end-pill{border-top-right-radius:var(--bs-border-radius-pill)!important;border-bottom-right-radius:var(--bs-border-radius-pill)!important}.rounded-bottom{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-0{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.rounded-bottom-1{border-bottom-right-radius:var(--bs-border-radius-sm)!important;border-bottom-left-radius:var(--bs-border-radius-sm)!important}.rounded-bottom-2{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-3{border-bottom-right-radius:var(--bs-border-radius-lg)!important;border-bottom-left-radius:var(--bs-border-radius-lg)!important}.rounded-bottom-4{border-bottom-right-radius:var(--bs-border-radius-xl)!important;border-bottom-left-radius:var(--bs-border-radius-xl)!important}.rounded-bottom-5{border-bottom-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-left-radius:var(--bs-border-radius-xxl)!important}.rounded-bottom-circle{border-bottom-right-radius:50%!important;border-bottom-left-radius:50%!important}.rounded-bottom-pill{border-bottom-right-radius:var(--bs-border-radius-pill)!important;border-bottom-left-radius:var(--bs-border-radius-pill)!important}.rounded-start{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-0{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.rounded-start-1{border-bottom-left-radius:var(--bs-border-radius-sm)!important;border-top-left-radius:var(--bs-border-radius-sm)!important}.rounded-start-2{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-3{border-bottom-left-radius:var(--bs-border-radius-lg)!important;border-top-left-radius:var(--bs-border-radius-lg)!important}.rounded-start-4{border-bottom-left-radius:var(--bs-border-radius-xl)!important;border-top-left-radius:var(--bs-border-radius-xl)!important}.rounded-start-5{border-bottom-left-radius:var(--bs-border-radius-xxl)!important;border-top-left-radius:var(--bs-border-radius-xxl)!important}.rounded-start-circle{border-top-left-radius:50%!important;border-bottom-left-radius:50%!important}.rounded-start-pill{border-bottom-left-radius:var(--bs-border-radius-pill)!important;border-top-left-radius:var(--bs-border-radius-pill)!important}.invisible{visibility:hidden!important}.z-n1{z-index:-1!important}.z-0{z-index:0!important}.z-1{z-index:1!important}.z-2{z-index:2!important}.z-3{z-index:3!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.object-fit-sm-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-sm-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-sm-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-sm-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-sm-none{-o-object-fit:none!important;object-fit:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-inline-grid{display:inline-grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-left:0!important;margin-right:0!important}.mx-sm-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-sm-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-sm-3{margin-left:1rem!important;margin-right:1rem!important}.mx-sm-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-sm-5{margin-left:3rem!important;margin-right:3rem!important}.mx-sm-auto{margin-left:auto!important;margin-right:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-left:0!important;padding-right:0!important}.px-sm-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-sm-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-sm-3{padding-left:1rem!important;padding-right:1rem!important}.px-sm-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-sm-5{padding-left:3rem!important;padding-right:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!important}.row-gap-sm-0{row-gap:0!important}.row-gap-sm-1{row-gap:.25rem!important}.row-gap-sm-2{row-gap:.5rem!important}.row-gap-sm-3{row-gap:1rem!important}.row-gap-sm-4{row-gap:1.5rem!important}.row-gap-sm-5{row-gap:3rem!important}.column-gap-sm-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-sm-1{-moz-column-gap:.25rem!important;column-gap:.25rem!important}.column-gap-sm-2{-moz-column-gap:.5rem!important;column-gap:.5rem!important}.column-gap-sm-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-sm-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-sm-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.object-fit-md-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-md-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-md-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-md-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-md-none{-o-object-fit:none!important;object-fit:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-inline-grid{display:inline-grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-left:0!important;margin-right:0!important}.mx-md-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-md-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-md-3{margin-left:1rem!important;margin-right:1rem!important}.mx-md-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-md-5{margin-left:3rem!important;margin-right:3rem!important}.mx-md-auto{margin-left:auto!important;margin-right:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-left:0!important;padding-right:0!important}.px-md-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-md-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-md-3{padding-left:1rem!important;padding-right:1rem!important}.px-md-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-md-5{padding-left:3rem!important;padding-right:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!important}.row-gap-md-0{row-gap:0!important}.row-gap-md-1{row-gap:.25rem!important}.row-gap-md-2{row-gap:.5rem!important}.row-gap-md-3{row-gap:1rem!important}.row-gap-md-4{row-gap:1.5rem!important}.row-gap-md-5{row-gap:3rem!important}.column-gap-md-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-md-1{-moz-column-gap:.25rem!important;column-gap:.25rem!important}.column-gap-md-2{-moz-column-gap:.5rem!important;column-gap:.5rem!important}.column-gap-md-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-md-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-md-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.object-fit-lg-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-lg-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-lg-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-lg-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-lg-none{-o-object-fit:none!important;object-fit:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-inline-grid{display:inline-grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-left:0!important;margin-right:0!important}.mx-lg-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-lg-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-lg-3{margin-left:1rem!important;margin-right:1rem!important}.mx-lg-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-lg-5{margin-left:3rem!important;margin-right:3rem!important}.mx-lg-auto{margin-left:auto!important;margin-right:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-left:0!important;padding-right:0!important}.px-lg-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-lg-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-lg-3{padding-left:1rem!important;padding-right:1rem!important}.px-lg-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-lg-5{padding-left:3rem!important;padding-right:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!important}.row-gap-lg-0{row-gap:0!important}.row-gap-lg-1{row-gap:.25rem!important}.row-gap-lg-2{row-gap:.5rem!important}.row-gap-lg-3{row-gap:1rem!important}.row-gap-lg-4{row-gap:1.5rem!important}.row-gap-lg-5{row-gap:3rem!important}.column-gap-lg-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-lg-1{-moz-column-gap:.25rem!important;column-gap:.25rem!important}.column-gap-lg-2{-moz-column-gap:.5rem!important;column-gap:.5rem!important}.column-gap-lg-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-lg-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-lg-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.object-fit-xl-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-xl-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-xl-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-xl-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-xl-none{-o-object-fit:none!important;object-fit:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-inline-grid{display:inline-grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-left:0!important;margin-right:0!important}.mx-xl-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-xl-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-xl-3{margin-left:1rem!important;margin-right:1rem!important}.mx-xl-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-xl-5{margin-left:3rem!important;margin-right:3rem!important}.mx-xl-auto{margin-left:auto!important;margin-right:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-left:0!important;padding-right:0!important}.px-xl-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-xl-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-xl-3{padding-left:1rem!important;padding-right:1rem!important}.px-xl-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-xl-5{padding-left:3rem!important;padding-right:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!important}.row-gap-xl-0{row-gap:0!important}.row-gap-xl-1{row-gap:.25rem!important}.row-gap-xl-2{row-gap:.5rem!important}.row-gap-xl-3{row-gap:1rem!important}.row-gap-xl-4{row-gap:1.5rem!important}.row-gap-xl-5{row-gap:3rem!important}.column-gap-xl-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-xl-1{-moz-column-gap:.25rem!important;column-gap:.25rem!important}.column-gap-xl-2{-moz-column-gap:.5rem!important;column-gap:.5rem!important}.column-gap-xl-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-xl-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-xl-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.object-fit-xxl-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-xxl-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-xxl-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-xxl-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-xxl-none{-o-object-fit:none!important;object-fit:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-inline-grid{display:inline-grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-left:0!important;margin-right:0!important}.mx-xxl-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-xxl-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-xxl-3{margin-left:1rem!important;margin-right:1rem!important}.mx-xxl-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-xxl-5{margin-left:3rem!important;margin-right:3rem!important}.mx-xxl-auto{margin-left:auto!important;margin-right:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-left:0!important;padding-right:0!important}.px-xxl-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-xxl-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-xxl-3{padding-left:1rem!important;padding-right:1rem!important}.px-xxl-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-xxl-5{padding-left:3rem!important;padding-right:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.row-gap-xxl-0{row-gap:0!important}.row-gap-xxl-1{row-gap:.25rem!important}.row-gap-xxl-2{row-gap:.5rem!important}.row-gap-xxl-3{row-gap:1rem!important}.row-gap-xxl-4{row-gap:1.5rem!important}.row-gap-xxl-5{row-gap:3rem!important}.column-gap-xxl-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-xxl-1{-moz-column-gap:.25rem!important;column-gap:.25rem!important}.column-gap-xxl-2{-moz-column-gap:.5rem!important;column-gap:.5rem!important}.column-gap-xxl-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-xxl-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-xxl-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media (min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-inline-grid{display:inline-grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}*{box-sizing:border-box;margin:0;padding:0;font-family:Noto Sans Thai,Noto Sans,sans-serif}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:text;user-select:text;background-color:#f8fafc;width:100%;height:100%;margin:0;padding:0;font-family:Noto Sans Thai,Noto Sans,sans-serif;overflow:hidden}#root{-webkit-overflow-scrolling:touch;width:100%;height:100%;overflow-y:auto}input,select,textarea{appearance:none;color:#000;opacity:1;background-color:#fff}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23333' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C2.185 5.355 2.405 5 2.813 5h9.74c.407 0 .627.355.361.658l-4.796 5.482a.5.5 0 0 1-.727 0z'/%3E%3C/svg%3E");background-position:calc(100% - 12px);background-repeat:no-repeat;background-size:12px;padding-right:32px!important}label{color:inherit;background-color:#0000!important}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans Thai,Noto Sans,sans-serif;font-weight:400;line-height:1.6}input,textarea,[contenteditable=true]{-webkit-user-select:text!important;user-select:text!important}.app-container{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffe6;background:radial-gradient(circle at top,#fff,#fff)}@media (prefers-color-scheme:dark){.app-container{--lightningcss-light: ;--lightningcss-dark:initial}}.app-container a:not(.nav-link):not(.dropdown-item):not(.page-link){color:#61dafb;font-weight:500;text-decoration:none;transition:all .3s}.app-container a:not(.nav-link):not(.dropdown-item):not(.page-link):hover{color:#fff;text-shadow:0 0 10px #61dafb}.app-container h1,.app-container h2,.app-container h3{color:#e2e8f0;margin:.5em 0;font-weight:600;line-height:1.2}.app-container h1{letter-spacing:-.5px;background:linear-gradient(90deg,#61dafb,#818cf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.8rem}.app-container button:not(.dropdown-toggle):not(.btn-close):not(.dropdown-item){cursor:pointer;box-shadow:none;border:none;border-radius:12px;align-items:center;gap:.4em;padding:.7em 1.5em;font-family:inherit;font-size:1rem;font-weight:500;transition:all .3s;display:inline-flex}.app-container button:not(.dropdown-toggle):not(.btn-close):not(.dropdown-item):hover{box-shadow:none;background-color:#0000000d;transform:translateY(-2px)}.app-container button:not(.dropdown-toggle):not(.btn-close):not(.dropdown-item):active{transform:scale(.97)}.app-container button:not(.dropdown-toggle):not(.btn-close):not(.dropdown-item):focus,.app-container button:not(.dropdown-toggle):not(.btn-close):not(.dropdown-item):focus-visible{outline-offset:2px;outline:3px solid #6366f199}.app-container button svg{fill:currentColor;stroke:currentColor;vertical-align:middle;pointer-events:none;flex-shrink:0;width:1.1em;height:1.1em;display:block}.app-container .card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border-radius:16px;margin:1rem;padding:2rem;transition:all .3s;box-shadow:0 8px 24px #00000040}.app-container .card:hover{transform:translateY(-6px);box-shadow:0 10px 30px #6366f14d}@media (prefers-color-scheme:light){.app-container{color:#1e293b;background:radial-gradient(circle at top,#fff,#f1f5f9)}.app-container a:not(.nav-link):not(.dropdown-item):not(.page-link){color:#2563eb}.app-container a:not(.nav-link):not(.dropdown-item):not(.page-link):hover{color:#1d4ed8}.app-container .card{background:#fffc;box-shadow:0 8px 24px #0000001a}}.app-container .form-label-fixed-width{text-align:right;min-width:120px}.app-container .form-control{color:#000;background-color:#fff;border:1px solid #ced4da;border-radius:8px;transition:all .3s}.app-container .form-control:focus{color:#000;background-color:#fff;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.app-container fieldset{border-color:#fff3;border-radius:8px}.app-container .legend-style{color:#e2e8f0;background:linear-gradient(90deg,#61dafb,#818cf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.2rem;font-weight:600}.app-container .navbar-dark .navbar-nav .nav-link,.app-container .navbar-dark .navbar-brand{color:#fff}@media print{html,body,#root{width:100%!important;height:auto!important;overflow:visible!important}html,body{background:#fff!important;margin:0!important;padding:0!important}}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none!important}.visible{visibility:visible!important}.collapse{visibility:collapse!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.sticky{position:sticky!important}.inset-0{inset:0!important}.inset-y-0{top:0!important;bottom:0!important}.bottom-0{bottom:0!important}.bottom-full{bottom:100%!important}.left-0{left:0!important}.left-3{left:.75rem!important}.right-2{right:.5rem!important}.right-4{right:1rem!important}.top-0{top:0!important}.top-1{top:.25rem!important}.top-1\/2{top:50%!important}.top-3{top:.75rem!important}.top-4{top:1rem!important}.z-10{z-index:10!important}.z-20{z-index:20!important}.z-30{z-index:30!important}.z-40{z-index:40!important}.z-50{z-index:50!important}.m-4{margin:1rem!important}.-mx-1{margin-left:-.25rem!important;margin-right:-.25rem!important}.mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-0\.5{margin-bottom:.125rem!important}.mb-1{margin-bottom:.25rem!important}.mb-1\.5{margin-bottom:.375rem!important}.mb-2{margin-bottom:.5rem!important}.mb-2\.5{margin-bottom:.625rem!important}.mb-3{margin-bottom:.75rem!important}.mb-4{margin-bottom:1rem!important}.mb-5{margin-bottom:1.25rem!important}.mb-6{margin-bottom:1.5rem!important}.me-1{margin-inline-end:.25rem!important}.me-2{margin-inline-end:.5rem!important}.me-3{margin-inline-end:.75rem!important}.ml-0\.5{margin-left:.125rem!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:.75rem!important}.ml-auto{margin-left:auto!important}.ms-2{margin-inline-start:.5rem!important}.ms-auto{margin-inline-start:auto!important}.mt-0\.5{margin-top:.125rem!important}.mt-1{margin-top:.25rem!important}.mt-1\.5{margin-top:.375rem!important}.mt-2{margin-top:.5rem!important}.mt-2\.5{margin-top:.625rem!important}.mt-3{margin-top:.75rem!important}.mt-4{margin-top:1rem!important}.mt-5{margin-top:1.25rem!important}.mt-auto{margin-top:auto!important}.box-content{box-sizing:content-box!important}.block{display:block!important}.inline-block{display:inline-block!important}.inline{display:inline!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.table{display:table!important}.table-cell{display:table-cell!important}.table-row{display:table-row!important}.grid{display:grid!important}.hidden{display:none!important}.aspect-square{aspect-ratio:1!important}.h-0\.5{height:.125rem!important}.h-1\.5{height:.375rem!important}.h-10{height:2.5rem!important}.h-11{height:2.75rem!important}.h-14{height:3.5rem!important}.h-2{height:.5rem!important}.h-2\.5{height:.625rem!important}.h-24{height:6rem!important}.h-3{height:.75rem!important}.h-3\.5{height:.875rem!important}.h-4{height:1rem!important}.h-5{height:1.25rem!important}.h-6{height:1.5rem!important}.h-7{height:1.75rem!important}.h-8{height:2rem!important}.h-9{height:2.25rem!important}.h-full{height:100%!important}.h-px{height:1px!important}.max-h-\[80vh\]{max-height:80vh!important}.min-h-full{min-height:100%!important}.w-1\.5{width:.375rem!important}.w-10{width:2.5rem!important}.w-11{width:2.75rem!important}.w-12{width:3rem!important}.w-14{width:3.5rem!important}.w-2{width:.5rem!important}.w-2\.5{width:.625rem!important}.w-28{width:7rem!important}.w-3{width:.75rem!important}.w-3\.5{width:.875rem!important}.w-4{width:1rem!important}.w-5{width:1.25rem!important}.w-6{width:1.5rem!important}.w-64{width:16rem!important}.w-7{width:1.75rem!important}.w-8{width:2rem!important}.w-9{width:2.25rem!important}.w-full{width:100%!important}.w-px{width:1px!important}.min-w-0{min-width:0!important}.min-w-full{min-width:100%!important}.max-w-\[48px\]{max-width:48px!important}.max-w-full{max-width:100%!important}.max-w-lg{max-width:32rem!important}.max-w-md{max-width:28rem!important}.max-w-xs{max-width:20rem!important}.flex-1{flex:1!important}.flex-\[2\]{flex:2!important}.flex-shrink,.shrink{flex-shrink:1!important}.shrink-0{flex-shrink:0!important}.flex-grow,.grow{flex-grow:1!important}.border-collapse{border-collapse:collapse!important}.-translate-y-1\/2{--tw-translate-y:-50%!important;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))!important}.rotate-180{--tw-rotate:180deg!important;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))!important}.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))!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse!important}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin!important}.cursor-default{cursor:default!important}.cursor-pointer{cursor:pointer!important}.resize-none{resize:none!important}.resize{resize:both!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-cols-\[1fr_120px_32px\]{grid-template-columns:1fr 120px 32px!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.gap-0\.5{gap:.125rem!important}.gap-1{gap:.25rem!important}.gap-1\.5{gap:.375rem!important}.gap-2{gap:.5rem!important}.gap-2\.5{gap:.625rem!important}.gap-3{gap:.75rem!important}.gap-4{gap:1rem!important}.gap-5{gap:1.25rem!important}.gap-px{gap:1px!important}.gap-x-3{-moz-column-gap:.75rem!important;column-gap:.75rem!important}.gap-y-1{row-gap:.25rem!important}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-top:calc(.625rem*calc(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(.625rem*var(--tw-space-y-reverse))!important}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-top:calc(.75rem*calc(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(.75rem*var(--tw-space-y-reverse))!important}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-top:calc(1rem*calc(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(1rem*var(--tw-space-y-reverse))!important}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-top:calc(1.25rem*calc(1 - var(--tw-space-y-reverse)))!important;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))!important}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0!important;border-right-width:calc(1px*var(--tw-divide-x-reverse))!important;border-left-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))!important}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0!important;border-top-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))!important;border-bottom-width:calc(1px*var(--tw-divide-y-reverse))!important}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1!important;border-color:rgb(243 244 246/var(--tw-divide-opacity,1))!important}.divide-rose-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1!important;border-color:rgb(255 228 230/var(--tw-divide-opacity,1))!important}.overflow-hidden{overflow:hidden!important}.overflow-x-auto{overflow-x:auto!important}.overflow-y-auto{overflow-y:auto!important}.truncate{text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important}.whitespace-nowrap{white-space:nowrap!important}.break-all{word-break:break-all!important}.rounded{border-radius:.25rem!important}.rounded-2xl{border-radius:1rem!important}.rounded-full{border-radius:9999px!important}.rounded-lg{border-radius:.5rem!important}.rounded-md{border-radius:.375rem!important}.rounded-sm{border-radius:.125rem!important}.rounded-xl{border-radius:.75rem!important}.rounded-l-md{border-top-left-radius:.375rem!important;border-bottom-left-radius:.375rem!important}.rounded-r-md{border-top-right-radius:.375rem!important;border-bottom-right-radius:.375rem!important}.rounded-t{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-t-\[20px\]{border-top-left-radius:20px!important;border-top-right-radius:20px!important}.rounded-t-xl{border-top-left-radius:.75rem!important;border-top-right-radius:.75rem!important}.border{border-width:1px!important}.border-0{border-width:0!important}.border-2{border-width:2px!important}.border-b{border-bottom-width:1px!important}.border-b-2{border-bottom-width:2px!important}.border-l-2{border-left-width:2px!important}.border-l-4{border-left-width:4px!important}.border-l-\[3px\]{border-left-width:3px!important}.border-r{border-right-width:1px!important}.border-t{border-top-width:1px!important}.border-t-2{border-top-width:2px!important}.border-dashed{border-style:dashed!important}.border-none{border-style:none!important}.border-amber-100{--tw-border-opacity:1!important;border-color:rgb(254 243 199/var(--tw-border-opacity,1))!important}.border-amber-200{--tw-border-opacity:1!important;border-color:rgb(253 230 138/var(--tw-border-opacity,1))!important}.border-amber-300{--tw-border-opacity:1!important;border-color:rgb(252 211 77/var(--tw-border-opacity,1))!important}.border-blue-100{--tw-border-opacity:1!important;border-color:rgb(219 234 254/var(--tw-border-opacity,1))!important}.border-blue-200{--tw-border-opacity:1!important;border-color:rgb(191 219 254/var(--tw-border-opacity,1))!important}.border-blue-500{--tw-border-opacity:1!important;border-color:rgb(59 130 246/var(--tw-border-opacity,1))!important}.border-emerald-100{--tw-border-opacity:1!important;border-color:rgb(209 250 229/var(--tw-border-opacity,1))!important}.border-emerald-200{--tw-border-opacity:1!important;border-color:rgb(167 243 208/var(--tw-border-opacity,1))!important}.border-emerald-300{--tw-border-opacity:1!important;border-color:rgb(110 231 183/var(--tw-border-opacity,1))!important}.border-emerald-400{--tw-border-opacity:1!important;border-color:rgb(52 211 153/var(--tw-border-opacity,1))!important}.border-emerald-50{--tw-border-opacity:1!important;border-color:rgb(236 253 245/var(--tw-border-opacity,1))!important}.border-gray-100{--tw-border-opacity:1!important;border-color:rgb(243 244 246/var(--tw-border-opacity,1))!important}.border-gray-200{--tw-border-opacity:1!important;border-color:rgb(229 231 235/var(--tw-border-opacity,1))!important}.border-gray-300{--tw-border-opacity:1!important;border-color:rgb(209 213 219/var(--tw-border-opacity,1))!important}.border-orange-100{--tw-border-opacity:1!important;border-color:rgb(255 237 213/var(--tw-border-opacity,1))!important}.border-red-100{--tw-border-opacity:1!important;border-color:rgb(254 226 226/var(--tw-border-opacity,1))!important}.border-rose-100{--tw-border-opacity:1!important;border-color:rgb(255 228 230/var(--tw-border-opacity,1))!important}.border-rose-200{--tw-border-opacity:1!important;border-color:rgb(254 205 211/var(--tw-border-opacity,1))!important}.border-rose-500{--tw-border-opacity:1!important;border-color:rgb(244 63 94/var(--tw-border-opacity,1))!important}.border-sky-100{--tw-border-opacity:1!important;border-color:rgb(224 242 254/var(--tw-border-opacity,1))!important}.border-sky-200{--tw-border-opacity:1!important;border-color:rgb(186 230 253/var(--tw-border-opacity,1))!important}.border-slate-100{--tw-border-opacity:1!important;border-color:rgb(241 245 249/var(--tw-border-opacity,1))!important}.border-transparent{border-color:#0000!important}.border-violet-100{--tw-border-opacity:1!important;border-color:rgb(237 233 254/var(--tw-border-opacity,1))!important}.border-violet-200{--tw-border-opacity:1!important;border-color:rgb(221 214 254/var(--tw-border-opacity,1))!important}.border-violet-300{--tw-border-opacity:1!important;border-color:rgb(196 181 253/var(--tw-border-opacity,1))!important}.border-yellow-200{--tw-border-opacity:1!important;border-color:rgb(254 240 138/var(--tw-border-opacity,1))!important}.border-l-amber-400{--tw-border-opacity:1!important;border-left-color:rgb(251 191 36/var(--tw-border-opacity,1))!important}.border-l-blue-400{--tw-border-opacity:1!important;border-left-color:rgb(96 165 250/var(--tw-border-opacity,1))!important}.border-l-emerald-400{--tw-border-opacity:1!important;border-left-color:rgb(52 211 153/var(--tw-border-opacity,1))!important}.border-l-emerald-500{--tw-border-opacity:1!important;border-left-color:rgb(16 185 129/var(--tw-border-opacity,1))!important}.border-l-gray-400{--tw-border-opacity:1!important;border-left-color:rgb(156 163 175/var(--tw-border-opacity,1))!important}.border-l-orange-400{--tw-border-opacity:1!important;border-left-color:rgb(251 146 60/var(--tw-border-opacity,1))!important}.border-l-red-400{--tw-border-opacity:1!important;border-left-color:rgb(248 113 113/var(--tw-border-opacity,1))!important}.border-l-rose-400{--tw-border-opacity:1!important;border-left-color:rgb(251 113 133/var(--tw-border-opacity,1))!important}.border-l-rose-500{--tw-border-opacity:1!important;border-left-color:rgb(244 63 94/var(--tw-border-opacity,1))!important}.border-l-sky-400{--tw-border-opacity:1!important;border-left-color:rgb(56 189 248/var(--tw-border-opacity,1))!important}.border-l-slate-400{--tw-border-opacity:1!important;border-left-color:rgb(148 163 184/var(--tw-border-opacity,1))!important}.border-l-violet-400{--tw-border-opacity:1!important;border-left-color:rgb(167 139 250/var(--tw-border-opacity,1))!important}.bg-amber-100{--tw-bg-opacity:1!important;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))!important}.bg-amber-400{--tw-bg-opacity:1!important;background-color:rgb(251 191 36/var(--tw-bg-opacity,1))!important}.bg-amber-50{--tw-bg-opacity:1!important;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))!important}.bg-amber-50\/60{background-color:#fffbeb99!important}.bg-amber-500{--tw-bg-opacity:1!important;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))!important}.bg-black\/40{background-color:#0006!important}.bg-black\/50{background-color:#00000080!important}.bg-black\/80{background-color:#000c!important}.bg-blue-100{--tw-bg-opacity:1!important;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))!important}.bg-blue-400{--tw-bg-opacity:1!important;background-color:rgb(96 165 250/var(--tw-bg-opacity,1))!important}.bg-blue-50{--tw-bg-opacity:1!important;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))!important}.bg-blue-500{--tw-bg-opacity:1!important;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))!important}.bg-blue-600{--tw-bg-opacity:1!important;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))!important}.bg-emerald-100{--tw-bg-opacity:1!important;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))!important}.bg-emerald-200{--tw-bg-opacity:1!important;background-color:rgb(167 243 208/var(--tw-bg-opacity,1))!important}.bg-emerald-300{--tw-bg-opacity:1!important;background-color:rgb(110 231 183/var(--tw-bg-opacity,1))!important}.bg-emerald-400{--tw-bg-opacity:1!important;background-color:rgb(52 211 153/var(--tw-bg-opacity,1))!important}.bg-emerald-50{--tw-bg-opacity:1!important;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))!important}.bg-emerald-50\/40{background-color:#ecfdf566!important}.bg-emerald-500{--tw-bg-opacity:1!important;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))!important}.bg-emerald-600{--tw-bg-opacity:1!important;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))!important}.bg-gray-100{--tw-bg-opacity:1!important;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))!important}.bg-gray-200{--tw-bg-opacity:1!important;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))!important}.bg-gray-300{--tw-bg-opacity:1!important;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))!important}.bg-gray-400{--tw-bg-opacity:1!important;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))!important}.bg-gray-50{--tw-bg-opacity:1!important;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))!important}.bg-gray-500{--tw-bg-opacity:1!important;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))!important}.bg-gray-600{--tw-bg-opacity:1!important;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))!important}.bg-gray-700{--tw-bg-opacity:1!important;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))!important}.bg-gray-800{--tw-bg-opacity:1!important;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))!important}.bg-gray-900{--tw-bg-opacity:1!important;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))!important}.bg-green-100{--tw-bg-opacity:1!important;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))!important}.bg-green-500{--tw-bg-opacity:1!important;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))!important}.bg-indigo-400{--tw-bg-opacity:1!important;background-color:rgb(129 140 248/var(--tw-bg-opacity,1))!important}.bg-orange-400{--tw-bg-opacity:1!important;background-color:rgb(251 146 60/var(--tw-bg-opacity,1))!important}.bg-orange-50{--tw-bg-opacity:1!important;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))!important}.bg-orange-50\/50{background-color:#fff7ed80!important}.bg-red-100{--tw-bg-opacity:1!important;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))!important}.bg-red-50{--tw-bg-opacity:1!important;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))!important}.bg-red-500{--tw-bg-opacity:1!important;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))!important}.bg-rose-100{--tw-bg-opacity:1!important;background-color:rgb(255 228 230/var(--tw-bg-opacity,1))!important}.bg-rose-200{--tw-bg-opacity:1!important;background-color:rgb(254 205 211/var(--tw-bg-opacity,1))!important}.bg-rose-300{--tw-bg-opacity:1!important;background-color:rgb(253 164 175/var(--tw-bg-opacity,1))!important}.bg-rose-400{--tw-bg-opacity:1!important;background-color:rgb(251 113 133/var(--tw-bg-opacity,1))!important}.bg-rose-50{--tw-bg-opacity:1!important;background-color:rgb(255 241 242/var(--tw-bg-opacity,1))!important}.bg-rose-50\/40{background-color:#fff1f266!important}.bg-rose-500{--tw-bg-opacity:1!important;background-color:rgb(244 63 94/var(--tw-bg-opacity,1))!important}.bg-rose-600{--tw-bg-opacity:1!important;background-color:rgb(225 29 72/var(--tw-bg-opacity,1))!important}.bg-sky-200{--tw-bg-opacity:1!important;background-color:rgb(186 230 253/var(--tw-bg-opacity,1))!important}.bg-sky-50{--tw-bg-opacity:1!important;background-color:rgb(240 249 255/var(--tw-bg-opacity,1))!important}.bg-slate-400{--tw-bg-opacity:1!important;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))!important}.bg-slate-50{--tw-bg-opacity:1!important;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))!important}.bg-slate-50\/60{background-color:#f8fafc99!important}.bg-transparent{background-color:#0000!important}.bg-violet-100{--tw-bg-opacity:1!important;background-color:rgb(237 233 254/var(--tw-bg-opacity,1))!important}.bg-violet-400{--tw-bg-opacity:1!important;background-color:rgb(167 139 250/var(--tw-bg-opacity,1))!important}.bg-violet-50{--tw-bg-opacity:1!important;background-color:rgb(245 243 255/var(--tw-bg-opacity,1))!important}.bg-violet-500{--tw-bg-opacity:1!important;background-color:rgb(139 92 246/var(--tw-bg-opacity,1))!important}.bg-violet-600{--tw-bg-opacity:1!important;background-color:rgb(124 58 237/var(--tw-bg-opacity,1))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white\/10{background-color:#ffffff1a!important}.bg-white\/20{background-color:#fff3!important}.bg-white\/60{background-color:#fff9!important}.bg-yellow-400{--tw-bg-opacity:1!important;background-color:rgb(250 204 21/var(--tw-bg-opacity,1))!important}.bg-yellow-50{--tw-bg-opacity:1!important;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))!important}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))!important}.from-black\/40{--tw-gradient-from:#0006 var(--tw-gradient-from-position)!important;--tw-gradient-to:#0000 var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}.via-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),transparent var(--tw-gradient-via-position),var(--tw-gradient-to)!important}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)!important}.object-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-1\.5{padding:.375rem!important}.p-2{padding:.5rem!important}.p-3{padding:.75rem!important}.p-4{padding:1rem!important}.p-5{padding:1.25rem!important}.px-0\.5{padding-left:.125rem!important;padding-right:.125rem!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-1\.5{padding-left:.375rem!important;padding-right:.375rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-2\.5{padding-left:.625rem!important;padding-right:.625rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.px-3\.5{padding-left:.875rem!important;padding-right:.875rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}.px-px{padding-left:1px!important;padding-right:1px!important}.py-0\.5{padding-top:.125rem!important;padding-bottom:.125rem!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-1\.5{padding-top:.375rem!important;padding-bottom:.375rem!important}.py-10{padding-top:2.5rem!important;padding-bottom:2.5rem!important}.py-12{padding-top:3rem!important;padding-bottom:3rem!important}.py-14{padding-top:3.5rem!important;padding-bottom:3.5rem!important}.py-16{padding-top:4rem!important;padding-bottom:4rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-2\.5{padding-top:.625rem!important;padding-bottom:.625rem!important}.py-20{padding-top:5rem!important;padding-bottom:5rem!important}.py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.py-3\.5{padding-top:.875rem!important;padding-bottom:.875rem!important}.py-4{padding-top:1rem!important;padding-bottom:1rem!important}.py-5{padding-top:1.25rem!important;padding-bottom:1.25rem!important}.py-6{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-8{padding-top:2rem!important;padding-bottom:2rem!important}.pb-0{padding-bottom:0!important}.pb-0\.5{padding-bottom:.125rem!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:.75rem!important}.pb-4{padding-bottom:1rem!important}.pl-10{padding-left:2.5rem!important}.pl-3{padding-left:.75rem!important}.pl-8{padding-left:2rem!important}.pl-9{padding-left:2.25rem!important}.pr-10{padding-right:2.5rem!important}.pr-2{padding-right:.5rem!important}.pr-4{padding-right:1rem!important}.pt-0\.5{padding-top:.125rem!important}.pt-1{padding-top:.25rem!important}.pt-1\.5{padding-top:.375rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:.75rem!important}.pt-4{padding-top:1rem!important}.pt-5{padding-top:1.25rem!important}.pt-px{padding-top:1px!important}.text-left{text-align:left!important}.align-middle{vertical-align:middle!important}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-\[10px\]{font-size:10px!important}.text-\[11px\]{font-size:11px!important}.text-\[12px\]{font-size:12px!important}.text-\[13px\]{font-size:13px!important}.text-\[8px\]{font-size:8px!important}.text-\[9\.5px\]{font-size:9.5px!important}.text-\[9px\]{font-size:9px!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-black{font-weight:900!important}.font-medium{font-weight:500!important}.font-normal{font-weight:400!important}.font-semibold{font-weight:600!important}.uppercase{text-transform:uppercase!important}.normal-case{text-transform:none!important}.italic{font-style:italic!important}.leading-none{line-height:1!important}.leading-relaxed{line-height:1.625!important}.leading-tight{line-height:1.25!important}.tracking-tight{letter-spacing:-.025em!important}.tracking-wide{letter-spacing:.025em!important}.tracking-wider{letter-spacing:.05em!important}.tracking-widest{letter-spacing:.1em!important}.text-\[\#06c755\]{--tw-text-opacity:1!important;color:rgb(6 199 85/var(--tw-text-opacity,1))!important}.text-amber-300{--tw-text-opacity:1!important;color:rgb(252 211 77/var(--tw-text-opacity,1))!important}.text-amber-500{--tw-text-opacity:1!important;color:rgb(245 158 11/var(--tw-text-opacity,1))!important}.text-amber-600{--tw-text-opacity:1!important;color:rgb(217 119 6/var(--tw-text-opacity,1))!important}.text-amber-700{--tw-text-opacity:1!important;color:rgb(180 83 9/var(--tw-text-opacity,1))!important}.text-amber-800{--tw-text-opacity:1!important;color:rgb(146 64 14/var(--tw-text-opacity,1))!important}.text-blue-200{--tw-text-opacity:1!important;color:rgb(191 219 254/var(--tw-text-opacity,1))!important}.text-blue-500{--tw-text-opacity:1!important;color:rgb(59 130 246/var(--tw-text-opacity,1))!important}.text-blue-600{--tw-text-opacity:1!important;color:rgb(37 99 235/var(--tw-text-opacity,1))!important}.text-blue-700{--tw-text-opacity:1!important;color:rgb(29 78 216/var(--tw-text-opacity,1))!important}.text-emerald-300{--tw-text-opacity:1!important;color:rgb(110 231 183/var(--tw-text-opacity,1))!important}.text-emerald-500{--tw-text-opacity:1!important;color:rgb(16 185 129/var(--tw-text-opacity,1))!important}.text-emerald-600{--tw-text-opacity:1!important;color:rgb(5 150 105/var(--tw-text-opacity,1))!important}.text-emerald-700{--tw-text-opacity:1!important;color:rgb(4 120 87/var(--tw-text-opacity,1))!important}.text-emerald-800{--tw-text-opacity:1!important;color:rgb(6 95 70/var(--tw-text-opacity,1))!important}.text-gray-200{--tw-text-opacity:1!important;color:rgb(229 231 235/var(--tw-text-opacity,1))!important}.text-gray-300{--tw-text-opacity:1!important;color:rgb(209 213 219/var(--tw-text-opacity,1))!important}.text-gray-400{--tw-text-opacity:1!important;color:rgb(156 163 175/var(--tw-text-opacity,1))!important}.text-gray-500{--tw-text-opacity:1!important;color:rgb(107 114 128/var(--tw-text-opacity,1))!important}.text-gray-600{--tw-text-opacity:1!important;color:rgb(75 85 99/var(--tw-text-opacity,1))!important}.text-gray-700{--tw-text-opacity:1!important;color:rgb(55 65 81/var(--tw-text-opacity,1))!important}.text-gray-800{--tw-text-opacity:1!important;color:rgb(31 41 55/var(--tw-text-opacity,1))!important}.text-gray-900{--tw-text-opacity:1!important;color:rgb(17 24 39/var(--tw-text-opacity,1))!important}.text-green-800{--tw-text-opacity:1!important;color:rgb(22 101 52/var(--tw-text-opacity,1))!important}.text-orange-200{--tw-text-opacity:1!important;color:rgb(254 215 170/var(--tw-text-opacity,1))!important}.text-orange-600{--tw-text-opacity:1!important;color:rgb(234 88 12/var(--tw-text-opacity,1))!important}.text-orange-800{--tw-text-opacity:1!important;color:rgb(154 52 18/var(--tw-text-opacity,1))!important}.text-red-400{--tw-text-opacity:1!important;color:rgb(248 113 113/var(--tw-text-opacity,1))!important}.text-red-500{--tw-text-opacity:1!important;color:rgb(239 68 68/var(--tw-text-opacity,1))!important}.text-red-600{--tw-text-opacity:1!important;color:rgb(220 38 38/var(--tw-text-opacity,1))!important}.text-red-700{--tw-text-opacity:1!important;color:rgb(185 28 28/var(--tw-text-opacity,1))!important}.text-red-800{--tw-text-opacity:1!important;color:rgb(153 27 27/var(--tw-text-opacity,1))!important}.text-rose-200{--tw-text-opacity:1!important;color:rgb(254 205 211/var(--tw-text-opacity,1))!important}.text-rose-300{--tw-text-opacity:1!important;color:rgb(253 164 175/var(--tw-text-opacity,1))!important}.text-rose-400{--tw-text-opacity:1!important;color:rgb(251 113 133/var(--tw-text-opacity,1))!important}.text-rose-500{--tw-text-opacity:1!important;color:rgb(244 63 94/var(--tw-text-opacity,1))!important}.text-rose-600{--tw-text-opacity:1!important;color:rgb(225 29 72/var(--tw-text-opacity,1))!important}.text-rose-700{--tw-text-opacity:1!important;color:rgb(190 18 60/var(--tw-text-opacity,1))!important}.text-rose-800{--tw-text-opacity:1!important;color:rgb(159 18 57/var(--tw-text-opacity,1))!important}.text-sky-400{--tw-text-opacity:1!important;color:rgb(56 189 248/var(--tw-text-opacity,1))!important}.text-sky-500{--tw-text-opacity:1!important;color:rgb(14 165 233/var(--tw-text-opacity,1))!important}.text-sky-600{--tw-text-opacity:1!important;color:rgb(2 132 199/var(--tw-text-opacity,1))!important}.text-sky-700{--tw-text-opacity:1!important;color:rgb(3 105 161/var(--tw-text-opacity,1))!important}.text-sky-900{--tw-text-opacity:1!important;color:rgb(12 74 110/var(--tw-text-opacity,1))!important}.text-slate-600{--tw-text-opacity:1!important;color:rgb(71 85 105/var(--tw-text-opacity,1))!important}.text-transparent{color:#0000!important}.text-violet-300{--tw-text-opacity:1!important;color:rgb(196 181 253/var(--tw-text-opacity,1))!important}.text-violet-500{--tw-text-opacity:1!important;color:rgb(139 92 246/var(--tw-text-opacity,1))!important}.text-violet-600{--tw-text-opacity:1!important;color:rgb(124 58 237/var(--tw-text-opacity,1))!important}.text-violet-700{--tw-text-opacity:1!important;color:rgb(109 40 217/var(--tw-text-opacity,1))!important}.text-violet-800{--tw-text-opacity:1!important;color:rgb(91 33 182/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.text-white\/70{color:#ffffffb3!important}.underline{text-decoration-line:underline!important}.line-through{text-decoration-line:line-through!important}.antialiased{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}.placeholder-gray-300::placeholder{--tw-placeholder-opacity:1!important;color:rgb(209 213 219/var(--tw-placeholder-opacity,1))!important}.placeholder-gray-400::placeholder{--tw-placeholder-opacity:1!important;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))!important}.opacity-30{opacity:.3!important}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a!important;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040!important;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a!important;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d!important;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a!important;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.outline-none{outline-offset:2px!important;outline:2px solid #0000!important}.outline{outline-style:solid!important}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-inset{--tw-ring-inset:inset!important}.ring-amber-200{--tw-ring-opacity:1!important;--tw-ring-color:rgb(253 230 138/var(--tw-ring-opacity,1))!important}.ring-blue-200{--tw-ring-opacity:1!important;--tw-ring-color:rgb(191 219 254/var(--tw-ring-opacity,1))!important}.ring-emerald-200{--tw-ring-opacity:1!important;--tw-ring-color:rgb(167 243 208/var(--tw-ring-opacity,1))!important}.ring-gray-200{--tw-ring-opacity:1!important;--tw-ring-color:rgb(229 231 235/var(--tw-ring-opacity,1))!important}.ring-orange-200{--tw-ring-opacity:1!important;--tw-ring-color:rgb(254 215 170/var(--tw-ring-opacity,1))!important}.ring-red-200{--tw-ring-opacity:1!important;--tw-ring-color:rgb(254 202 202/var(--tw-ring-opacity,1))!important}.ring-rose-200{--tw-ring-opacity:1!important;--tw-ring-color:rgb(254 205 211/var(--tw-ring-opacity,1))!important}.ring-sky-200{--tw-ring-opacity:1!important;--tw-ring-color:rgb(186 230 253/var(--tw-ring-opacity,1))!important}.ring-slate-200{--tw-ring-opacity:1!important;--tw-ring-color:rgb(226 232 240/var(--tw-ring-opacity,1))!important}.ring-violet-200{--tw-ring-opacity:1!important;--tw-ring-color:rgb(221 214 254/var(--tw-ring-opacity,1))!important}.blur{--tw-blur:blur(8px)!important;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)!important}.grayscale{--tw-grayscale:grayscale(100%)!important;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)!important}.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)!important}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)!important;-webkit-backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia)!important;backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia)!important}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia)!important;backdrop-filter:var(--tw-backdrop-blur)var(--tw-backdrop-brightness)var(--tw-backdrop-contrast)var(--tw-backdrop-grayscale)var(--tw-backdrop-hue-rotate)var(--tw-backdrop-invert)var(--tw-backdrop-opacity)var(--tw-backdrop-saturate)var(--tw-backdrop-sepia)!important}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter!important;transition-duration:.15s!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-all{transition-property:all!important;transition-duration:.15s!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke!important;transition-duration:.15s!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-transform{transition-property:transform!important;transition-duration:.15s!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-200{transition-duration:.2s!important}.duration-300{transition-duration:.3s!important}.duration-500{transition-duration:.5s!important}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)!important}.\[appearance\:textfield\]{appearance:textfield!important}.last\:mb-0:last-child{margin-bottom:0!important}.focus-within\:border-amber-300:focus-within{--tw-border-opacity:1!important;border-color:rgb(252 211 77/var(--tw-border-opacity,1))!important}.focus-within\:border-emerald-400:focus-within{--tw-border-opacity:1!important;border-color:rgb(52 211 153/var(--tw-border-opacity,1))!important}.focus-within\:bg-white:focus-within{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.focus-within\:ring-2:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.focus-within\:ring-emerald-100:focus-within{--tw-ring-opacity:1!important;--tw-ring-color:rgb(209 250 229/var(--tw-ring-opacity,1))!important}.hover\:border-amber-300:hover{--tw-border-opacity:1!important;border-color:rgb(252 211 77/var(--tw-border-opacity,1))!important}.hover\:border-blue-200:hover{--tw-border-opacity:1!important;border-color:rgb(191 219 254/var(--tw-border-opacity,1))!important}.hover\:border-emerald-200:hover{--tw-border-opacity:1!important;border-color:rgb(167 243 208/var(--tw-border-opacity,1))!important}.hover\:border-emerald-300:hover{--tw-border-opacity:1!important;border-color:rgb(110 231 183/var(--tw-border-opacity,1))!important}.hover\:border-gray-300:hover{--tw-border-opacity:1!important;border-color:rgb(209 213 219/var(--tw-border-opacity,1))!important}.hover\:border-rose-200:hover{--tw-border-opacity:1!important;border-color:rgb(254 205 211/var(--tw-border-opacity,1))!important}.hover\:bg-amber-100:hover{--tw-bg-opacity:1!important;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))!important}.hover\:bg-amber-50:hover{--tw-bg-opacity:1!important;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))!important}.hover\:bg-amber-600:hover{--tw-bg-opacity:1!important;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))!important}.hover\:bg-emerald-100:hover{--tw-bg-opacity:1!important;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))!important}.hover\:bg-emerald-200:hover{--tw-bg-opacity:1!important;background-color:rgb(167 243 208/var(--tw-bg-opacity,1))!important}.hover\:bg-emerald-50:hover{--tw-bg-opacity:1!important;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))!important}.hover\:bg-emerald-700:hover{--tw-bg-opacity:1!important;background-color:rgb(4 120 87/var(--tw-bg-opacity,1))!important}.hover\:bg-gray-100:hover{--tw-bg-opacity:1!important;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))!important}.hover\:bg-gray-200:hover{--tw-bg-opacity:1!important;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))!important}.hover\:bg-gray-50:hover{--tw-bg-opacity:1!important;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))!important}.hover\:bg-gray-700:hover{--tw-bg-opacity:1!important;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))!important}.hover\:bg-red-100:hover{--tw-bg-opacity:1!important;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))!important}.hover\:bg-red-50:hover{--tw-bg-opacity:1!important;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))!important}.hover\:bg-rose-100:hover{--tw-bg-opacity:1!important;background-color:rgb(255 228 230/var(--tw-bg-opacity,1))!important}.hover\:bg-rose-200:hover{--tw-bg-opacity:1!important;background-color:rgb(254 205 211/var(--tw-bg-opacity,1))!important}.hover\:bg-rose-50:hover{--tw-bg-opacity:1!important;background-color:rgb(255 241 242/var(--tw-bg-opacity,1))!important}.hover\:bg-rose-700:hover{--tw-bg-opacity:1!important;background-color:rgb(190 18 60/var(--tw-bg-opacity,1))!important}.hover\:bg-sky-100:hover{--tw-bg-opacity:1!important;background-color:rgb(224 242 254/var(--tw-bg-opacity,1))!important}.hover\:bg-violet-700:hover{--tw-bg-opacity:1!important;background-color:rgb(109 40 217/var(--tw-bg-opacity,1))!important}.hover\:bg-white\/20:hover{background-color:#fff3!important}.hover\:bg-white\/30:hover{background-color:#ffffff4d!important}.hover\:text-amber-600:hover{--tw-text-opacity:1!important;color:rgb(217 119 6/var(--tw-text-opacity,1))!important}.hover\:text-emerald-600:hover{--tw-text-opacity:1!important;color:rgb(5 150 105/var(--tw-text-opacity,1))!important}.hover\:text-gray-600:hover{--tw-text-opacity:1!important;color:rgb(75 85 99/var(--tw-text-opacity,1))!important}.hover\:text-gray-700:hover{--tw-text-opacity:1!important;color:rgb(55 65 81/var(--tw-text-opacity,1))!important}.hover\:text-gray-900:hover{--tw-text-opacity:1!important;color:rgb(17 24 39/var(--tw-text-opacity,1))!important}.hover\:text-red-500:hover{--tw-text-opacity:1!important;color:rgb(239 68 68/var(--tw-text-opacity,1))!important}.hover\:text-sky-900:hover{--tw-text-opacity:1!important;color:rgb(12 74 110/var(--tw-text-opacity,1))!important}.hover\:underline:hover{text-decoration-line:underline!important}.hover\:opacity-80:hover{opacity:.8!important}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a!important;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.hover\:brightness-95:hover{--tw-brightness:brightness(.95)!important;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)!important}.focus\:border-blue-400:focus{--tw-border-opacity:1!important;border-color:rgb(96 165 250/var(--tw-border-opacity,1))!important}.focus\:border-emerald-400:focus{--tw-border-opacity:1!important;border-color:rgb(52 211 153/var(--tw-border-opacity,1))!important}.focus\:border-violet-400:focus{--tw-border-opacity:1!important;border-color:rgb(167 139 250/var(--tw-border-opacity,1))!important}.focus\:bg-white:focus{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.focus\:outline-none:focus{outline-offset:2px!important;outline:2px solid #0000!important}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.focus\:ring-amber-400:focus{--tw-ring-opacity:1!important;--tw-ring-color:rgb(251 191 36/var(--tw-ring-opacity,1))!important}.focus\:ring-emerald-100:focus{--tw-ring-opacity:1!important;--tw-ring-color:rgb(209 250 229/var(--tw-ring-opacity,1))!important}.focus\:ring-orange-400:focus{--tw-ring-opacity:1!important;--tw-ring-color:rgb(251 146 60/var(--tw-ring-opacity,1))!important}.focus\:ring-rose-300:focus{--tw-ring-opacity:1!important;--tw-ring-color:rgb(253 164 175/var(--tw-ring-opacity,1))!important}.focus\:ring-violet-300:focus{--tw-ring-opacity:1!important;--tw-ring-color:rgb(196 181 253/var(--tw-ring-opacity,1))!important}.active\:scale-95:active{--tw-scale-x:.95!important;--tw-scale-y:.95!important;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))!important}.active\:scale-\[0\.99\]:active{--tw-scale-x:.99!important;--tw-scale-y:.99!important;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))!important}.active\:bg-emerald-800:active{--tw-bg-opacity:1!important;background-color:rgb(6 95 70/var(--tw-bg-opacity,1))!important}.active\:bg-gray-100:active{--tw-bg-opacity:1!important;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))!important}.active\:bg-rose-100:active{--tw-bg-opacity:1!important;background-color:rgb(255 228 230/var(--tw-bg-opacity,1))!important}.active\:bg-sky-100:active{--tw-bg-opacity:1!important;background-color:rgb(224 242 254/var(--tw-bg-opacity,1))!important}.active\:opacity-70:active{opacity:.7!important}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed!important}.disabled\:opacity-30:disabled{opacity:.3!important}.disabled\:opacity-40:disabled{opacity:.4!important}.disabled\:opacity-50:disabled{opacity:.5!important}.disabled\:opacity-55:disabled{opacity:.55!important}.disabled\:opacity-60:disabled{opacity:.6!important}.group:hover .group-hover\:flex{display:flex!important}@media (min-width:640px){.sm\:block{display:block!important}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.sm\:flex-row{flex-direction:row!important}.sm\:items-center{align-items:center!important}.sm\:gap-4{gap:1rem!important}}@media (min-width:768px){.md\:flex-row{flex-direction:row!important}}@media (min-width:1024px){.lg\:flex{display:flex!important}.lg\:hidden{display:none!important}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}}.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{appearance:none!important}.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{appearance:none!important}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{width:100%;transform:translate3d(0,var(--y),0)scale(var(--s));transition:transform .3s;position:absolute}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";height:calc(var(--g)*1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{flex-shrink:0;width:22px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translateY(2000px)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0)scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0)perspective(400px)}30%{transform:translate3d(0,var(--y),0)perspective(400px)rotate3d(1,0,0,-20deg);opacity:1}to{transform:translate3d(0,var(--y),0)perspective(400px)rotate3d(1,0,0,90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translateY(-500px)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.custom-dropdown{display:inline-block;position:relative}.dropdown-toggle-btn{cursor:pointer;color:inherit;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .75rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.dropdown-toggle-btn:hover{background-color:#0000000d}.rd-navbar .dropdown-toggle-btn,.store-navbar .dropdown-toggle-btn,.service-navbar .dropdown-toggle-btn{color:var(--nav-text-muted)}.rd-navbar .dropdown-toggle-btn:hover,.store-navbar .dropdown-toggle-btn:hover,.service-navbar .dropdown-toggle-btn:hover{color:var(--nav-text);background:var(--nav-surface)}.dropdown-toggle-btn:active{background-color:#0000}.arrow{margin-left:.25rem;font-size:.65rem;transition:transform .3s}.arrow.open{transform:rotate(180deg)}.custom-dropdown-menu{z-index:1000;background:#fff;border:1px solid #00000014;border-radius:8px;min-width:220px;margin-top:.25rem;padding:.5rem;animation:.2s slideDown;position:absolute;top:100%;left:0;box-shadow:0 4px 16px #0000001a,0 2px 4px #0000000f}@keyframes slideDown{0%{opacity:0;max-height:0;padding:0 2rem}to{opacity:1;max-height:2000px;padding:2rem}}.custom-dropdown-item{cursor:pointer;color:#000000a6;background-color:#0000;border-radius:6px;align-items:center;margin:.15rem 0;padding:.65rem 1rem;font-size:.95rem;font-weight:400;transition:all .15s;display:flex}.custom-dropdown-item:hover{color:#000000e6;background-color:#0000000d}.custom-dropdown-item:active{background-color:#00000014}.dropdown-divider{background-color:#00000014;height:1px;margin:.5rem 0}.cd-badge{color:#fff;background:#ef4444;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.custom-dropdown-item{justify-content:space-between}.cd-item-badge{color:#fff;background:#ef4444;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:18px;margin-left:auto;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}@media (max-width:991.98px){.custom-dropdown{width:100%;display:block}.dropdown-toggle-btn{justify-content:space-between;width:100%;padding:.75rem 1rem;font-size:1rem}.custom-dropdown-menu{box-shadow:none;background-color:#0000;border:none;border-radius:0;margin-top:.25rem;padding-left:1.5rem;animation:.15s slideDown;position:static}.custom-dropdown-item{padding:.6rem 1rem}}.custom-navbar{border-bottom:1px solid #e5e7eb;background-color:#fff!important}.navbar-brand-custom{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;letter-spacing:.5px;-webkit-background-clip:text;font-size:1.25rem!important;font-weight:700!important}.nav-link-custom{border-radius:6px;font-size:.875rem;font-weight:500;transition:all .2s;color:#000000a6!important;padding:.5rem .75rem!important}.nav-link-custom:hover{background-color:#0000;color:#000000e6!important}.nav-link-custom.active{font-weight:600;color:#667eea!important}.user-greeting{color:#000000bf;padding:.5rem 1rem;font-size:.9rem;font-weight:500}.logout-btn{color:#dc3545;cursor:pointer;background-color:#0000;border:1px solid #dc3545;border-radius:20px;padding:.5rem 1.25rem;font-weight:500;transition:all .2s}.logout-btn:hover{color:#fff;background-color:#dc3545;transform:translateY(-1px);box-shadow:0 2px 8px #dc35454d}.login-link{color:#667eea!important;font-weight:600!important}.login-link:hover{color:#764ba2!important}.service-navbar{height:var(--nav-height);z-index:1000;border-bottom:1px solid var(--nav-border);background-color:#e2e8f0;align-items:center;padding:0 1.5rem;font-family:Noto Sans Thai,sans-serif;transition:background-color .3s,box-shadow .3s;display:flex;position:sticky;top:0}.service-navbar.scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:#e2e8f0;box-shadow:0 4px 24px #0000001a}.service-navbar-container{align-items:center;gap:1.5rem;width:100%;max-width:1400px;margin:0 auto;display:flex}.service-navbar-brand a{flex-shrink:0;align-items:center;gap:.75rem;text-decoration:none;display:flex}.service-navbar-brand a:hover .brand-icon-wrap{transform:scale(1.05)}.service-navbar-links-desktop{scrollbar-width:none;flex:1;gap:.15rem;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.service-navbar-links-desktop::-webkit-scrollbar{display:none}.service-navbar-links-desktop a{color:var(--nav-text-muted);border-radius:var(--radius-sm);transition:all var(--transition);white-space:nowrap;align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex;position:relative}.service-navbar-links-desktop a:hover{color:var(--nav-text);background:var(--nav-surface)}.service-navbar-links-desktop a.active{color:#fff;background:var(--nav-accent);box-shadow:0 2px 12px var(--nav-accent-glow)}.service-navbar-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.drawer-section-label:first-child{margin-top:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1200px){.service-navbar-links-desktop,.service-navbar-actions{display:none}.mobile-menu-button{margin-left:auto;display:flex}}.store-navbar{height:var(--nav-height);z-index:1000;border-bottom:1px solid var(--nav-border);background-color:#e2e8f0;align-items:center;padding:0 1.5rem;font-family:Noto Sans Thai,sans-serif;transition:background-color .3s,box-shadow .3s;display:flex;position:sticky;top:0}.store-navbar.scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:#e2e8f0;box-shadow:0 4px 24px #0006}.store-navbar-container{align-items:center;gap:2rem;width:100%;max-width:1400px;margin:0 auto;display:flex}.store-navbar-brand a{flex-shrink:0;align-items:center;gap:.75rem;text-decoration:none;display:flex}.store-navbar-brand a:hover .brand-icon-wrap{transform:scale(1.05)}.store-navbar-links-desktop{flex:1;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.store-navbar-links-desktop a{color:var(--nav-text-muted);border-radius:var(--radius-sm);transition:all var(--transition);white-space:nowrap;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex;position:relative}.store-navbar-links-desktop a:hover{color:var(--nav-text);background:var(--nav-surface)}.store-navbar-links-desktop a.active{color:#fff;background:var(--nav-accent);box-shadow:0 2px 12px var(--nav-accent-glow)}.store-navbar-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#1a56db,#5b8ef5);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.75rem;font-weight:700;display:flex}.drawer-avatar{color:#fff;width:44px;height:44px;box-shadow:0 0 16px var(--nav-accent-glow);background:linear-gradient(135deg,#1a56db,#5b8ef5);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}@media (max-width:1024px){.store-navbar-links-desktop,.store-navbar-actions{display:none}.mobile-menu-button{margin-left:auto;display:flex}}:root{--nav-bg:#0f1623;--nav-bg-scrolled:#0a0e16f7;--nav-accent:#1a56db;--nav-accent-light:#2d6ef5;--nav-accent-glow:#1a56db40;--nav-text:#e8edf5;--nav-text-muted:#8a95a8;--nav-border:#ffffff12;--nav-surface:#ffffff0d;--nav-height:68px;--radius-sm:8px;--radius-md:12px;--transition:.2s ease}.rd-navbar{height:#e2e8f0;z-index:1000;border-bottom:1px solid var(--rd-nav-border);background-color:#e2e8f0;align-items:center;padding:0 1.5rem;font-family:IBM Plex Sans Thai,sans-serif;transition:background-color .3s,box-shadow .3s;display:flex;position:sticky;top:0}.rd-navbar.scrolled{background-color:var(--rd-nav-bg-scrolled);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 4px 24px #0006}.rd-navbar-container{align-items:center;gap:2rem;width:100%;max-width:1400px;margin:0 auto;display:flex}.rd-navbar-brand a{flex-shrink:0;align-items:center;gap:.75rem;text-decoration:none;display:flex}.brand-icon-wrap{background:var(--rd-nav-accent);border-radius:var(--radius-sm);color:#fff;width:36px;height:36px;box-shadow:0 0 16px var(--rd-nav-accent-glow);transition:transform var(--transition);justify-content:center;align-items:center;font-size:1rem;display:flex}.rd-navbar-brand a:hover .brand-icon-wrap{transform:scale(1.05)}.brand-text{flex-direction:column;line-height:1;display:flex}.brand-name{color:var(--rd-nav-text);letter-spacing:.02em;font-size:1rem;font-weight:700}.brand-sub{color:var(--rd-nav-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:.65rem;font-weight:500}.rd-navbar-links-desktop{flex:1;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.rd-navbar-links-desktop a{color:var(--rd-nav-text-muted);border-radius:var(--radius-sm);transition:all var(--transition);white-space:nowrap;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-icon{align-items:center;font-size:.9rem;display:flex}.rd-navbar-links-desktop a:hover{color:var(--rd-nav-text);background:var(--rd-nav-surface)}.rd-navbar-links-desktop a.active{color:#fff;background:var(--rd-nav-accent);box-shadow:0 2px 12px var(--rd-nav-accent-glow)}.rd-navbar-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.user-pill{background:var(--rd-nav-surface);border:1px solid var(--rd-nav-border);border-radius:99px;align-items:center;gap:.625rem;padding:.375rem .875rem .375rem .375rem;display:flex}.user-avatar{background:linear-gradient(135deg,var(--rd-nav-accent),var(--rd-nav-accent-light));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.75rem;font-weight:700;display:flex}.user-details{flex-direction:column;line-height:1;display:flex}.user-name{color:var(--rd-nav-text);font-size:.8rem;font-weight:600}.user-role{color:var(--rd-nav-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:.65rem}.logout-button{border:1px solid var(--rd-nav-border);color:var(--rd-nav-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);white-space:nowrap;background:0 0;align-items:center;gap:.5rem;padding:.5rem .875rem;font-family:inherit;font-size:.8rem;font-weight:500;display:flex}.logout-button:hover{color:#f87171;background:#f8717114;border-color:#f87171}.mobile-menu-button{color:var(--rd-nav-text);cursor:pointer;transition:color var(--transition);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;font-size:1.4rem;display:none}.mobile-menu-button:hover{color:var(--rd-nav-accent-light)}.mobile-menu-drawer{border-left:1px solid var(--rd-nav-border);z-index:1100;background-color:#e6e6fa;flex-direction:column;width:300px;height:100%;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-8px 0 32px #0009}.mobile-menu-drawer.open{transform:translate(0)}.mobile-drawer-header{border-bottom:1px solid var(--rd-nav-border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.drawer-brand{color:var(--rd-nav-text);align-items:center;gap:.625rem;font-size:1rem;font-weight:700;display:flex}.drawer-brand svg{color:var(--rd-nav-accent-light);font-size:1.2rem}.drawer-close{background:var(--rd-nav-surface);border:1px solid var(--rd-nav-border);color:var(--rd-nav-text-muted);border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;transition:all var(--transition);justify-content:center;align-items:center;display:flex}.drawer-close:hover{color:var(--rd-nav-text);background:#ffffff1a}.drawer-user-card{background:var(--rd-nav-surface);border-bottom:1px solid var(--rd-nav-border);align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.drawer-avatar{background:linear-gradient(135deg,var(--rd-nav-accent),var(--rd-nav-accent-light));color:#fff;width:44px;height:44px;box-shadow:0 0 16px var(--rd-nav-accent-glow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.drawer-user-name{color:var(--rd-nav-text);margin:0;font-size:.9rem;font-weight:600}.drawer-user-role{color:var(--rd-nav-text-muted);text-transform:uppercase;letter-spacing:.06em;margin:3px 0 0;font-size:.7rem}.drawer-nav{flex:1;padding:1rem .75rem;overflow-y:auto}.drawer-section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--rd-nav-text-muted);margin:0 0 .5rem;padding:0 .75rem;font-size:.65rem}.drawer-nav ul{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.drawer-nav-icon{align-items:center;width:20px;font-size:1rem;display:flex}.drawer-nav a{border-radius:var(--radius-sm);color:var(--rd-nav-text-muted);transition:all var(--transition);align-items:center;gap:.875rem;padding:.75rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.drawer-nav a:hover{color:var(--rd-nav-text);background:var(--rd-nav-surface)}.drawer-nav a.active{color:#fff;background:var(--rd-nav-accent);box-shadow:0 2px 10px var(--rd-nav-accent-glow)}.drawer-footer{border-top:1px solid var(--rd-nav-border);padding:1.25rem 1rem}.drawer-logout-btn{color:#f87171;border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:all var(--transition);background:#f8717114;border:1px solid #f8717166;justify-content:center;align-items:center;gap:.625rem;padding:.75rem;font-family:inherit;font-size:.9rem;font-weight:600;display:flex}.drawer-logout-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1050;background:#0009;width:100%;height:100%;animation:.2s fadeIn;position:fixed;top:0;left:0}@media (max-width:1024px){.rd-navbar-links-desktop,.rd-navbar-actions{display:none}.mobile-menu-button{margin-left:auto;display:flex}}:root{--pd-bg:#f1f5f9;--pd-accent:#3b82f6;--pd-accent-light:#60a5fa;--pd-accent-glow:#3b82f640;--pd-text:#1e293b;--pd-text-muted:#64748b;--pd-border:#0000000f;--pd-surface:#0000000a;--pd-height:68px;--pd-radius:10px;--pd-transition:.2s ease}.pd-navbar{z-index:1000;height:var(--pd-height);background:var(--pd-bg);border-bottom:1px solid var(--pd-border);align-items:center;font-family:IBM Plex Sans Thai,sans-serif;display:flex;position:sticky;top:0}.pd-container{align-items:center;gap:1.5rem;width:100%;max-width:1400px;margin:auto;padding:0 1.5rem;display:flex}.pd-brand{flex-direction:column;line-height:1;text-decoration:none;display:flex}.pd-brand span:first-child{color:var(--pd-text);font-size:1rem;font-weight:700}.pd-tag{color:var(--pd-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.65rem}.pd-menu-desktop{flex:1;gap:.25rem;display:flex}.pd-item{border-radius:var(--pd-radius);color:var(--pd-text-muted);transition:var(--pd-transition);align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.85rem;text-decoration:none;display:flex}.pd-item:hover{background:var(--pd-surface);color:var(--pd-text)}.pd-item.active{background:var(--pd-accent);color:#fff;box-shadow:0 2px 12px var(--pd-accent-glow)}.pd-logout{border:1px solid var(--pd-border);border-radius:var(--pd-radius);cursor:pointer;color:var(--pd-text-muted);transition:var(--pd-transition);background:0 0;padding:.45rem .85rem;font-size:.8rem}.pd-logout:hover{color:#ef4444;background:#ef444414;border-color:#ef4444}.pd-toggle{cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:1.4rem;display:none}.pd-menu-mobile{z-index:1100;background:#fff;flex-direction:column;width:280px;height:100%;transition:transform .3s;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-10px 0 30px #0003}.pd-menu-mobile.open{transform:translate(0)}.pd-user{border-bottom:1px solid var(--pd-border);background:var(--pd-surface);gap:.75rem;padding:1.2rem;display:flex}.pd-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#60a5fa);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:flex}.pd-name{color:var(--pd-text);font-size:.9rem;font-weight:600}.pd-role{color:var(--pd-text-muted);font-size:.7rem}.pd-mobile-item{color:var(--pd-text-muted);transition:var(--pd-transition);gap:.75rem;padding:.85rem 1rem;font-size:.9rem;text-decoration:none;display:flex}.pd-mobile-item:hover{background:var(--pd-surface);color:var(--pd-text)}.pd-mobile-item.active{background:var(--pd-accent);color:#fff}.pd-mobile-logout{border-radius:var(--pd-radius);color:#ef4444;cursor:pointer;background:#ef444414;border:1px solid #ef444466;margin:1rem;padding:.75rem;font-weight:600}.pd-mobile-logout:hover{color:#fff;background:#ef4444}.pd-overlay{z-index:1050;background:#00000080;position:fixed;inset:0}@media (max-width:1024px){.pd-menu-desktop{display:none}.pd-toggle{display:block}}.anb-nav{z-index:1000;background:#fff;border-bottom:1px solid #e2e8f0;align-items:center;height:56px;font-family:Sarabun,sans-serif;transition:box-shadow .2s;display:flex;position:sticky;top:0}.anb-nav.scrolled{box-shadow:0 2px 8px #0000000f}.anb-container{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1400px;margin:0 auto;padding:0 24px;display:flex}.anb-brand{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.anb-brand-icon{background:#185fa5;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.anb-brand-icon svg{color:#e6f1fb;width:17px;height:17px}.anb-brand-name{color:#1e293b;letter-spacing:.3px;font-size:13px;font-weight:700}.anb-links{flex:1;justify-content:center;gap:2px;margin:0;padding:0;list-style:none;display:flex}.anb-link{color:#64748b;white-space:nowrap;border-radius:8px;align-items:center;gap:7px;padding:7px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:inline-flex}.anb-link:hover{color:#1e293b;background:#f8fafc}.anb-link.active{color:#0c447c;background:#e6f1fb;font-weight:600}.anb-link-icon{align-items:center;display:flex}.anb-link-icon svg{width:14px;height:14px}.anb-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.anb-notif{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .12s;display:flex;position:relative}.anb-notif:hover{background:#f8fafc}.anb-notif-active{background:#f1f5f9;border-color:#cbd5e1}.anb-notif-wrap{position:relative}.anb-notif-panel{z-index:2000;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:280px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 24px #0000001a}.anb-notif-hdr{color:#1e293b;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:12px 14px 10px;font-size:13px;font-weight:700;display:flex}.anb-notif-total{color:#fff;background:#e24b4a;border-radius:20px;padding:1px 7px;font-size:11px;font-weight:700}.anb-notif-empty{text-align:center;color:#94a3b8;padding:24px 14px;font-size:12px}.anb-notif-item{cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #f8fafc;align-items:center;gap:10px;width:100%;padding:10px 14px;font-family:Sarabun,sans-serif;transition:background .1s;display:flex}.anb-notif-item:last-child{border-bottom:none}.anb-notif-item:hover{background:#f8fafc}.anb-ni-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.anb-ni-label{color:#334155;flex:1;font-size:12px;font-weight:500}.anb-ni-count{border-radius:20px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:700}.anb-notif-badge{color:#fff;background:#e24b4a;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.anb-user{cursor:default;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:9px;padding:4px 10px 4px 4px;display:flex}.anb-avatar{color:#e6f1fb;background:#185fa5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.anb-user-info{flex-direction:column;display:flex}.anb-user-name{color:#1e293b;font-size:12px;font-weight:600;line-height:1.3}.anb-user-role{color:#94a3b8;font-size:10px}.anb-logout{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .12s,color .12s,border-color .12s;display:flex}.anb-logout:hover{color:#a32d2d;background:#fcebeb;border-color:#f7c1c1}:root{--primary-color:#6366f1;--primary-color-dark:#4f46e5;--primary-color-light:#818cf8;--background-gradient-start:#fff;--background-gradient-end:#fff;--card-background:#ffffff08;--card-border:#ffffff14;--text-color:#f1f5f9;--text-color-light:#94a3b8;--input-background:#ffffff0d;--input-border:#ffffff1a;--shadow-color:#6366f14d;--glow-color:#6366f180}.login-container{background:linear-gradient(135deg,var(--background-gradient-start)0%,var(--background-gradient-end)100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;position:relative;overflow:hidden}.login-container:before{content:"";background:radial-gradient(circle,var(--glow-color)0%,transparent 70%);border-radius:50%;width:500px;height:500px;animation:4s ease-in-out infinite pulse;position:absolute;top:-250px;right:-250px}.login-container:after{content:"";background:radial-gradient(circle,#8b5cf64d 0%,#0000 70%);border-radius:50%;width:400px;height:400px;animation:6s ease-in-out infinite pulse;position:absolute;bottom:-200px;left:-200px}.login-form{background:var(--card-background);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 60px #0000004d,0 0 0 1px var(--card-border),inset 0 1px 0 #ffffff1a;z-index:1;border-radius:24px;width:100%;max-width:440px;padding:3rem 2.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.login-form:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#fff3,#ffffff0d);border-radius:24px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.login-form:hover{box-shadow:0 30px 80px #0006,0 0 0 1px var(--card-border),inset 0 1px 0 #ffffff26,0 0 60px var(--shadow-color);transform:translateY(-8px)}.login-form h2{text-align:center;color:var(--text-color);letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,var(--text-color-light)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:700}.login-form .subtitle{text-align:center;color:var(--text-color-light);margin-bottom:2.5rem;font-size:.95rem;font-weight:400}.form-group{margin-bottom:1.75rem;position:relative}.login-form input{border:1px solid var(--input-border);width:100%;height:2.8rem;color:var(--text-color);background-color:var(--input-background);border-radius:12px;padding:.95rem 1.1rem;font-family:inherit;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.login-form input::placeholder{color:var(--text-color-light);opacity:.6}.login-form input:focus{border-color:var(--primary-color);background-color:#ffffff14;outline:none;transform:translateY(-2px);box-shadow:0 0 0 4px #6366f11a,0 8px 16px #0003}.login-form button{background:linear-gradient(135deg,var(--primary-color)0%,var(--primary-color-dark)100%);color:#fff;cursor:pointer;width:100%;box-shadow:0 4px 16px var(--shadow-color),inset 0 1px 0 #fff3;letter-spacing:.02em;border:none;border-radius:12px;margin-top:.5rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.login-form button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.login-form button:hover:before{left:100%}.login-form button:hover{box-shadow:0 8px 24px var(--shadow-color),inset 0 1px 0 #ffffff4d;background:linear-gradient(135deg,var(--primary-color-light)0%,var(--primary-color)100%);transform:translateY(-3px)}.login-form button:active{box-shadow:0 4px 12px var(--shadow-color),inset 0 1px 0 #fff3;transform:translateY(-1px)}.divider{text-align:center;color:var(--text-color-light);align-items:center;margin:2rem 0 1.5rem;font-size:.85rem;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid var(--input-border);flex:1}.divider span{padding:0 1rem}.register-link{text-align:center;color:var(--text-color-light);margin-top:1.5rem;font-size:.95rem}.register-link a{color:var(--primary-color-light);font-weight:600;text-decoration:none;transition:all .3s;position:relative}.register-link a:after{content:"";background:linear-gradient(90deg,var(--primary-color-light),var(--primary-color));width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.register-link a:hover:after{width:100%}.register-link a:hover{color:var(--primary-color)}@media (max-width:480px){.login-form{padding:2.5rem 2rem}.login-form h2{font-size:1.75rem}}.login-logo-text{text-align:center;letter-spacing:.15em;background:linear-gradient(135deg,var(--primary-color)0%,var(--primary-color-light)100%);-webkit-text-fill-color:transparent;text-transform:uppercase;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3.2rem;font-weight:700;display:block}.register-container{background-color:#f1f5f9;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;font-family:Inter,sans-serif;display:flex}.register-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;max-width:750px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.register-header{text-align:center;border-bottom:2px solid #f8fafc;padding:2rem}.register-header h2{color:#1e293b;margin:0;font-size:1.5rem;font-weight:700}.register-header p{color:#64748b;margin:.5rem 0 0;font-size:.9rem}.register-form-formal{padding:2rem 3rem}.form-section-title{color:#1e40af;border-bottom:2px solid #eff6ff;margin:1.5rem 0;padding-bottom:.5rem;font-size:.9rem;font-weight:700}.form-group-formal{grid-template-columns:200px 1fr;align-items:center;gap:1.5rem;margin-bottom:1.25rem;display:grid}.form-group-formal label{color:#334155;align-items:center;gap:.75rem;margin:0;font-size:.95rem;font-weight:600;display:flex}.input-icon{color:#3b82f6;width:20px;font-size:.9rem}.form-group-formal input,.form-group-formal select{color:#1e293b;background-color:#fff;border:1px solid #cbd5e1;border-radius:4px;width:100%;padding:.625rem .875rem;font-size:.95rem;transition:all .2s}.form-group-formal input:focus,.form-group-formal select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.btn-register-formal{color:#fff;cursor:pointer;background-color:#1e40af;border:none;border-radius:4px;width:100%;margin-top:2rem;padding:.875rem;font-size:1rem;font-weight:700;transition:background-color .2s}.btn-register-formal:hover{background-color:#1d4ed8}.register-footer{text-align:center;background-color:#f8fafc;border-top:1px solid #f1f5f9;padding:1.5rem;font-size:.9rem}.login-link-formal{color:#2563eb;margin-left:.5rem;font-weight:700;text-decoration:none}.alert-message{border-radius:4px;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.9rem}.error-alert{color:#991b1b;background:#fef2f2;border:1px solid #fee2e2}.success-alert{color:#166534;background:#f0fdf4;border:1px solid #dcfce7}@media (max-width:640px){.form-group-formal{grid-template-columns:1fr;gap:.5rem}.register-form-formal{padding:1.5rem}}.activity-page{background-color:#f8fafc;min-height:100vh;padding:2rem}.activity-container{background:#fff;border-radius:1.5rem;max-width:1400px;margin:0 auto;padding:2rem;box-shadow:0 4px 20px #0000000d}.activity-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.title-wrapper{align-items:center;gap:1rem;display:flex}.icon-box{color:#fff;background-color:#3b82f6;border-radius:1rem;padding:1rem;box-shadow:0 4px 10px #3b82f64d}.activity-header h1{color:#1e293b;margin:0;font-size:1.8rem;font-weight:800}.activity-header p{color:#64748b;margin:0;font-size:.95rem}.btn-refresh{color:#3b82f6;cursor:pointer;background:#eff6ff;border:1px solid #dbeafe;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:600;transition:all .2s;display:flex}.activity-filters{grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}.search-box,.filter-box{align-items:center;display:flex;position:relative}.search-icon,.filter-icon{color:#94a3b8;position:absolute;left:1.25rem}.search-box input,.filter-box select{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:1rem;outline:none;width:100%;padding:.875rem 1rem .875rem 3rem;font-size:.95rem;transition:all .2s}.search-box input:focus,.filter-box select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.activity-table-wrapper{border:1px solid #f1f5f9;border-radius:1rem;overflow-x:auto}.activity-table{border-collapse:collapse;width:100%;font-size:.95rem}.activity-table th{text-align:left;color:#475569;background-color:#f8fafc;border-bottom:2px solid #f1f5f9;padding:1.25rem 1rem;font-weight:700}.activity-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:1.25rem 1rem}.activity-table tr:hover td{background-color:#f8fafc}.bold{color:#1e293b;font-weight:700}.center{text-align:center}.time-col{color:#64748b;font-size:.9rem}.type-col{color:#3b82f6;text-transform:uppercase;font-size:.85rem;font-weight:600}.ref-tag{color:#475569;background:#f1f5f9;border-radius:6px;padding:4px 8px;font-family:monospace;font-weight:700}.status-badge{text-transform:uppercase;border-radius:50px;padding:6px 12px;font-size:.8rem;font-weight:700}.badge-pending{color:#92400e;background:#fef3c7}.badge-danger{color:#991b1b;background:#fee2e2}.badge-neutral{color:#475569;background:#f1f5f9}.icon-blue{color:#3b82f6}.icon-green{color:#10b981}.icon-gold{color:#f59e0b}.icon-purple{color:#8b5cf6}.icon-teal{color:#14b8a6}.empty-row{text-align:center;color:#94a3b8;font-style:italic;padding:3rem!important}.loading-container{flex-direction:column;justify-content:center;align-items:center;height:50vh;display:flex}.monitor-dashboard{background-color:#f8fafc;min-height:100vh;padding:2rem}.monitor-header{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem 2rem;display:flex;box-shadow:0 1px 3px #0000001a}.header-content{align-items:center;gap:1.25rem;display:flex}.header-icon{color:#fff;background:#1e40af;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex}.header-title{color:#0f172a;margin:0;font-size:1.5rem;font-weight:800}.header-subtitle{color:#64748b;margin:0;font-size:.9rem}.header-actions{align-items:center;gap:1rem;display:flex}.tab-dropdown-wrapper{margin-right:.5rem}.view-mode-select{color:#1e40af;cursor:pointer;background-color:#fff;border:2px solid #1e40af;border-radius:8px;outline:none;padding:.5rem 1rem;font-size:.9rem;font-weight:700;transition:all .2s;box-shadow:0 2px 4px #1e40af1a}.view-mode-select:hover{background-color:#eff6ff}.view-mode-select:focus{box-shadow:0 0 0 3px #2563eb33}.date-selectors{gap:.5rem;display:flex}.month-select,.year-select{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:.5rem;font-size:.9rem;font-weight:600}.btn-refresh{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.btn-refresh:hover{background:#f8fafc}.kpi-section{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.kpi-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .2s;box-shadow:0 1px 2px #0000000d}.kpi-card:hover{transform:translateY(-3px);box-shadow:0 10px 15px -3px #0000001a}.kpi-card.active{border-width:2px;border-color:#1e40af}.kpi-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.warehouse-badge{color:#334155;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;display:flex}.last-update{color:#94a3b8;font-size:.75rem}.kpi-body{justify-content:space-between;align-items:center;display:flex}.kpi-body-purchase{text-align:center;padding:.5rem 0}.stat-big-value{color:#1e293b;font-size:2.25rem;font-weight:800}.stat-unit{color:#64748b;margin-top:-4px;font-size:.85rem;font-weight:600}.kpi-row{flex-direction:column;gap:.25rem;display:flex}.kpi-label{color:#64748b;align-items:center;gap:.25rem;font-size:.75rem;font-weight:700;display:flex}.kpi-value{font-size:1.5rem;font-weight:800}.in .kpi-value{color:#10b981}.out .kpi-value{color:#ef4444}.kpi-divider{background:#f1f5f9;width:1px;height:40px}.table-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.table-controls{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.table-title{color:#1e293b;align-items:center;gap:.75rem;font-weight:700;display:flex}.filter-group{gap:1rem;display:flex}.search-wrapper{align-items:center;display:flex;position:relative}.search-wrapper svg{color:#94a3b8;position:absolute;left:1rem}.search-wrapper input{border:1px solid #e2e8f0;border-radius:6px;width:300px;padding:.5rem 1rem .5rem 2.5rem;font-size:.9rem}.monitor-table-container{overflow-x:auto}.monitor-table{border-collapse:collapse;width:100%}.monitor-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem;font-size:.75rem;font-weight:700}.monitor-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:1rem 1.5rem;font-size:.9rem}.badge-type{text-transform:uppercase;border-radius:4px;padding:4px 8px;font-size:.7rem;font-weight:700}.badge-type.in{color:#166534;background:#dcfce7}.badge-type.out{color:#991b1b;background:#fee2e2}.badge-purchase-status{border-radius:99px;padding:4px 10px;font-size:.75rem;font-weight:700}.project-summary-grid{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:2rem;padding:1.5rem 2rem;box-shadow:0 1px 3px #0000000d}.section-header-management{color:#1e293b;border-bottom:1px solid #f1f5f9;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem;font-size:1rem;font-weight:700;display:flex}.project-cards-container{gap:1rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.project-pill{color:#64748b;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1px solid #0000;border-radius:20px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .2s}.project-pill.active{color:#fff;background:#1e40af}.project-spending-card{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;min-width:180px;padding:1rem;transition:all .2s}.project-spending-card:hover{background:#fff;border-color:#3b82f6}.project-spending-card.active{background:#eff6ff;border-color:#1e40af;box-shadow:0 0 0 1px #1e40af}.project-spending-details{margin:.5rem 0}.main-spending{font-size:1.125rem;font-weight:800}.secondary-spending{font-size:.85rem;font-weight:600}.pending-spending{margin-top:.25rem;font-size:.75rem;font-style:italic}.currency-summary-grid{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:2rem;padding:1.5rem 2rem;box-shadow:0 1px 3px #0000000d}.currency-cards-container{flex-wrap:wrap;gap:1rem;display:flex}.currency-card{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-width:140px;padding:.75rem 1.25rem}.curr-label{color:#64748b;margin-bottom:.25rem;font-size:.75rem;font-weight:700}.curr-value{color:#166534;font-size:1.25rem;font-weight:800}.no-data-text{color:#94a3b8;font-size:.9rem;font-style:italic}.shop-select-filter{background:#fff;border:1px solid #e2e8f0;border-radius:6px;min-width:200px;padding:.5rem;font-size:.9rem}.shop-list-mini{flex-wrap:wrap;gap:4px;display:flex}.shop-badge-mini{color:#1e40af;white-space:nowrap;background:#eff6ff;border:1px solid #dbeafe;border-radius:4px;padding:2px 6px;font-size:.7rem}.currency-tag-mini{color:#64748b;margin-left:4px;font-size:.7rem;font-weight:400}.amount-display{flex-direction:column;align-items:flex-end;display:flex}.product-cell-truncate{white-space:nowrap;text-overflow:ellipsis;max-width:250px;overflow:hidden}.project-name-label{color:#64748b;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:.75rem;font-weight:700;overflow:hidden}.project-total-value{color:#1e293b;font-size:1.125rem;font-weight:800}.project-count-sub{color:#94a3b8;margin-top:.25rem;font-size:.7rem}.project-tag{color:#475569;background:#f1f5f9;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:600}.badge-purchase-status.confirmed,.badge-purchase-status.success,.badge-purchase-status.completed{color:#166534;background:#dcfce7}@media (max-width:768px){.header-actions{flex-direction:column;align-items:stretch}.project-cards-container{padding-bottom:1rem}}.pr-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2500;background-color:#0f172abf;justify-content:center;align-items:center;padding:1.5rem;animation:.2s ease-out prFadeIn;display:flex;position:fixed;inset:0}@keyframes prFadeIn{0%{opacity:0}to{opacity:1}}.pr-detail-modal-container{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:1000px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.pr-modal-header{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.pr-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;font-size:1.25rem;transition:all .2s;display:flex}.pr-modal-close:hover{color:#1e293b;background-color:#f1f5f9}.pr-modal-body{-webkit-overflow-scrolling:touch;flex:1;padding:2rem;overflow-y:auto}.pr-info-grid{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding:1.5rem;display:grid}.pr-info-item{flex-direction:column;gap:.375rem;display:flex}.info-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;display:flex}.info-value{color:#1e293b;font-size:1rem;font-weight:600}.info-value.request-no{color:#2563eb;font-family:monospace}.pr-remark-section{background-color:#f1f5f9;border-left:4px solid #cbd5e0;border-radius:0 8px 8px 0;padding:1.25rem}.remark-text{color:#334155;margin:.5rem 0 0;line-height:1.6}.section-subtitle{color:#1e293b;border-bottom:2px solid #f1f5f9;padding-bottom:.75rem;font-weight:700}.pr-items-table-wrapper{-webkit-overflow-scrolling:touch;border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.pr-items-table{border-collapse:collapse;width:100%;min-width:800px}.pr-items-table th{color:#64748b;text-transform:uppercase;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1rem;font-size:.75rem;font-weight:700}.pr-items-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:1rem}.item-name-cell{flex-direction:column;display:flex}.item-option{color:#64748b;font-size:.8rem}.pr-item-thumb{-o-object-fit:cover;object-fit:cover;cursor:pointer;border:1px solid #e2e8f0;border-radius:6px;width:48px;height:48px;transition:transform .2s}.pr-item-thumb:hover{transform:scale(1.1)}.pr-link-btn{color:#3b82f6;font-size:1.125rem}.pr-link-btn:hover{color:#1d4ed8}.footer-label{color:#64748b;font-weight:700}.total-amount{color:#1e293b;font-size:1.25rem;font-weight:800}.pr-modal-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;padding:1.25rem 2rem;display:flex}.btn-secondary-formal{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:.625rem 1.5rem;font-weight:600;transition:all .2s}.btn-secondary-formal:hover{background-color:#f1f5f9;border-color:#cbd5e0}.pr-detail-status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.375rem 1rem;font-size:.75rem;font-weight:700}.pr-detail-status-badge.pending{color:#92400e;background-color:#fef3c7}.pr-detail-status-badge.approved{color:#166534;background-color:#dcfce7}.pr-detail-status-badge.ordered{color:#1e40af;background-color:#dbeafe}.pr-detail-status-badge.paid{color:#166534;background-color:#f0fdf4}.pr-detail-status-badge.rejected{color:#991b1b;background-color:#fee2e2}.pr-detail-status-badge.success{color:#166534;background-color:#dcfce7}.pr-detail-status-badge.default{color:#475569;background-color:#f1f5f9}.pr-image-popup-overlay{z-index:3000;background-color:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pr-image-popup-content{max-width:90%;max-height:90%;position:relative}.pr-image-popup-content img{border-radius:8px;max-width:100%;max-height:100%}.pr-close-popup-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:2rem;display:flex;position:absolute;top:-40px;right:-40px}.pr-rejection-alert{color:#991b1b;background-color:#fee2e2;border:1px solid #fecaca;border-radius:8px;padding:1rem}@media (max-width:768px){.pr-modal-header,.pr-modal-body{padding:1rem 1.5rem}.pr-info-grid{grid-template-columns:1fr}}@keyframes thmap-spin{to{transform:rotate(360deg)}}.th-analytics-grid{grid-template-columns:1fr 1fr;gap:2rem;min-height:550px;padding:1rem;display:grid;opacity:1!important;visibility:visible!important}.visible-now{display:grid!important}.th-map-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:1.25rem;display:flex;box-shadow:0 1px 6px #0000000d}.map-legend-formal{border-bottom:1px solid #f1f5f9;justify-content:center;gap:1.5rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.lg-item{color:#64748b;align-items:center;gap:.5rem;font-family:Sarabun,Noto Sans Thai,sans-serif;font-size:.82rem;font-weight:700;display:flex}.lg-dot{border-radius:3px;flex-shrink:0;width:11px;height:11px}.lg-dot.high{background:#10b981}.lg-dot.medium{background:#f59e0b}.lg-dot.low{background:#ef4444}.map-svg-container{flex:1;min-height:380px;display:block}.th-svg-main{width:100%;max-height:450px}.th-ranking-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 1px 6px #0000000d}.ranking-header-pro{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.rk-title{color:#1e293b;align-items:center;gap:.6rem;font-family:Sarabun,Noto Sans Thai,sans-serif;font-size:.95rem;font-weight:800;display:flex}.rk-actions{align-items:center;gap:.6rem;display:flex}.search-input-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.4rem;padding:.4rem .75rem;transition:border-color .15s;display:flex}.search-input-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.search-input-wrapper svg{color:#94a3b8;flex-shrink:0;font-size:.75rem}.search-input-wrapper input{color:#1e293b;background:0 0;border:none;outline:none;width:130px;font-family:Sarabun,Noto Sans Thai,sans-serif;font-size:.85rem}.search-input-wrapper input::placeholder{color:#94a3b8}.btn-sort-pro{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;padding:.45rem .65rem;transition:all .15s;display:flex}.btn-sort-pro:hover{color:#374151;background:#f1f5f9;border-color:#cbd5e1}.ranking-scroll-area{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex-direction:column;flex:1;gap:.5rem;max-height:520px;padding:.875rem;display:flex;overflow-y:auto}.ranking-scroll-area::-webkit-scrollbar{width:5px}.ranking-scroll-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.prov-rank-item{cursor:pointer;background:#fff;border:1px solid #f1f5f9;border-radius:12px;align-items:flex-start;gap:.875rem;padding:.875rem 1rem;transition:all .18s;display:flex}.prov-rank-item:hover{background:#f0f9ff;border-color:#93c5fd;transform:translate(3px);box-shadow:0 2px 8px #3b82f614}.prov-rank-num{color:#94a3b8;background:#f1f5f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-family:Sarabun,sans-serif;font-size:.82rem;font-weight:800;display:flex}.prov-rank-num.top-one{color:#d97706;background:#fef3c7;font-size:.95rem}.prov-rank-body{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.prov-rank-info{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.prov-rank-info .name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-family:Sarabun,Noto Sans Thai,sans-serif;font-size:.875rem;font-weight:700;overflow:hidden}.prov-rank-info .amount{white-space:nowrap;font-variant-numeric:tabular-nums;font-family:Sarabun,sans-serif;font-size:.875rem;font-weight:800}.prov-rank-info .amount.high{color:#059669}.prov-rank-info .amount.medium{color:#d97706}.prov-rank-info .amount.low{color:#dc2626}.prov-rank-info .amount.none{color:#94a3b8}.prov-rank-progress{background:#f1f5f9;border-radius:10px;height:5px;overflow:hidden}.progress-bar{border-radius:10px;min-width:3px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.progress-bar.high{background:#10b981}.progress-bar.medium{background:#f59e0b}.progress-bar.low{background:#ef4444}.progress-bar.none{background:#d1d5db}.prov-rank-meta{color:#94a3b8;align-items:center;gap:1rem;font-family:Sarabun,sans-serif;font-size:.75rem;font-weight:600;display:flex}.prov-rank-meta svg{color:#cbd5e1;font-size:.7rem}.no-data-msg{text-align:center;color:#94a3b8;padding:3rem;font-family:Sarabun,sans-serif;font-size:.875rem;font-style:italic}@media (max-width:1024px){.th-analytics-grid{grid-template-columns:1fr;gap:1.5rem}.th-map-card{min-height:400px}.ranking-scroll-area{max-height:360px}}@media (max-width:600px){.th-analytics-grid{gap:1rem;padding:.75rem}.ranking-header-pro{flex-direction:column;align-items:stretch}.rk-actions{justify-content:space-between}.search-input-wrapper input{width:100px}}:root{--navy-dark:#0f172a;--navy-primary:#1e293b;--blue-formal:#2563eb;--slate-text:#334155;--slate-muted:#64748b;--border-formal:#e2e8f0;--bg-formal:#f8fafc;--success-formal:#059669}.revenue-formal-container{background-color:var(--bg-formal);min-height:100vh;padding:1.5rem;font-family:Inter,-apple-system,system-ui,sans-serif}.formal-page-header{border-bottom:1px solid var(--border-formal);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.title-area h1{color:var(--navy-dark);margin:0;font-size:1.5rem;font-weight:800}.title-area .subtitle{color:var(--slate-muted);margin:.25rem 0 0;font-size:.9rem}.view-selector-formal{background:#e2e8f0;border-radius:10px;gap:4px;padding:4px;display:flex}.view-selector-formal button{cursor:pointer;color:var(--slate-muted);background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.view-selector-formal button.active{color:var(--blue-formal);background:#fff;box-shadow:0 2px 4px #0000001a}.formal-content-grid{grid-template-columns:300px 1fr;gap:2rem;display:grid}.formal-sidebar{flex-direction:column;gap:1.5rem;display:flex}.formal-card{border:1px solid var(--border-formal);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.card-label{text-transform:uppercase;color:var(--navy-primary);border-bottom:1px solid var(--border-formal);background:#f1f5f9;align-items:center;gap:.5rem;padding:1rem;font-size:.8rem;font-weight:700;display:flex}.formal-filter-form{padding:1.25rem}.formal-input-group{margin-bottom:1rem}.formal-input-group label{color:var(--slate-muted);margin-bottom:.4rem;font-size:.75rem;font-weight:700;display:block}.formal-input-group input,.formal-input-group select{border:1px solid var(--border-formal);border-radius:6px;outline:none;width:100%;padding:.6rem;font-size:.85rem}.formal-summary-stack{flex-direction:column;gap:1rem;display:flex}.summary-box{border:1px solid var(--border-formal);background:#fff;border-radius:12px;flex-direction:column;padding:1.25rem;display:flex}.box-title{color:var(--slate-muted);text-transform:uppercase;font-size:.75rem;font-weight:700}.box-value{color:var(--navy-dark);margin-top:.25rem;font-size:1.5rem;font-weight:800}.box-value.revenue{color:var(--success-formal)}.table-header-formal{border-bottom:1px solid var(--border-formal);padding:1.25rem}.search-bar-formal{background:var(--bg-formal);border:1px solid var(--border-formal);border-radius:8px;align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex}.search-bar-formal input{background:0 0;border:none;outline:none;width:100%;font-size:.9rem}.formal-enterprise-table{border-collapse:collapse;width:100%}.formal-enterprise-table th{text-align:left;color:var(--slate-muted);text-transform:uppercase;background:#f8fafc;padding:1rem;font-size:.75rem;font-weight:700}.formal-enterprise-table td{border-bottom:1px solid var(--border-formal);padding:1rem;font-size:.9rem}.site-name{color:var(--navy-dark);font-weight:700}.loc-count{color:var(--blue-formal);font-size:.75rem;font-weight:600}.revenue-font{color:var(--success-formal);font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700}.formal-prov-badge{color:#1e40af;background:#eff6ff;border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:600}.btn-action-small{border:1px solid var(--border-formal);cursor:pointer;color:var(--slate-text);background:#fff;border-radius:6px;padding:.4rem .8rem;font-size:.8rem;font-weight:600}.btn-action-small:hover{border-color:var(--blue-formal);color:var(--blue-formal)}.map-wrapper-formal{min-height:600px;padding:2rem}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#0f172ab3;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.formal-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:950px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.formal-modal.small{max-width:450px}.modal-header-formal{border-bottom:1px solid var(--border-formal);background:#f8fafc;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.m-title{align-items:center;gap:.75rem;display:flex}.m-icon{color:var(--blue-formal);font-size:1.2rem}.modal-header-formal h3{color:var(--navy-dark);margin:0;font-size:1.1rem;font-weight:700}.m-close{cursor:pointer;width:32px;height:32px;color:var(--slate-muted);background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.modal-body-formal{padding:1.5rem;overflow-y:auto}.details-list-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1rem;display:grid}.machine-item-card{border:1px solid var(--border-formal);border-radius:12px;overflow:hidden}.m-header{border-bottom:1px solid var(--border-formal);background:#f8fafc;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.m-sn{font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:700}.m-badge{background:var(--blue-formal);color:#fff;border-radius:4px;margin-left:5px;padding:1px 6px;font-size:.7rem}.m-point{color:var(--slate-muted);align-items:center;gap:4px;margin-top:2px;font-size:.8rem;display:flex}.btn-move-mini{border:1px solid var(--border-formal);cursor:pointer;background:#fff;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:600}.m-body{padding:1rem}.m-mini-table{width:100%;font-size:.85rem}.m-mini-table td{padding:4px 0}.p-amt{text-align:right;font-weight:700}.p-amt.neg{color:#ef4444}.p-total{text-align:right;color:var(--success-formal);border-top:1px solid var(--border-formal);font-size:1rem;font-weight:800;padding-top:8px!important}.modal-footer-formal{border-top:1px solid var(--border-formal);background:#f8fafc;justify-content:flex-end;padding:1rem 1.5rem;display:flex}.btn-close-footer{border:1px solid var(--border-formal);cursor:pointer;background:#fff;border-radius:6px;padding:.6rem 1.5rem;font-weight:600}@media (max-width:1024px){.formal-content-grid,.details-list-grid{grid-template-columns:1fr}}:root{--primary:#3b82f6;--primary-light:#eff6ff;--primary-dark:#1d4ed8;--secondary:#64748b;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--bg-main:#f8fafc;--card-bg:#fff;--text-main:#0f172a;--text-muted:#64748b;--border-color:#e2e8f0;--grid-color:#f1f5f9;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.analytics-container{background-color:var(--bg-main);max-width:1600px;min-height:100vh;margin:0 auto;padding:2rem;font-family:Inter,IBM Plex Sans Thai,sans-serif}.analytics-header{margin-bottom:2.5rem}.header-content h1{color:var(--text-main);letter-spacing:-.02em;align-items:center;gap:1rem;margin:0 0 .5rem;font-size:2.25rem;font-weight:800;display:flex}.header-content p{color:var(--text-muted);margin:0;font-size:1.1rem;font-weight:500}.filter-section-pro{box-shadow:var(--shadow-sm);border:1px solid var(--border-color);background:#fff;border-radius:20px;margin-bottom:2.5rem;padding:1.75rem}.filter-form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:flex-end;gap:1.5rem;display:grid}.filter-item label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.8rem;font-weight:700;display:flex}.modern-input{border:1px solid var(--border-color);background-color:var(--bg-main);border-radius:12px;width:100%;padding:.85rem 1.1rem;font-size:.95rem;font-weight:600;transition:all .2s}.modern-input:focus{border-color:var(--primary);background-color:#fff;outline:none;box-shadow:0 0 0 4px #3b82f61a}.filter-actions{gap:.75rem;display:flex}.pro-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 1.75rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.primary-btn{background-color:var(--text-main);color:#fff}.secondary-btn{color:var(--text-muted);border:1px solid var(--border-color);background-color:#fff}.pro-btn:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.primary-btn:hover{background-color:#000}.analytics-layout{grid-template-columns:repeat(12,1fr);gap:1.5rem;display:grid}.main-stat-card{border-radius:28px;flex-direction:column;grid-column:span 4;justify-content:center;padding:2.5rem;display:flex;position:relative;overflow:hidden}.highlight-pro{color:#fff;background:#fff}.stat-label{opacity:.7;text-transform:uppercase;letter-spacing:.05em;font-size:1rem;font-weight:600}.stat-value{align-items:baseline;gap:.5rem;margin:.75rem 0;font-size:4rem;font-weight:800;display:flex}.stat-value .unit{opacity:.6;font-size:1.75rem;font-weight:500}.stat-desc{align-items:center;gap:.6rem;font-size:1rem;font-weight:600;display:flex}.time-analysis-grid{grid-column:span 8;grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.time-card{box-shadow:var(--shadow-sm);border:1px solid var(--border-color);background:#fff;border-radius:24px;padding:1.75rem}.card-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.card-header h3{color:var(--text-main);align-items:center;gap:.6rem;margin:0;font-size:1.1rem;font-weight:800;display:flex}.header-icon-wrap{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.peak-card .header-icon-wrap{color:var(--danger);background:#fee2e2}.offpeak-card .header-icon-wrap{color:var(--primary);background:#e0f2fe}.rank-item{border-bottom:1px solid var(--grid-color);justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.rank-item:last-child{border-bottom:none}.rank-hour{color:var(--text-main);font-size:1.1rem;font-weight:700}.rank-data{text-align:right}.rank-data .count{color:var(--text-main);font-size:1rem;font-weight:700;display:block}.rank-data .amount{color:var(--text-muted);font-size:.85rem;font-weight:600}.analytics-card-pro{box-shadow:var(--shadow-sm);border:1px solid var(--border-color);background:#fff;border-radius:32px;padding:2.5rem}.wide{grid-column:span 12}.card-header-pro{justify-content:space-between;align-items:flex-end;margin-bottom:3rem;display:flex}.header-title-area h3{color:var(--text-main);align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:1.5rem;font-weight:800;display:flex}.header-title-area p{color:var(--text-muted);margin:0;font-weight:600}.loc-badge{background:var(--bg-main);color:var(--primary);border:1px solid var(--border-color);border-radius:100px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:700}.chart-container-pro{height:400px;margin-top:1rem;position:relative}.grid-lines{pointer-events:none;z-index:1;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0 0 40px 45px}.grid-line{background-color:var(--grid-color);width:100%;height:1px;position:relative}.grid-label{color:var(--slate-400);padding-right:15px;font-size:.75rem;font-weight:700;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.chart-canvas{z-index:2;align-items:flex-end;gap:8px;display:flex;position:absolute;inset:0 0 40px 45px}.chart-bar-column{flex-direction:column;flex:1;justify-content:flex-end;height:100%;display:flex;position:relative}.bar-pro-fill{border-radius:6px 6px 2px 2px;width:100%;min-height:4px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.hourly-bar .level-low .bar-pro-fill{background:linear-gradient(#e2e8f0,#cbd5e1)}.hourly-bar .level-mid .bar-pro-fill{background:linear-gradient(#93c5fd,#60a5fa)}.hourly-bar .level-high .bar-pro-fill{background:linear-gradient(#60a5fa,#3b82f6)}.hourly-bar .level-peak .bar-pro-fill{background:linear-gradient(#3b82f6,#1d4ed8)}.weekly-bar .level-low .bar-pro-fill{background:linear-gradient(#ffedd5,#fed7aa)}.weekly-bar .level-mid .bar-pro-fill{background:linear-gradient(#fcd34d,#fbbf24)}.weekly-bar .level-high .bar-pro-fill{background:linear-gradient(#fbbf24,#f59e0b)}.weekly-bar .level-peak .bar-pro-fill{background:linear-gradient(#f59e0b,#ea580c)}.bar-pro-fill.is-peak{box-shadow:0 0 15px #3b82f64d}.weekly-bar .level-peak .bar-pro-fill.is-peak{box-shadow:0 0 15px #f59e0b66}.chart-bar-column:hover .bar-pro-fill{filter:brightness(1.1);z-index:10;transform:scaleX(1.1)}.x-axis-label{color:var(--slate-500);text-transform:uppercase;white-space:nowrap;padding-top:12px;font-size:.75rem;font-weight:700;position:absolute;top:100%;left:50%;transform:translate(-50%)}.chart-canvas.line-chart-type{display:block}.line-chart-svg{width:100%;height:100%;overflow:visible}.chart-line-path{fill:none;stroke:var(--warning);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 6px #f59e0b4d)}.chart-area-fill{fill:url(#chartGradient);opacity:.15}.chart-data-point{fill:#fff;stroke:var(--warning);stroke-width:3px;cursor:pointer;transition:all .2s}.chart-data-point:hover{r:8;stroke-width:5px;fill:var(--warning)}.point-hit-area{fill:#0000;cursor:pointer}.pro-tooltip{color:var(--text-main);pointer-events:none;opacity:0;visibility:hidden;z-index:100;min-width:140px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);background:#fff;border-radius:16px;padding:12px 16px;font-size:.85rem;transition:all .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-10px)}.pro-tooltip:after{content:"";border:6px solid #0000;border-top-color:#fff;position:absolute;top:100%;left:50%;transform:translate(-50%)}.chart-bar-column:hover .pro-tooltip,.point-group:hover .pro-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(-15px)}.tooltip-title{color:var(--text-muted);text-transform:uppercase;margin-bottom:4px;font-size:.7rem;font-weight:800;display:block}.tooltip-value{color:var(--text-main);margin-bottom:2px;font-size:1.1rem;font-weight:800;display:block}.tooltip-sub{color:var(--primary);font-size:.8rem;font-weight:600;display:block}.table-card{margin-top:2rem}.table-header-pro{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.table-title h3{color:var(--text-main);font-size:1.5rem;font-weight:800}.table-control{color:var(--text-muted);align-items:center;gap:.75rem;font-weight:700;display:flex}.small-select{appearance:none;border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;border-radius:10px;min-width:80px;padding:.5rem 2rem .5rem 1rem;font-weight:700;transition:all .2s}.small-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3b82f61a}.analysis-table{border-collapse:separate;border-spacing:0 10px;width:100%}.analysis-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:1rem 1.5rem;font-size:.75rem;font-weight:700}.analysis-table tr td{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:#fff;padding:1.25rem 1.5rem;transition:background .2s}.analysis-table tr td:first-child{border-left:1px solid var(--border-color);border-radius:18px 0 0 18px}.analysis-table tr td:last-child{border-right:1px solid var(--border-color);border-radius:0 18px 18px 0}.analysis-table tr:hover td{background-color:var(--primary-light)}.loc-name-cell{color:var(--primary);cursor:pointer;font-weight:800}.amount-val{color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:1.15rem;font-weight:800}.rental-input-wrapper{border:1px solid var(--border-color);background:#f8fafc;border-radius:12px;align-items:center;gap:.5rem;width:150px;margin-left:auto;padding:.5rem .85rem;transition:all .2s;display:flex}.rental-input-wrapper:focus-within{border-color:var(--warning);background:#fff;box-shadow:0 0 0 3px #f59e0b1a}.coin-ic{color:var(--warning);font-size:1rem}.rental-edit-input{text-align:right;width:100%;color:var(--text-main);background:0 0;border:none;outline:none;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:800}.profit-val{font-family:JetBrains Mono,monospace;font-size:1.15rem;font-weight:800}.profit-val.pos{color:var(--success)}.profit-val.neg{color:var(--danger)}.mini-bar-hover{cursor:pointer;transition:all .2s}.mini-bar-hover:hover{filter:brightness(1.2);transform:scaleX(1.1)}.mini-bar-hover:hover .mini-tooltip{display:block!important}.machine-mini-card{transition:all .2s}.machine-mini-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000000d;border-color:#3b82f6!important}.save-btn-pro{background:var(--text-main);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex}.save-btn-pro:hover{box-shadow:var(--shadow);background:#000;transform:scale(1.1)rotate(5deg)}@media (max-width:1200px){.main-stat-card,.time-analysis-grid{grid-column:span 12}}@media (max-width:768px){.analytics-container{padding:1.25rem}.time-analysis-grid{grid-template-columns:1fr}.chart-container-pro{height:300px}}:root{--navy-900:#0f172a;--navy-800:#1e293b;--navy-700:#334155;--slate-600:#475569;--slate-500:#64748b;--slate-400:#94a3b8;--slate-200:#e2e8f0;--slate-100:#f1f5f9;--slate-50:#f8fafc;--primary:#2563eb;--primary-light:#eff6ff;--success:#10b981;--warning:#f59e0b;--purple:#8b5cf6;--radius-lg:16px;--radius-md:12px;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.yearly-pro-container{background-color:var(--slate-100);min-height:100vh;color:var(--navy-800);padding:2.5rem;font-family:Inter,IBM Plex Sans Thai,sans-serif}.yearly-pro-header{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2.5rem;display:flex}.header-left{align-items:flex-start;gap:1.25rem;display:flex}.btn-icon-back{border-radius:var(--radius-md);border:1px solid var(--slate-200);cursor:pointer;width:44px;height:44px;color:var(--slate-500);background:#fff;justify-content:center;align-items:center;margin-top:4px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn-icon-back:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary);transform:translate(-3px)}.title-group h1{color:var(--navy-900);letter-spacing:-.025em;margin:0;font-size:1.85rem;font-weight:800}.title-group p{color:var(--slate-500);margin:.35rem 0 0;font-size:1rem;font-weight:500}.header-filters-pro{align-items:flex-end;gap:1.25rem;display:flex}.filter-item-modern{flex-direction:column;gap:.5rem;display:flex}.filter-item-modern label{color:var(--slate-500);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;padding-left:2px;font-size:.75rem;font-weight:700;display:flex}.filter-item-modern select{border:1px solid var(--slate-200);color:var(--navy-800);cursor:pointer;background:#fff;border-radius:10px;outline:none;min-width:160px;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s}.filter-item-modern select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.kpi-grid-pro{grid-template-columns:repeat(6,1fr);gap:1.25rem;margin-bottom:2.5rem;display:grid}.kpi-card-pro{border-radius:var(--radius-lg);border:1px solid var(--slate-200);box-shadow:var(--shadow-sm);background:#fff;align-items:center;gap:1.25rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex}.kpi-card-pro:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.kpi-card-pro.main{background:linear-gradient(135deg,var(--navy-900)0%,var(--navy-700)100%);color:#fff;border:none;grid-column:span 2}.kpi-icon{background:var(--slate-50);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}.kpi-card-pro.main .kpi-icon{color:#fff;background:#ffffff1a}.kpi-info{flex-direction:column;gap:2px;display:flex}.kpi-info .label{color:var(--slate-500);font-size:.8rem;font-weight:600}.kpi-card-pro.main .kpi-info .label{color:#ffffffb3}.kpi-info .value{letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.kpi-info .value small{margin-left:2px;font-size:.9rem;font-weight:600}.kpi-card-pro.machines-total{border-bottom:4px solid var(--slate-400)}.kpi-card-pro.cash{border-bottom:4px solid var(--success)}.kpi-card-pro.promptpay{border-bottom:4px solid var(--primary)}.kpi-card-pro.promptpay-ksher{border-bottom:4px solid var(--warning)}.kpi-card-pro.point{border-bottom:4px solid var(--purple)}.chart-main-card{border:1px solid var(--slate-200);box-shadow:var(--shadow-sm);background:#fff;border-radius:24px;margin-bottom:2.5rem}.chart-header-pro{border-bottom:1px solid var(--slate-100);justify-content:space-between;align-items:center;padding:1.75rem 2.5rem;display:flex}.chart-header-pro h3{color:var(--navy-900);align-items:center;gap:.75rem;margin:0;font-size:1.15rem;font-weight:700;display:flex}.chart-title-with-filter{align-items:center;gap:1.5rem;display:flex}.chart-month-select{border:1px solid var(--slate-200);background:var(--slate-50);color:var(--navy-800);cursor:pointer;border-radius:8px;outline:none;padding:.4rem .75rem;font-size:.85rem;font-weight:600;transition:all .2s}.chart-month-select:focus{border-color:var(--primary);background:#fff}.chart-legend-pro{gap:1.5rem;display:flex}.lg-item{color:var(--slate-600);align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.dot{border-radius:3px;width:10px;height:10px}.dot.cash{background:var(--success)}.dot.promptpay{background:var(--primary)}.dot.promptpay-ksher{background:var(--warning)}.dot.point{background:var(--purple)}.dot.highlight-total{background:linear-gradient(to top,var(--primary)0%,#60a5fa 100%)}.dot.highlight-daily{background:#3b82f6}.chart-viewport-pro{height:480px;padding:3rem 2.5rem 2rem;position:relative}.daily-revenue-wrapper{border:1px solid var(--slate-100);background:#fff;border-radius:0 0 24px 24px;height:420px;position:relative;overflow:hidden}.daily-sticky-y-axis{z-index:20;border-right:1px solid var(--slate-100);width:70px;color:var(--slate-400);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;flex-direction:column;justify-content:space-between;align-items:flex-end;padding:20px 10px 0 0;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:0;bottom:40px;left:0}.daily-scroll-viewport{height:100%;padding-left:70px;overflow:auto hidden}.daily-bars-container{align-items:flex-end;gap:12px;min-width:max-content;height:100%;padding:40px 20px;display:flex;position:relative}.daily-bg-grid{pointer-events:none;z-index:1;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:40px 0}.daily-grid-line{background:var(--slate-50);width:100%;height:1px}.daily-bar-item{z-index:2;flex-direction:column;justify-content:flex-end;align-items:center;width:45px;height:100%;display:flex;position:relative}.daily-bar-val-top{color:var(--primary);white-space:nowrap;background:var(--primary-light);border-radius:4px;margin-bottom:6px;padding:2px 4px;font-size:.65rem;font-weight:800}.daily-bar-pillar{background:linear-gradient(to top,var(--primary)0%,#60a5fa 100%);cursor:pointer;border-radius:6px 6px 2px 2px;width:100%;min-height:2px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.daily-bar-pillar:hover{filter:brightness(1.1);transform:scaleX(1.05);box-shadow:0 4px 12px #2563eb33}.daily-bar-date{color:var(--slate-500);margin-top:12px;font-size:.7rem;font-weight:700}.daily-bar-pillar:hover .bar-tip{opacity:1;visibility:visible;transform:translate(-50%)translateY(-10px)}.no-data-msg{width:100%;color:var(--slate-400);justify-content:center;align-items:center;font-weight:600;display:flex}.grouped-bar-container{height:100%;display:flex;position:relative}.y-axis-pro{color:var(--slate-400);flex-direction:column;justify-content:space-between;align-items:flex-end;padding-right:1rem;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:0;bottom:2.5rem;left:-1rem}.bars-area{border-bottom:1px solid var(--slate-200);flex:1;align-items:flex-end;gap:.5rem;margin-left:2.5rem;display:flex}.month-group-pro{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.bars-stack{justify-content:center;align-items:flex-end;gap:4px;width:100%;height:100%;display:flex}.bar-pro{border-radius:4px 4px 0 0;width:14px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.bar-pro:hover{filter:brightness(.85);z-index:5;transform:scaleX(1.1)}.bar-pro.cash{background:var(--success)}.bar-pro.promptpay{background:var(--primary)}.bar-pro.promptpay-ksher{background:var(--warning)}.bar-pro.point{background:var(--purple)}.bar-pro.total-revenue-bar{background:linear-gradient(to top,var(--primary)0%,#60a5fa 100%)}.bar-tip{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;background:#ffffffc2;border-radius:8px;padding:8px 12px;font-size:.75rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-10px);box-shadow:0 10px 15px -3px #0003}.bar-pro:hover .bar-tip{opacity:1;visibility:visible;transform:translate(-50%)translateY(-5px)}.month-label-pro{color:var(--slate-500);text-transform:uppercase;letter-spacing:.02em;margin-top:1.25rem;font-size:.75rem;font-weight:700}.chart-viewport-pro.weekly{height:350px}.weekly-bars-container{align-items:flex-end;gap:1.5rem;height:100%;padding-bottom:2rem;display:flex}.weekly-bar-group{flex-direction:column;flex:1;align-items:center;gap:.75rem;height:100%;display:flex}.weekly-bar-label-top{color:var(--primary);font-size:.85rem;font-weight:700}.weekly-bar-wrapper{background:var(--slate-100);border-radius:8px;flex:1;align-items:flex-end;width:40px;display:flex;position:relative;overflow:visible}.weekly-bar-fill{background:linear-gradient(to top,var(--primary)0%,#60a5fa 100%);cursor:pointer;border-radius:6px;width:100%;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.weekly-bar-fill:hover{filter:brightness(1.1);box-shadow:0 0 15px #2563eb4d}.weekly-bar-tip{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;z-index:20;background:#ffffffc2;border-radius:8px;padding:8px 12px;font-size:.75rem;font-weight:700;transition:all .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-10px)}.weekly-bar-fill:hover .weekly-bar-tip{opacity:1;visibility:visible;transform:translate(-50%)translateY(-5px)}.weekly-bar-label-bottom{color:var(--navy-800);font-size:.9rem;font-weight:700}.table-formal-card{border:1px solid var(--slate-200);box-shadow:var(--shadow-sm);background:#fff;border-radius:24px;overflow:hidden}.card-header-pro{background:var(--slate-50);border-bottom:1px solid var(--slate-200);padding:1.5rem 2.5rem}.card-header-pro h3{color:var(--navy-900);align-items:center;gap:.75rem;margin:0;font-size:1.1rem;font-weight:700;display:flex}.table-responsive-pro{overflow-x:auto}.table-yearly-pro{border-collapse:collapse;width:100%}.table-yearly-pro th{text-align:right;text-transform:uppercase;color:var(--slate-500);letter-spacing:.05em;border-bottom:1px solid var(--slate-100);white-space:nowrap;padding:1.25rem 2.5rem;font-size:.7rem;font-weight:700}.table-yearly-pro th:first-child{text-align:left}.table-yearly-pro td{border-bottom:1px solid var(--slate-50);text-align:right;padding:1.25rem 2.5rem;font-size:.95rem}.table-yearly-pro td:first-child{text-align:left}.table-yearly-pro tr:last-child td{border-bottom:none}.table-yearly-pro tr:hover td{background-color:var(--slate-50)}.month-name{color:var(--navy-900);font-weight:700}.num-font{color:var(--slate-600);font-family:JetBrains Mono,Roboto Mono,monospace;font-size:.9rem;font-weight:600}.total-font{color:var(--success);font-family:JetBrains Mono,Roboto Mono,monospace;font-size:1rem;font-weight:700}.highlight-col{background-color:var(--slate-50);font-weight:700!important}.empty-row td{color:var(--slate-400)}@media (max-width:1400px){.kpi-grid-pro{grid-template-columns:repeat(3,1fr)}.kpi-card-pro.main{grid-column:span 1}}@media (max-width:1024px){.yearly-pro-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.header-filters-pro{flex-wrap:wrap;width:100%}.filter-item-modern{flex:1;min-width:200px}.kpi-grid-pro{grid-template-columns:repeat(2,1fr)}.chart-header-pro{flex-direction:column;align-items:flex-start;gap:1rem}}@media (max-width:768px){.yearly-pro-container{padding:1.25rem}.title-group h1{font-size:1.5rem}.kpi-grid-pro{grid-template-columns:1fr}.bars-area{min-width:700px;margin-left:0}.y-axis-pro{display:none}.chart-viewport-pro{padding:2rem 1rem 1rem;overflow-x:auto}}.rr-wrap{color:#1e293b;background:#f1f5f9;min-height:100vh;padding:2rem 2.5rem;font-family:IBM Plex Sans Thai,sans-serif}.rr-header{border-bottom:1px solid #e2e8f0;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.rr-header-icon{background:#eff6ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.rr-header-icon svg{fill:#2563eb;width:20px;height:20px}.rr-title{color:#0f172a;letter-spacing:-.02em;margin-bottom:3px;font-size:1.375rem;font-weight:600}.rr-subtitle{color:#64748b;font-size:.875rem;font-weight:400}.rr-stats-row{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:1.5rem;display:grid}.rr-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:box-shadow .2s;display:flex}.rr-stat-card:hover{box-shadow:0 4px 12px #00000014}.rr-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.rr-stat-icon svg{width:20px;height:20px}.rr-stat-icon.blue{background:#eff6ff}.rr-stat-icon.blue svg{fill:#2563eb}.rr-stat-icon.green{background:#f0fdf4}.rr-stat-icon.green svg{fill:#16a34a}.rr-stat-icon.amber{background:#fffbeb}.rr-stat-icon.amber svg{fill:#d97706}.rr-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.07em;margin-bottom:3px;font-size:11px;font-weight:600}.rr-stat-value{color:#0f172a;letter-spacing:-.02em;font-size:1.25rem;font-weight:600;line-height:1.2}.rr-stat-sub{color:#94a3b8;margin-top:3px;font-size:12px}.rr-analysis-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1.5rem;display:grid}.rr-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.5rem}.rr-card-title{color:#64748b;text-transform:uppercase;letter-spacing:.07em;margin-bottom:1.25rem;font-size:11px;font-weight:600}.rr-payment-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.rr-pay-pill{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.pay-icon{fill:#64748b;flex-shrink:0;width:16px;height:16px}.rr-pay-name{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:11px;font-weight:600}.rr-pay-amount{color:#0f172a;letter-spacing:-.01em;font-size:15px;font-weight:600}.rr-pay-count{color:#94a3b8;margin-top:1px;font-size:11px}.rr-ranking-list{flex-direction:column;gap:10px;display:flex}.rr-rank-block{flex-direction:column;gap:4px;display:flex}.rr-rank-item{grid-template-columns:28px 1fr auto;align-items:center;gap:10px;display:grid}.rr-rank-num{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:flex}.rr-rank-num.top{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.rr-rank-location{color:#334155;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.rr-rank-location small{color:#94a3b8;margin-top:1px;font-size:11px;font-weight:400;display:block}.rr-rank-amount{color:#0f172a;white-space:nowrap;font-size:13px;font-weight:600}.rr-rank-bar-bg{background:#f1f5f9;border-radius:4px;height:3px;margin-left:38px;overflow:hidden}.rr-rank-bar-fill{background:#2563eb;border-radius:4px;height:100%;transition:width .8s ease-out}.rr-layout-main{grid-template-columns:280px 1fr;align-items:start;gap:12px;display:grid}.rr-filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.5rem;position:sticky;top:2rem}.rr-filter-heading{color:#64748b;text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:8px;margin-bottom:1.25rem;font-size:11px;font-weight:600;display:flex}.rr-filter-heading svg{fill:#64748b;width:14px;height:14px}.rr-filter-form .rr-form-group{margin-bottom:1.1rem}.rr-filter-form label{color:#475569;margin-bottom:5px;font-size:12px;font-weight:500;display:block}.rr-filter-form input,.rr-filter-form select{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:8px 10px;font-family:IBM Plex Sans Thai,sans-serif;font-size:13px;transition:border-color .15s,box-shadow .15s}.rr-filter-form input:focus,.rr-filter-form select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.rr-search-wrap{position:relative}.rr-search-wrap svg{fill:#94a3b8;pointer-events:none;width:14px;height:14px;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.rr-search-wrap input{padding-left:30px}.rr-btn-filter{color:#fff;letter-spacing:.02em;cursor:pointer;background:#0f172a;border:none;border-radius:8px;width:100%;margin-top:.75rem;padding:9px;font-family:IBM Plex Sans Thai,sans-serif;font-size:13px;font-weight:600;transition:background .15s}.rr-btn-filter:hover{background:#1e293b}.rr-btn-filter:active{transform:scale(.98)}.rr-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}.rr-table-wrap{overflow-x:auto}.rr-table{border-collapse:collapse;width:100%}.rr-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #f1f5f9;padding:10px 16px;font-size:11px;font-weight:600}.rr-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px}.rr-table tr:last-child td{border-bottom:none}.rr-table tr:hover td{background:#fafafa}.rr-dt-main{color:#334155;font-size:13px;font-weight:500}.rr-dt-sub{color:#94a3b8;margin-top:2px;font-size:11px}.rr-pay-type-cell{color:#1e293b;align-items:center;gap:6px;margin-bottom:2px;font-size:13px;font-weight:500;display:flex}.rr-pay-type-cell .pay-icon{width:14px;height:14px}.rr-cust{color:#94a3b8;font-size:11px}.rr-loc-main{color:#1e293b;align-items:center;gap:5px;margin-bottom:4px;font-size:13px;font-weight:500;display:flex}.loc-icon{fill:#94a3b8;flex-shrink:0;width:12px;height:12px}.rr-sn{color:#2563eb;background:#eff6ff;border-radius:4px;padding:1px 6px;font-family:IBM Plex Mono,monospace;font-size:11px;display:inline-block}.rr-amount-cell{color:#0f172a;letter-spacing:-.01em;white-space:nowrap;font-size:15px;font-weight:600}.rr-badge{white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.rr-badge.success{color:#166534;background:#dcfce7}.rr-badge.pending{color:#92400e;background:#fef3c7}.rr-badge.rejected{color:#991b1b;background:#fee2e2}.rr-reason{color:#475569;max-width:200px;font-size:12px;line-height:1.5}.table-controls{border-bottom:1px solid #f1f5f9}.rows-selector select:focus{border-color:#2563eb;outline:none}.rr-pagination .p-btn{transition:all .2s}.rr-pagination .p-btn:hover:not(:disabled){background:#f8fafc!important;border-color:#2563eb!important}.rr-pagination .p-btn:disabled{opacity:.5;cursor:not-allowed}.rr-empty{text-align:center;color:#94a3b8;padding:3rem 1rem;font-size:14px}@media (max-width:1200px){.rr-analysis-row{grid-template-columns:1fr}}@media (max-width:1024px){.rr-stats-row,.rr-layout-main{grid-template-columns:1fr}.rr-filter-card{position:static}}@media (max-width:640px){.rr-wrap{padding:1rem}.rr-payment-grid{grid-template-columns:1fr}}.inventory-summary-container{background:#f8fafc;min-height:100vh;padding:24px;font-family:Inter,-apple-system,sans-serif}.inventory-header{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;display:flex;box-shadow:0 1px 3px #0000001a}.header-title{align-items:center;gap:12px;display:flex}.header-icon{color:#10b981;font-size:28px}.header-title h1{color:#1e293b;margin:0;font-size:20px;font-weight:700}.search-bar{width:350px;position:relative}.search-bar input{border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 12px 10px 40px;font-size:14px;transition:border-color .2s}.search-bar input:focus{border-color:#10b981}.summary-stats{gap:16px;margin-bottom:24px;display:flex}.stat-card{background:#fff;border-radius:12px;flex:1;padding:16px 24px;box-shadow:0 1px 3px #0000001a}.stat-card h3{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:13px}.stat-card p{color:#1e293b;margin:0;font-size:24px;font-weight:700}.stat-card.highlight p{color:#10b981}.inventory-table-wrapper{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.inventory-table{border-collapse:collapse;width:100%}.inventory-table th{text-align:left;color:#475569;text-transform:uppercase;background:#f1f5f9;padding:12px 16px;font-size:13px;font-weight:600}.mall-row{cursor:pointer;border-bottom:1px solid #f1f5f9;transition:background .2s}.mall-row:hover{background:#f8fafc}.mall-row.active{background:#ecfdf5}.mall-row td{color:#334155;padding:16px;font-size:14px}.mall-name{color:#1e293b;font-weight:600}.icon-gap{color:#10b981;margin-right:8px}.font-bold{font-weight:700}.customer-groups-container{background:#f1f5f9;flex-direction:column;gap:24px;padding:24px;display:flex}.customer-booth-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.booth-header{color:#fff;background:#1e293b;align-items:center;gap:12px;padding:12px 20px;display:flex}.booth-icon{color:#38bdf8;font-size:18px}.booth-id{letter-spacing:.5px;flex:1;font-size:15px;font-weight:700}.booth-total{background:#ffffff26;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:600}.points-grid.compact{background:#fff;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;padding:20px;display:grid}.point-card.small{cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;padding:14px;transition:all .2s}.point-card.small:hover{background:#f0fdf4;border-color:#10b981;transform:translateY(-2px)}.point-header{border-bottom:1px solid #e2e8f0;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:6px;display:flex}.point-icon{color:#ef4444}.point-header h4{color:#1e293b;flex:1;margin:0;font-size:13px;font-weight:600}.point-total{color:#475569;background:#e2e8f0;border-radius:10px;padding:2px 8px;font-size:11px}.product-list.mini{margin:0;padding:0;list-style:none}.product-list.mini li{color:#64748b;justify-content:space-between;padding:3px 0;font-size:12px;display:flex}.prod-count{color:#1e293b;font-weight:700}.inventory-modal-overlay{z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.inventory-modal-overlay.second-layer{z-index:1200;background:#0006}.inventory-modal{background:#fff;border-radius:16px;flex-direction:column;width:90%;max-width:800px;max-height:85vh;animation:.3s ease-out modalPop;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.inventory-modal.small{max-width:450px}.modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.modal-header h3{color:#1e293b;align-items:center;gap:10px;margin:0;font-size:18px;display:flex}.close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:20px}.modal-body{padding:24px;overflow-y:auto}.machine-list-table{border-collapse:collapse;width:100%}.machine-list-table th{text-align:left;color:#64748b;background:#f1f5f9;padding:12px;font-size:13px}.machine-list-table td{border-bottom:1px solid #f1f5f9;padding:14px 12px}.status-badge{border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600}.status-badge.online{color:#166534;background:#dcfce7}.status-badge.offline{color:#991b1b;background:#fee2e2}.move-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:flex}.move-btn:hover{color:#fff;background:#10b981}.move-form{flex-direction:column;gap:16px;display:flex}.form-group label{color:#64748b;font-size:13px;font-weight:600}.form-group select,.form-group input{border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:10px}.divider{text-align:center;color:#94a3b8;margin:8px 0;font-size:12px;position:relative}.divider:before,.divider:after{content:"";background:#e2e8f0;width:40%;height:1px;position:absolute;top:50%}.divider:before{left:0}.divider:after{right:0}.confirm-move-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:12px;font-weight:700;display:flex}.loading-container{color:#64748b;justify-content:center;align-items:center;height:100vh;font-size:18px;display:flex}@media (max-width:768px){.inventory-header{flex-direction:column;gap:16px}.search-bar{width:100%}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{content:"";border:3px solid #ccc;border-width:3px 3px 0 0;width:9px;height:9px;display:block;position:absolute;top:6px}.react-datepicker__sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker-wrapper{border:0;padding:0;display:inline-block}.react-datepicker{color:#000;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:initial;background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-right-radius:.375em;border-bottom-left-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-top:1px solid #aeaeae;border-bottom:none;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{margin:0 15px;display:inline-block}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;background-color:#0000;border:1px solid #aeaeae;border-radius:.3rem;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:1px auto}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{color:#000;margin-top:0;font-size:.944rem;font-weight:700}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{text-align:center;cursor:pointer;z-index:1;text-indent:-999em;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:absolute;top:2px;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{margin-left:auto;margin-right:auto;display:block;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{width:0;font-size:20px;position:relative;top:-1px}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{text-align:center;margin:.5em}.react-datepicker__year-wrapper{flex-wrap:wrap;max-width:180px;display:flex}.react-datepicker__year .react-datepicker__year-text{width:5em;margin:2px;display:inline-block}.react-datepicker__month{text-align:center;margin:.5em}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{width:5em;margin:2px;display:inline-block}.react-datepicker__input-time-container{clear:both;float:left;text-align:left;width:100%;margin:5px 0 10px 15px}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{margin-left:10px;display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.375em;display:inline;position:absolute;top:0;right:-87px}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.375em;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{text-align:center;border-bottom-right-radius:.375em;width:85px;margin:0 auto;overflow-x:hidden}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;width:100%;height:calc(195px + 1.0625em);margin:0;padding-left:0;padding-right:0;list-style:none;overflow-y:scroll}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{white-space:nowrap;height:30px;padding:5px 10px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{color:#fff;background-color:#216ba5;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:#0000}.react-datepicker__week-number{color:#ccc;text-align:center;width:2.125em;margin:.208em;line-height:2.125em;display:inline-block}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;text-align:center;width:2.125em;margin:.208em;line-height:2.125em;display:inline-block}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{color:#fff;background-color:#3dcc4a;border-radius:.3rem}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{color:#fff;background-color:#ff6803;border-radius:.3rem;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{color:#000;background-color:#bad9f1;border-radius:.3rem}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{color:#fff;background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){color:#000;background-color:#f0f0f0}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:70%;left:50%;transform:translate(-50%)}.react-datepicker__input-container{width:100%;display:inline-block;position:relative}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:content-box;padding:.625em;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{top:0;right:-16px;transform:rotate(135deg)}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{z-index:1;text-align:center;background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;width:50%;position:absolute;top:30px;left:25%}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{width:100%;margin-left:auto;margin-right:auto;line-height:20px;display:block}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;user-select:none;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;vertical-align:middle;background-color:#0000;border:0;outline:0;height:100%;padding:0 6px 0 0;display:table-cell;position:absolute;top:0;right:0}.react-datepicker__close-icon:after{cursor:pointer;color:#fff;text-align:center;vertical-align:middle;content:"×";background-color:#216ba5;border-radius:50%;width:16px;height:16px;padding:2px;font-size:12px;line-height:1;display:table-cell}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{cursor:pointer;text-align:center;clear:left;background:#f0f0f0;border-top:1px solid #aeaeae;padding:5px 0;font-weight:700}.react-datepicker__portal{z-index:2147483647;background-color:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.react-datepicker__children-container{width:17.25em;height:auto;margin:.5em;padding-left:.25em;padding-right:.25em}.react-datepicker__aria-live{clip-path:circle(0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker__calendar-icon{vertical-align:-.125em;width:1em;height:1em}.react-datepicker-popper-offset{margin-top:-.7em}:root{--blue:#185fa5;--blue-50:#e6f1fb;--blue-100:#b5d4f4;--blue-800:#0c447c;--red-50:#fcebeb;--red-100:#f7c1c1;--red-800:#791f1f;--surface:#fff;--bg:#f4f6f9;--border:#e2e8f0;--border-md:#cbd5e1;--text:#1e293b;--text-2:#475569;--text-3:#94a3b8;--r:10px;--r-lg:14px}.sp-page{max-width:900px;color:var(--text);background:var(--bg);min-height:100vh;margin:0 auto;padding:22px 24px 60px;font-family:Sarabun,sans-serif}.sp-topbar{align-items:flex-start;gap:12px;margin-bottom:22px;display:flex}.sp-back-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:32px;height:32px;color:var(--text-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.sp-back-btn:hover{background:var(--bg)}.sp-title{font-size:17px;font-weight:700}.sp-sub{color:var(--text-3);margin-top:3px;font-size:12px}.sp-form{flex-direction:column;gap:12px;display:flex}.sp-sec{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px 18px}.sp-sec-hdr{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;display:flex}.sp-sec-title{color:var(--text);align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.sp-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sp-grid-3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.sp-fld{flex-direction:column;gap:5px;display:flex}.sp-fld label{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.sp-req{color:#e24b4a;margin-left:2px}.sp-inp{border:1px solid var(--border-md);border-radius:var(--r);height:36px;color:var(--text);background:var(--surface);outline:none;width:100%;padding:0 10px;font-family:Sarabun,sans-serif;font-size:13px}.sp-inp:focus{border-color:var(--blue)}.sp-radio-row{gap:6px;height:36px;display:flex}.sp-radio-pill{border:1px solid var(--border-md);border-radius:var(--r);color:var(--text-2);background:var(--surface);cursor:pointer;flex:1;font-family:Sarabun,sans-serif;font-size:13px;font-weight:500}.sp-radio-pill.act{background:var(--blue-50);border-color:var(--blue-100);color:var(--blue-800)}.sp-add-loc-btn{background:var(--blue-50);border:1px dashed var(--blue);border-radius:var(--r);height:30px;color:var(--blue-800);cursor:pointer;align-items:center;gap:6px;padding:0 12px;font-family:Sarabun,sans-serif;font-size:12px;font-weight:500;display:inline-flex}.sp-loc-card{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg);margin-bottom:10px;padding:12px 14px}.sp-loc-card:last-child{margin-bottom:0}.sp-loc-hdr{align-items:center;gap:8px;margin-bottom:12px;display:flex}.sp-loc-name{border:1px solid var(--border-md);border-radius:var(--r);height:36px;color:var(--text);background:var(--surface);outline:none;flex:1;padding:0 10px;font-family:Sarabun,sans-serif;font-size:13px;font-weight:500}.sp-loc-name:focus{border-color:var(--blue)}.sp-pt-hdr-row{grid-template-columns:minmax(0,2fr) minmax(0,3fr) 64px 32px;gap:8px;margin-bottom:6px;display:grid}.sp-pt-hdr-row span{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:600}.sp-pt-row{grid-template-columns:minmax(0,2fr) minmax(0,3fr) 64px 32px;align-items:center;gap:8px;margin-bottom:6px;display:grid}.sp-pt-inp{border:1px solid var(--border-md);border-radius:var(--r);height:32px;color:var(--text);background:var(--surface);outline:none;width:100%;padding:0 8px;font-family:Sarabun,sans-serif;font-size:12px}.sp-pt-inp:focus{border-color:var(--blue)}.sp-qty-inp{border:1px solid var(--border-md);border-radius:var(--r);height:32px;color:var(--text);background:var(--surface);text-align:center;outline:none;width:100%;padding:0 6px;font-family:Sarabun,sans-serif;font-size:12px}.sp-qty-inp:focus{border-color:var(--blue)}.sp-del-btn{border:1px solid var(--border);border-radius:var(--r);background:var(--surface);cursor:pointer;width:32px;height:32px;color:var(--text-3);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sp-del-btn:hover{background:var(--red-50);color:#a32d2d;border-color:var(--red-100)}.sp-add-pt-btn{color:var(--blue);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;margin-top:2px;padding:5px 0;font-family:Sarabun,sans-serif;font-size:11px;font-weight:500;display:inline-flex}.sp-submit-btn{background:var(--blue);width:100%;height:46px;color:var(--blue-50);border-radius:var(--r-lg);cursor:pointer;border:none;justify-content:center;align-items:center;gap:9px;font-family:Sarabun,sans-serif;font-size:14px;font-weight:600;transition:opacity .15s;display:flex}.sp-submit-btn:hover:not(:disabled){opacity:.9}.sp-submit-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:640px){.sp-grid-2,.sp-grid-3{grid-template-columns:1fr}.sp-pt-hdr-row,.sp-pt-row{grid-template-columns:minmax(0,1fr) minmax(0,2fr) 54px 32px}}.sp-back-btn svg{width:16px;height:16px;display:block}.sp-add-loc-btn svg{width:12px;height:12px;display:block}.sp-del-btn svg{width:14px;height:14px;display:block}.sp-add-pt-btn svg{width:12px;height:12px;display:block}.sp-submit-btn svg{width:17px;height:17px;display:block}.sp-del-btn{background:var(--red-50);border-color:var(--red-100);color:#a32d2d}.sp-del-btn:hover{color:#fff;background:#a32d2d;border-color:#a32d2d}.sp-add-loc-btn{background:var(--blue);color:#e6f1fb;border:none}.sp-add-loc-btn:hover{opacity:.9}.sp-add-pt-btn{background:var(--blue-50);border:1px dashed var(--blue-100);border-radius:var(--r);color:var(--blue-800);margin-top:6px;padding:6px 12px;font-size:12px}.sp-add-pt-btn:hover{background:var(--blue);color:#e6f1fb;border-color:var(--blue)}.sp-point-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);margin-bottom:10px;padding:10px}.sp-point-hdr{border-bottom:1px solid var(--bg);justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;padding-bottom:8px;display:flex}.sp-pt-inp-modern{border:none;border-bottom:2px solid var(--border);height:34px;color:var(--text);background:0 0;outline:none;width:100%;padding:0 4px;font-family:Sarabun,sans-serif;font-size:13px;font-weight:600;transition:border-color .2s}.sp-pt-inp-modern:focus{border-color:var(--blue)}.sp-add-item-mini{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;align-items:center;gap:4px;height:24px;padding:0 8px;font-size:10px;font-weight:600;display:inline-flex}.sp-add-item-mini:hover{color:#1e293b;background:#e2e8f0}.sp-del-btn-mini{border:1px solid var(--red-100);background:var(--red-50);color:#a32d2d;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.sp-del-btn-mini:hover{color:#fff;background:#a32d2d}.sp-items-list{flex-direction:column;gap:6px;display:flex}.sp-item-row-nested{align-items:center;gap:8px;padding-left:12px;display:flex;position:relative}.sp-item-row-nested:before{content:"";background:var(--border);width:2px;position:absolute;top:0;bottom:0;left:0}.sp-del-item-nested{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:20px;height:20px;font-size:18px;line-height:1;display:flex}.sp-del-item-nested:hover{color:#e24b4a}.sp-sec-icon{width:15px;height:15px;color:var(--blue);flex-shrink:0;display:block}.store-page{background:linear-gradient(135deg,#f5f7fa 0%,#e8f0fe 100%);min-height:100vh;padding:2rem 1rem}.store-container{max-width:1400px;margin:0 auto}.store-header{margin-bottom:2.5rem}.store-title-wrapper{align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.store-icon-box{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:1rem;justify-content:center;align-items:center;padding:1rem;display:flex;box-shadow:0 4px 15px #667eea4d}.store-title{color:#1e293b;letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:800}.store-subtitle{color:#64748b;margin-left:.25rem;font-size:.9rem;font-weight:500}.store-actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #667eea4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-secondary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4a5568 0%,#2d3748 100%);border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #4a55684d}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4a556866}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{background:#fff;border-left:4px solid;border-radius:1rem;padding:1.5rem;transition:all .3s;box-shadow:0 2px 10px #0000000d}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.stat-card.blue{border-color:#667eea}.stat-card.green{border-color:#48bb78}.stat-card.orange{border-color:#ed8936}.stat-content{justify-content:space-between;align-items:center;display:flex}.stat-info h3{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .25rem;font-size:.8rem;font-weight:700}.stat-value{letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:800}.stat-value.blue{color:#667eea}.stat-value.green{color:#48bb78}.stat-value.orange{color:#ed8936}.stat-icon{opacity:.15;font-size:3rem}.stat-icon.blue{color:#667eea}.stat-icon.green{color:#48bb78}.stat-icon.orange{color:#ed8936}.search-container{margin-bottom:1.5rem}.search-wrapper{max-width:600px;position:relative}.search-input{background:#fff;border:2px solid #e2e8f0;border-radius:1rem;width:100%;padding:.875rem 1rem .875rem 3.5rem;font-size:.95rem;transition:all .3s;box-shadow:0 2px 5px #0000000d}.search-clear{color:#a0aec0;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.search-clear:hover{color:#4a5568;background:#f7fafc}.product-table{border-collapse:collapse;width:100%}.product-table thead{background:linear-gradient(135deg,#f7fafc 0%,#edf2f7 100%);border-bottom:2px solid #e2e8f0}.product-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;padding:1rem 1.5rem;font-size:.75rem;font-weight:800}.product-table th.center{text-align:center}.product-table tbody tr{border-bottom:1px solid #f0f4f8;transition:all .2s}.product-table tbody tr:hover{background:#f8fafc}.product-table td{padding:1rem 1.5rem}.product-code{color:#475569;background:#f1f5f9;border-radius:6px;padding:.375rem .75rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8rem;font-weight:700;display:inline-block}.product-name{color:#1e293b;font-size:.95rem;font-weight:700}.product-location{color:#7f8c8d;font-style:italic}.product-quantity{color:#2563eb;text-align:center;font-size:1rem;font-weight:400}.product-unit{color:#94a3b8;font-size:.8rem;font-weight:600}.status-badge{text-transform:uppercase;letter-spacing:.02em;border:1.5px solid;border-radius:8px;padding:4px 12px;font-size:.75rem;font-weight:800;display:inline-block}.status-badge.normal{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.status-badge.low{color:#92400e;background:#fffbeb;border-color:#fde68a}.status-badge.out{color:#991b1b;background:#fef2f2;border-color:#fecaca}.product-updated{color:#94a3b8;font-size:.8rem;font-weight:500}.btn-stock-in{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #10b98133}.btn-stock-in:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-stock-out{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:8px;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #ef444433}.btn-stock-out:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f5656566}.btn-stock-out:disabled{opacity:.4;cursor:not-allowed}.btn-edit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:8px;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #3b82f633}.btn-edit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.btn-pagination{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .2s}.btn-pagination:hover:not(:disabled){color:#1e293b;background-color:#f1f5f9;border-color:#cbd5e1}.btn-pagination.active{color:#fff;background-color:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f640}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:1.5rem;width:100%;max-width:500px;max-height:90vh;animation:.3s slideUp;overflow-y:auto;box-shadow:0 25px 50px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(120%)}to{opacity:1;transform:translateY(0)}}.modal-header{color:#fff;border-radius:1.5rem 1.5rem 0 0;justify-content:space-between;align-items:center;padding:2rem;display:flex}.modal-header.stock-in{background:linear-gradient(135deg,#48bb78 0%,#38a169 100%)}.modal-header.stock-out{background:linear-gradient(135deg,#f56565 0%,#e53e3e 100%)}.modal-header.stock-edit{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%)}.modal-title{align-items:center;gap:.75rem;margin:0;font-size:1.75rem;font-weight:700;display:flex}.modal-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:.625rem;transition:all .2s;display:flex}.modal-close:hover{background:#ffffff4d}.modal-body{padding:2rem}.product-info{background:#f7fafc;border-radius:.875rem;margin-bottom:2rem;padding:1.5rem}.product-info-label{color:#718096;margin-bottom:.375rem;font-size:.875rem;font-weight:600}.product-info-name{color:#2d3748;margin-bottom:.375rem;font-size:1.25rem;font-weight:700}.product-info-code{color:#a0aec0;margin-bottom:.5rem;font-size:.875rem}.product-info-stock{color:#4a5568;margin-top:.75rem;font-size:.875rem}.product-info-stock span{color:#667eea;font-size:1rem;font-weight:700}.form-label.required:after{content:" *";color:#e53e3e}.form-input,.form-textarea{border:2px solid #e2e8f0;border-radius:.75rem;width:100%;padding:.875rem 1.125rem;font-family:inherit;font-size:1rem;transition:all .2s}.form-input:focus,.form-textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.modal-footer{gap:1rem;margin-top:2rem;display:flex}.btn-cancel{color:#4a5568;cursor:pointer;background:#f7fafc;border:none;border-radius:.75rem;flex:1;padding:1rem;font-size:1rem;font-weight:600;transition:all .2s}.btn-submit{color:#fff;cursor:pointer;border:none;border-radius:.75rem;flex:1;padding:1rem;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:0 4px 15px #00000026}.btn-submit.stock-in{background:linear-gradient(135deg,#48bb78 0%,#38a169 100%)}.btn-submit.stock-out{background:linear-gradient(135deg,#f56565 0%,#e53e3e 100%)}.btn-submit.stock-edit{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%)}.loading-container,.error-container{justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-container{background:linear-gradient(135deg,#e3f2fd 0%,#f3e5f5 100%)}.error-container{background:linear-gradient(135deg,#ffebee 0%,#fce4ec 100%)}.loading-content{text-align:center}.error-content{text-align:center;background:#fff;border-radius:1.5rem;max-width:500px;margin:0 1rem;padding:3rem 2rem;box-shadow:0 10px 40px #0000001a}@media (max-width:1024px){.store-title{font-size:2rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:768px){.store-page{padding:1rem .75rem}.store-header{margin-bottom:2rem}.store-title{font-size:1.75rem}.store-icon-box{padding:.75rem}.store-actions{flex-direction:column;width:100%}.btn-primary,.btn-secondary{justify-content:center;width:100%}.stats-grid{grid-template-columns:1fr;gap:1rem}.stat-value{font-size:2rem}.table-container{overflow-x:auto}.product-table{min-width:800px}.product-table th,.product-table td{padding:1rem}.action-buttons{flex-direction:column}.btn-stock-in,.btn-stock-out{justify-content:center;width:100%}.modal-content{margin:1rem}.modal-header,.modal-body{padding:1.5rem}.modal-title{font-size:1.5rem}}@media (max-width:480px){.store-title{font-size:1.5rem}.btn-primary,.btn-secondary{padding:.75rem 1.25rem;font-size:.875rem}.stat-card{padding:1.25rem}.stat-value{font-size:1.75rem}.search-input{padding:.875rem .875rem .875rem 3rem;font-size:.95rem}.modal-title{font-size:1.25rem}}@media print{.store-actions,.search-container,.action-buttons{display:none}.table-container{box-shadow:none}.store-page{background:#fff}}.pagination-controls{justify-content:center;align-items:center;gap:8px;margin-top:20px;display:flex}.btn-pagination{cursor:pointer;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;padding:8px 16px;transition:background-color .3s}.btn-pagination:hover:not(:disabled){background-color:#e0e0e0}.btn-pagination:disabled{cursor:not-allowed;opacity:.6}.btn-pagination.active{color:#fff;background-color:#007bff;border-color:#007bff}.filter-controls{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.filter-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:700}.filter-select{cursor:pointer;appearance:none;background:#fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%20viewBox%3D%220%200%20292.4%20292.4%22%3E%3Cpath%20fill%3D%22%23718096%22%20d%3D%22M287%2C197.917L154.5%2C65.417c-4.4-4.4-11.5-4.4-15.9%2C0L5.4%2C197.917c-4.4%2C4.4-4.4%2C11.5%2C0%2C15.9c4.4%2C4.4%2C11.5%2C4.4%2C15.9%2C0l126.3-126.3l126.3%2C126.3c4.4%2C4.4%2C11.5%2C4.4%2C15.9%2C0C291.4%2C209.417%2C291.4%2C202.317%2C287%2C197.917z%22%2F%3E%3C%2Fsvg%3E) right .75rem top 50%/.75rem no-repeat;border:2px solid #e2e8f0;border-radius:.75rem;padding:.625rem 2.5rem .625rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s}.filter-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.product-thumbnail{-o-object-fit:cover;object-fit:cover;border:2px solid #e0e0e0;border-radius:8px;width:50px;height:50px}.product-no-image{color:#999;background:linear-gradient(135deg,#f5f5f5 0%,#e0e0e0 100%);border-radius:8px;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;display:flex}.modal-edit-large{max-width:600px!important}.image-upload-container-small{margin:10px 0}.image-preview-wrapper-small{border:2px solid #e0e0e0;border-radius:12px;width:150px;height:150px;position:relative;overflow:hidden}.image-preview-small{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.btn-remove-image-small{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff416c 0%,#ff4b2b 100%);border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;transition:all .3s;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 4px #0003}.btn-remove-image-small:hover{transform:scale(1.05);box-shadow:0 4px 8px #0000004d}.upload-placeholder-small{cursor:pointer;background:#fafafa;border:2px dashed #ccc;border-radius:12px;justify-content:center;align-items:center;width:150px;height:150px;transition:all .3s;display:flex}.upload-placeholder-small:hover{background:#f0f4ff;border-color:#667eea}.upload-content-small{text-align:center;padding:10px}.upload-icon-small{color:#999;margin-bottom:8px;font-size:28px}.upload-text-small{color:#666;margin:0;font-size:12px}.new-item-page{background:linear-gradient(135deg,#f5f7fa 0%,#e8f0fe 100%);min-height:100vh;padding:2rem 1rem}.new-item-container{max-width:1400px;margin:0 auto}.new-item-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2.5rem;display:flex}.new-item-title-wrapper{align-items:center;gap:1rem;display:flex}.new-item-icon-box{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:1rem;justify-content:center;align-items:center;padding:1rem;display:flex;box-shadow:0 4px 15px #667eea4d}.new-item-title{color:#1a202c;margin:0;font-size:2.25rem;font-weight:700}.btn-back{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4a5568 0%,#2d3748 100%);border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #4a55684d}.btn-back:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4a556866}.form-container{background:#fff;border-radius:1.5rem;max-width:600px;margin:0 auto;padding:3rem 2.5rem;box-shadow:0 4px 20px #00000014}.form-intro{text-align:center;margin-bottom:2.5rem}.form-intro-icon{margin-bottom:1rem;font-size:4rem}.form-intro-title{color:#2d3748;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.form-intro-subtitle{color:#718096;font-size:1rem}.error-alert{color:#742a2a;background:linear-gradient(135deg,#fff5f5 0%,#fed7d7 100%);border:2px solid #fc8181;border-radius:.875rem;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;font-weight:500;animation:.3s slideDown;display:flex}.error-icon{flex-shrink:0;font-size:1.5rem}.form-group{flex-direction:column;display:flex}.form-label{color:#2d3748;justify-content:flex-start;align-items:center;gap:.375rem;margin-bottom:.625rem;font-size:.95rem;font-weight:700;display:flex}.form-label-required{color:#e53e3e;font-weight:700}.form-label-hint{color:#a0aec0;margin-left:.25rem;font-size:.85rem;font-weight:400}.form-input{background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;width:100%;padding:1rem 1.25rem;font-family:inherit;font-size:1rem;transition:all .2s}.form-input:focus{background:#fefeff;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-input::placeholder{color:#cbd5e0}.form-input:disabled{cursor:not-allowed;opacity:.6;background:#f7fafc}.form-footer{border-top:2px solid #f0f4f8;justify-content:flex-end;gap:1rem;margin-top:1rem;padding-top:2rem;display:flex}.btn-cancel{color:#4a5568;cursor:pointer;background:#f7fafc;border:2px solid #e2e8f0;border-radius:.75rem;align-items:center;gap:.5rem;padding:1rem 1.75rem;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:1rem 1.75rem;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 15px #667eea4d}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.form-helper{color:#718096;align-items:center;gap:.375rem;margin-top:.5rem;font-size:.875rem;display:flex}.form-helper-icon{color:#667eea}.input-with-icon{position:relative}.input-icon-left{color:#a0aec0;pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.input-with-icon .form-input{padding-left:3rem}.form-success{color:#22543d;background:linear-gradient(135deg,#f0fff4 0%,#c6f6d5 100%);border:2px solid #9ae6b4;border-radius:.875rem;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;font-weight:500;animation:.3s slideDown;display:flex}.loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-content{text-align:center;background:#fff;border-radius:1.25rem;padding:2rem 3rem;box-shadow:0 25px 50px #0003}.form-input.error{border-color:#fc8181}.form-input.error:focus{border-color:#f56565;box-shadow:0 0 0 3px #f565651a}.form-input.success{border-color:#9ae6b4}.form-input.success:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d3911a}.form-error-message{color:#e53e3e;align-items:center;gap:.375rem;margin-top:.5rem;font-size:.875rem;display:flex}@media (max-width:768px){.new-item-page{padding:1rem .75rem}.new-item-header{flex-direction:column;align-items:stretch;margin-bottom:2rem}.new-item-title-wrapper{justify-content:space-between}.new-item-title{font-size:1.75rem}.new-item-icon-box{padding:.75rem}.btn-back{justify-content:center;width:100%}.form-container{border-radius:1.25rem;padding:2rem 1.5rem}.form-intro-icon{font-size:3rem}.form-intro-title{font-size:1.25rem}.form-footer{flex-direction:column-reverse}.btn-cancel,.btn-submit{justify-content:center;width:100%}}@media (max-width:480px){.new-item-title{font-size:1.5rem}.form-container{padding:1.5rem 1.25rem}.form-intro{margin-bottom:2rem}.form-intro-icon{font-size:2.5rem}.form-intro-title{font-size:1.125rem}.form-input{padding:.875rem 1rem}.btn-cancel,.btn-submit{padding:.875rem 1.5rem}}@media print{.new-item-page{background:#fff}.btn-back,.form-footer{display:none}.form-container{box-shadow:none;padding:1rem}}.image-upload-container{width:100%;margin-top:.5rem}.upload-placeholder{cursor:pointer;background:linear-gradient(135deg,#f7fafc 0%,#edf2f7 100%);border:3px dashed #cbd5e0;border-radius:1rem;width:100%;min-height:250px;transition:all .3s;display:block;position:relative;overflow:hidden}.upload-placeholder:hover{background:linear-gradient(135deg,#edf2f7 0%,#e2e8f0 100%);border-color:#667eea;transform:translateY(-2px);box-shadow:0 6px 20px #667eea26}.upload-content{flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:250px;padding:2rem;display:flex}.upload-icon{color:#a0aec0;margin-bottom:1rem;font-size:3.5rem;transition:all .3s}.upload-placeholder:hover .upload-icon{color:#667eea;transform:scale(1.1)}.upload-text{color:#4a5568;margin:.5rem 0;font-size:1.1rem;font-weight:700}.upload-hint{color:#a0aec0;margin:0;font-size:.9rem}.image-preview-wrapper{background:#f7fafc;border:3px solid #e2e8f0;border-radius:1rem;width:100%;position:relative;overflow:hidden}.image-preview{-o-object-fit:contain;object-fit:contain;background:#fff;width:100%;height:auto;max-height:400px;display:block}.btn-remove-image{color:#fff;cursor:pointer;z-index:10;background:linear-gradient(135deg,#e53e3e 0%,#c53030 100%);border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:700;transition:all .3s;display:flex;position:absolute;top:1rem;right:1rem;box-shadow:0 4px 15px #e53e3e66}.btn-remove-image:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e53e3e80}.btn-remove-image:active{transform:translateY(0)}.form-grid .span-4{grid-column:span 4}@media (max-width:768px){.upload-content{min-height:200px;padding:1.5rem}.upload-icon{font-size:2.5rem}.upload-text{font-size:1rem}.upload-hint{font-size:.85rem}.image-preview{max-height:300px}.btn-remove-image{padding:.6rem 1rem;font-size:.85rem}}.req-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#121a2bd9;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;font-family:Noto Sans Thai,sans-serif;display:flex;position:fixed;top:0;left:0}.req-dashboard-modal{background:#f8faff;border-radius:20px;flex-direction:column;width:100%;max-width:950px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 30px 70px #0000004d}.modal-header{color:#fff;background:#e2e8f0;justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.header-title{align-items:center;gap:12px;font-size:1.3rem;font-weight:700;display:flex}.btn-print-action{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px 22px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #27ae604d}.btn-print-action:hover{background:#219150;transform:translateY(-2px)}.modal-scroll-body{flex:1;padding:30px;overflow-y:auto}.status-banner{text-align:center;border-radius:12px;margin-bottom:25px;padding:15px;font-weight:800}.card-label{color:#64748b;margin-bottom:6px;font-size:.9rem;font-weight:600}.web-items-table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 4px 15px #00000008}.web-items-table th{text-align:left;color:#475569;background:#f8fafc;padding:15px;font-size:.9rem}.web-items-table td{border-bottom:1px solid #f1f5f9;padding:15px}.modal-footer{background:#fff;border-top:1px solid #e2eaf2;justify-content:space-between;padding:20px 30px;display:flex}.btn-secondary{color:#fff;cursor:pointer;background:#94a3b8;border:none;border-radius:8px;padding:10px 24px;font-weight:700}.btn-approve{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;padding:10px 24px;font-weight:700}.btn-reject{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:10px 24px;font-weight:700}.btn-close-x{color:#cbd5e1;cursor:pointer;background:0 0;border:none;font-size:1.5rem}.pdf-print-only{display:none}@media print{@page{size:A4;margin:1rem}body *{visibility:hidden}.req-modal-overlay,.pdf-print-only,.pdf-print-only *{visibility:visible!important}.pdf-print-only{width:100%;position:absolute;top:0;left:0;display:block!important}.req-modal-overlay{width:100%;padding:0;display:block;position:absolute;top:0;left:0;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important}.no-print,.req-dashboard-modal{display:none!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}.req-page{color:#000;background:#fff;flex-direction:column;width:100%;min-height:275mm;margin:0;padding:1rem;font-family:Noto Sans Thai,sans-serif;display:flex;position:relative}.req-footer{text-align:center;color:#666;border-top:.5pt solid #eee;padding-top:5pt;font-size:8pt;position:absolute;bottom:0;left:1rem;right:1rem}.req-header{border-bottom:2pt solid #1a3a5c;justify-content:space-between;align-items:flex-start;margin-bottom:15pt;padding-bottom:10pt;display:flex}.req-logo{border-radius:5pt;justify-content:center;align-items:center;width:45pt;height:45pt;font-size:20pt;font-weight:900;display:flex;color:#000!important;background:#fff!important}.req-co-name-th{color:#1a3a5c;margin-bottom:2pt;font-size:13pt;font-weight:800}.req-doc-title{color:#1a3a5c;text-align:right;font-size:18pt;font-weight:800}.req-info-grid{border:1pt solid #000;grid-template-columns:1fr 1fr;margin-bottom:15pt;display:grid}.req-info-cell{border-bottom:1pt solid #000;border-right:1pt solid #000;padding:5pt 10pt;font-size:10pt}.req-info-cell.full{border-bottom:none;border-right:none;grid-column:1/-1}.req-info-label{color:#4a6a8c;margin-right:5pt;font-weight:700}.req-table{border-collapse:collapse;width:100%;margin-bottom:15pt}.req-table th{text-align:center;border:1pt solid #000;padding:8pt;font-size:10pt;color:#000!important;background:#fff!important}.req-table td{vertical-align:top;border:1pt solid #000;padding:8pt;font-size:10pt}.req-table tfoot td{border:1pt solid #000;padding:10pt 8pt;font-weight:700;background:#f9f9f9!important}.center{text-align:center}.right{text-align:right}.req-sig-row{grid-template-columns:1fr 1fr 1fr;gap:10pt;margin-top:25pt;display:grid}.req-sig-box{text-align:center;border:1pt solid #000;padding:10pt;font-size:9pt}.req-sig-header{border-bottom:.5pt solid #000;margin-bottom:20pt;padding-bottom:3pt;font-weight:800}.req-sig-line{border-bottom:.5pt dashed #000;margin-bottom:5pt}}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.signature-modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;padding:24px;box-shadow:0 10px 25px #0003}.signature-modal-content h3{color:#333;border-bottom:2px solid #f0f0f0;margin-top:0;padding-bottom:12px}.signature-pad-container{background:#f9f9f9;border:2px dashed #ccc;border-radius:8px;margin:20px 0}.modal-actions{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.right-actions{gap:12px;display:flex}.btn-clear{cursor:pointer;background:#f0f0f0;border:1px solid #ccc;border-radius:6px;padding:8px 16px;font-weight:600}.btn-cancel{color:#dc3545;cursor:pointer;background:#fff;border:1px solid #dc3545;border-radius:6px;padding:8px 16px;font-weight:600}.btn-confirm{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:6px;padding:8px 16px;font-weight:600}.btn-confirm:hover{background:#218838}.btn-clear:hover{background:#e2e2e2}.receive-items-modal-overlay{z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.receive-items-modal-container{background-color:#fff;border-radius:8px;flex-direction:column;width:90%;max-width:900px;max-height:90vh;display:flex;box-shadow:0 4px 6px #0000001a}.receive-items-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.receive-items-modal-header h2{color:#111827;font-size:1.25rem;font-weight:600}.btn-close-modal{cursor:pointer;color:#6b7280;background:0 0;border:none;font-size:1.5rem}.receive-items-modal-content{padding:1.5rem;overflow-y:auto}.product-form{flex-direction:column;gap:1.5rem;display:flex}.form-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group.span-2{grid-column:span 2}.form-group.span-4{grid-column:span 4}.form-label{color:#374151;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.form-label-required{color:#ef4444}.form-input,.form-textarea,.form-select{color:#111827;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;width:100%;padding:.75rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f64d}.form-textarea{resize:vertical;min-height:80px}.form-input[disabled]{color:#6b7280;cursor:not-allowed;background-color:#f3f4f6}.image-upload-container{width:100%}.image-preview-wrapper{background-color:#f3f4f6;border-radius:.375rem;width:100%;padding-top:56.25%;position:relative;overflow:hidden}.image-preview{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.btn-remove-image{color:#fff;cursor:pointer;background-color:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1rem;display:flex;position:absolute;top:.5rem;right:.5rem}.upload-placeholder{cursor:pointer;text-align:center;background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:.375rem;justify-content:center;align-items:center;width:100%;height:150px;display:flex}.upload-placeholder:hover{background-color:#eff6ff;border-color:#3b82f6}.file-input-hidden{display:none}.upload-content .upload-icon{color:#9ca3af;margin-bottom:.5rem;font-size:2.5rem}.upload-content .upload-text{color:#3b82f6;font-weight:600}.upload-content .upload-hint{color:#6b7280;font-size:.75rem}.form-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.btn-cancel,.btn-submit{cursor:pointer;border:none;border-radius:.375rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:background-color .2s;display:inline-flex}.btn-cancel{color:#374151;background-color:#e5e7eb}.btn-cancel:hover{background-color:#d1d5db}.btn-submit{color:#fff;background-color:#10b981}.btn-submit:hover{background-color:#059669}.btn-submit:disabled{cursor:not-allowed;background-color:#9ca3af}.error-alert{color:#b91c1c;background-color:#fee2e2;border:1px solid #fca5a5;border-radius:.375rem;margin-bottom:1.5rem;padding:1rem}.view-switcher{background-color:#f3f4f6;border-radius:.375rem;margin-bottom:1.5rem;padding:.25rem;display:flex}.view-tab{cursor:pointer;color:#6b7280;background-color:#0000;border:none;border-radius:.25rem;flex:1;padding:.5rem 1rem;font-weight:600;transition:all .2s}.view-tab.active{color:#10b981;background-color:#fff;box-shadow:0 1px 3px #0000001a}.view-tab:disabled{color:#d1d5db;cursor:not-allowed}.search-view-container{margin-bottom:1.5rem}.search-view-container h3{color:#111827;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.search-results-list{background-color:#f9fafb;border-radius:.375rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;max-height:400px;padding:.5rem;display:grid;overflow-y:auto}.product-card{cursor:pointer;border:2px solid #e5e7eb;border-radius:.5rem;gap:1rem;padding:1rem;transition:all .2s;display:flex}.product-card:hover{background-color:#eff6ff;border-color:#a5b4fc}.product-card.selected{background-color:#f0fdf4;border-color:#10b981;box-shadow:0 0 0 3px #10b9814d}.product-card-image{-o-object-fit:cover;object-fit:cover;border-radius:.375rem;flex-shrink:0;width:60px;height:60px}.product-card-info h4{color:#1f2937;margin:0 0 .25rem;font-weight:600}.product-card-info p{color:#6b7280;margin:0;font-size:.8rem}.shared-fields-grid{border-top:1px solid #e5e7eb;grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:1.5rem;display:grid}:root{--primary-color:#1e293b;--accent-color:#4f46e5;--bg-page:#f8fafc;--bg-card:#fff;--text-main:#1e293b;--text-muted:#64748b;--border-color:#e2e8f0;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--info:#3b82f6;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.history-page{background-color:var(--bg-page);min-height:100vh;color:var(--text-main);padding:2rem;font-family:Inter,-apple-system,sans-serif}.history-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.history-icon-box{color:var(--accent-color);background:#4f46e51a;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.btn-back{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-weight:500;transition:all .2s;display:flex}.btn-back:hover{border-color:var(--accent-color);color:var(--accent-color);background:#4f46e50d}.view-switcher{border-bottom:1px solid var(--border-color);gap:.5rem;margin-bottom:2rem;padding-bottom:0;display:flex}.view-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:color .2s;position:relative}.view-btn:after{content:"";background:0 0;height:2px;transition:background .2s;position:absolute;bottom:-1px;left:0;right:0}.view-btn.active{color:var(--accent-color)}.view-btn.active:after{background:var(--accent-color)}.filter-container{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.filter-row{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.search-wrapper{flex:1;position:relative}.search-icon{color:var(--text-muted);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-input{border:1px solid var(--border-color);border-radius:8px;width:100%;padding:.625rem 1rem .625rem 2.75rem;font-size:.95rem}.search-input:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px #4f46e51a}.filter-buttons{background:#f1f5f9;border-radius:8px;gap:.25rem;padding:.25rem;display:flex}.filter-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.4rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.filter-btn.active{color:var(--primary-color);box-shadow:var(--shadow-sm);background:#fff}.fulfillment-filters .filter-btn{border:1px solid var(--border-color);color:var(--text-muted);background:#fff;border-radius:8px;align-items:center;padding:.5rem 1rem;display:flex}.fulfillment-filters .filter-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.table-container{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;overflow:hidden}.transaction-table{border-collapse:collapse;width:100%;font-size:.9rem}.transaction-table th{color:var(--text-muted);text-align:left;border-bottom:1px solid var(--border-color);background:#f8fafc;padding:1rem 1.25rem;font-weight:600}.transaction-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:1rem 1.25rem}.transaction-table tr:last-child td{border-bottom:none}.transaction-table tr:hover{background-color:#fcfcfc}.transaction-table .center{text-align:center}.transaction-table .right{text-align:right}.bold{font-weight:600}.status-badge,.type-badge{border-radius:6px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-badge.pending{color:#92400e;background:#fffbeb;border:1px solid #fef3c7}.status-badge.confirmed{color:#1e40af;background:#eff6ff;border:1px solid #dbeafe}.status-badge.completed,.status-badge.success{color:#065f46;background:#ecfdf5;border:1px solid #d1fae5}.status-badge.rejected{color:#991b1b;background:#fef2f2;border:1px solid #fee2e2}.type-badge.in{color:#166534;background:#f0fdf4}.type-badge.out{color:#991b1b;background:#fff1f2}.btn-info,.btn-success,.btn-danger{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:.4rem .8rem;font-size:.8rem;font-weight:600;transition:all .2s}.btn-info{color:#1d4ed8;background:#eff6ff;border-color:#dbeafe}.btn-success{color:#059669;background:#ecfdf5;border-color:#d1fae5}.btn-danger{color:#dc2626;background:#fef2f2;border-color:#fee2e2}.item-text{color:#334155;font-size:.9rem}.count-badge.red-circle{background:var(--danger);text-align:center;border-radius:10px;min-width:18px;margin-left:6px;padding:2px 6px;font-size:.7rem;color:#fff!important}.items-summary{color:var(--text-muted);line-height:1.4}@media (max-width:768px){.history-page{padding:1rem}.history-header{flex-direction:column;align-items:stretch;gap:1rem}.filter-row{flex-direction:column;align-items:stretch}.search-wrapper{min-width:auto}}.slip-section{margin-top:1.5rem}.slip-title{color:#374151;margin-bottom:1rem;font-size:14px;font-weight:600}.slip-image-container{cursor:pointer;border:2px solid #e5e7eb;border-radius:12px;width:300px;max-width:100%;transition:all .3s;position:relative;overflow:hidden}.slip-image-container:hover{border-color:#667eea;transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.slip-image-container:hover .slip-overlay{opacity:1}.slip-thumbnail{width:60%;height:auto;display:block}.slip-overlay{color:#fff;opacity:0;background:#667eeae6;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:14px;font-weight:600;transition:opacity .3s;display:flex;position:absolute;inset:0}.slip-overlay svg{font-size:32px}.lightbox-overlay{z-index:2000;cursor:zoom-out;background:#000000f2;justify-content:center;align-items:center;padding:2rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.lightbox-content{justify-content:center;align-items:center;max-width:90%;max-height:90%;animation:.3s zoomIn;display:flex;position:relative}@keyframes zoomIn{0%{transform:scale(.8)}to{transform:scale(1)}}.lightbox-image{-o-object-fit:contain;object-fit:contain;border-radius:12px;max-width:100%;max-height:90vh;box-shadow:0 20px 60px #00000080}.lightbox-close{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;transition:all .2s;display:flex;position:absolute;top:-60px;right:0}.lightbox-close:hover{background:#ffffff4d;transform:scale(1.1)}@media (max-width:768px){.slip-image-container{width:100%}.lightbox-close{top:10px;right:10px}}.approval-modal-overlay{z-index:1050;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.approval-modal-content{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:1100px;height:85vh;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000001a}.approval-modal-header{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.approval-modal-header .header-title{color:#343a40;align-items:center;gap:10px;font-size:1.1rem;font-weight:600;display:flex}.approval-modal-close-btn{color:#6c757d;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.approval-modal-close-btn:hover{color:#343a40}.approval-modal-body{flex-grow:1;padding:0;display:flex;overflow-y:hidden}.modal-left-panel{background-color:#f8f9fa;border-right:1px solid #e9ecef;width:60%;padding:16px;overflow-y:auto}.modal-right-panel{background-color:#fff;flex-direction:column;width:40%;padding:16px;display:flex;overflow-y:auto}.request-group{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:16px;overflow:hidden}.request-group-header{background-color:#f1f3f5;border-bottom:1px solid #dee2e6;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.request-group-header h5{color:#495057;margin:0;font-size:.9rem;font-weight:600}.item-list{margin:0;padding:0;list-style:none}.item-entry{border-bottom:1px solid #e9ecef;grid-template-columns:1fr 70px 90px 100px 70px;align-items:center;gap:10px;padding:8px 12px;display:grid}.item-entry.item-cancelled{opacity:.8;background-color:#f8f9fa}.btn-cancel-item{color:#dc3545;cursor:pointer;background-color:#0000;border:1px solid #dc3545;border-radius:4px;padding:4px 8px;font-size:.7rem;font-weight:600;transition:all .2s}.btn-cancel-item:hover{color:#fff;background-color:#dc3545}.btn-cancel-item.undo{color:#6c757d;border-color:#6c757d}.btn-cancel-item.undo:hover{color:#fff;background-color:#6c757d}.item-action{justify-content:center;display:flex}.item-entry input:disabled{cursor:not-allowed;color:#adb5bd;background-color:#e9ecef}.item-entry:last-child{border-bottom:none}.item-details .item-name{color:#343a40;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:.85rem;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.item-details .item-option{color:#6c757d;font-size:.75rem}.item-qty{text-align:center;font-size:.85rem}.item-qty input{text-align:center;border:1px solid #ced4da;border-radius:4px;width:100%;padding:4px 2px;font-size:.85rem}.item-qty input:focus{border-color:#80bdff;outline:none}.price-input-group{align-items:center;display:flex}.price-input-group input{text-align:right;border:1px solid #ced4da;border-radius:4px;width:100%;padding:4px 6px;font-size:.85rem}.price-input-group input:focus{border-color:#80bdff;outline:none}.item-total{text-align:right;font-size:.85rem;font-weight:600}.item-total input{text-align:right;color:#000;border:1px solid #ced4da;border-radius:4px;width:100%;padding:4px 6px;font-size:.85rem;font-weight:600}.item-total input:focus{border-color:#80bdff;outline:none}.request-extra-fields{background-color:#fff;border-top:1px solid #e9ecef;justify-content:flex-end;gap:15px;padding:8px 12px;display:flex}.extra-field-item{align-items:center;gap:6px;display:flex}.extra-field-item label{color:#495057;font-size:.8rem;font-weight:600}.extra-field-item input{text-align:right;border:1px solid #ced4da;border-radius:4px;width:80px;padding:4px 8px;font-size:.85rem}.extra-field-item input:focus{border-color:#80bdff;outline:none}.payment-summary{border:1px solid #dee2e6;border-radius:8px;margin-bottom:20px}.summary-header{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;padding:10px 14px;font-size:.95rem;font-weight:600}.total-by-currency{padding:12px}.currency-line{justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:1rem;display:flex}.currency-line .currency-label{color:#495057;font-weight:500}.currency-line .currency-amount{color:#212529;font-size:1.1rem;font-weight:700}.form-section .form-group{margin-bottom:15px}.form-section .form-label{color:#495057;margin-bottom:6px;font-size:.85rem;font-weight:600}.form-control-modern{background-color:#fff;border:1px solid #ced4da;border-radius:6px;width:100%;padding:8px 12px;font-size:.9rem}.form-control-modern:focus{border-color:#80bdff;outline:none}.file-drop-zone{text-align:center;cursor:pointer;background-color:#f8f9fa;border:2px dashed #ced4da;border-radius:8px;padding:20px;transition:background-color .2s}.file-drop-zone:hover{background-color:#e9ecef}.file-drop-zone p{color:#6c757d;margin:0;font-size:.85rem}.file-drop-zone .file-name{color:#007bff;margin-top:8px;font-size:.85rem;font-weight:600}.approval-modal-footer{background-color:#fff;border-top:1px solid #e9ecef;justify-content:flex-end;align-items:center;padding:12px 20px;display:flex}.btn-modern{cursor:pointer;border:none;border-radius:6px;padding:6px 16px;font-size:.9rem;font-weight:600;transition:all .2s}.btn-modern-secondary{color:#343a40;background-color:#f8f9fa;border:1px solid #dee2e6;margin-right:10px}.btn-modern-secondary:hover{background-color:#e9ecef}.btn-modern-primary{color:#fff;background-color:#007bff}.btn-modern-primary:hover{background-color:#0069d9}.btn-modern:disabled{opacity:.65;cursor:not-allowed}.approval-modal-content.verification-mode{width:95%;max-width:1300px}.verification-body{background:#f1f5f9;flex:1;display:flex;overflow:hidden}.verification-left{background:#1e293b;border-right:1px solid #e2e8f0;flex-direction:column;flex:1.2;padding:15px;display:flex;overflow-y:auto}.slip-preview-container{flex:1;justify-content:center;align-items:center;min-height:400px;display:flex}.verification-slip-img{-o-object-fit:contain;object-fit:contain;border-radius:8px;max-width:100%;max-height:100%}.verification-right{background:#fff;flex-direction:column;flex:.8;padding:20px;display:flex;overflow-y:auto}.verification-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;box-shadow:0 4px 6px -1px #0000001a}.verification-summary-card h3{color:#1e293b;border-bottom:2px solid #3b82f6;margin-top:0;margin-bottom:20px;padding-bottom:10px;font-size:1.2rem}.verification-total-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.verification-total-row.highlight{background:#f8fafc;border-top:2px solid #e2e8f0;border-bottom:2px solid #e2e8f0;margin:10px -20px;padding:15px 20px}.verification-total-row .label{color:#475569;font-size:1rem;font-weight:600}.verification-total-row .value{color:#059669;font-size:1.8rem;font-weight:800}.verification-details-grid{grid-template-columns:1fr 1fr;gap:15px;margin:20px 0;display:grid}.detail-item{flex-direction:column;gap:2px;display:flex}.detail-item label{color:#64748b;text-transform:uppercase;font-size:.75rem;font-weight:600}.detail-item span{color:#1e293b;font-size:1rem;font-weight:600}.verification-warning{background:#fff7ed;border-left:4px solid #f59e0b;border-radius:4px;margin-top:20px;padding:12px}.verification-warning p{color:#9a3412;margin:0;font-size:.95rem;font-weight:600}.no-slip-msg{color:#fff;opacity:.7;font-size:1rem}@media (max-width:992px){.verification-body{flex-direction:column}.verification-left,.verification-right{flex:none;width:100%}}.verification-breakdown{flex-direction:column;gap:10px;max-height:250px;margin-bottom:20px;padding-right:6px;display:flex;overflow-y:auto}.verification-req-block{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px}.verification-req-block .req-info{justify-content:space-between;margin-bottom:6px;display:flex}.verification-req-block .req-no{color:#1e293b;font-size:.9rem;font-weight:700}.verification-req-block .req-user{color:#64748b;font-size:.8rem}.verification-req-block .req-subtotal-line{border-top:1px dashed #cbd5e1;justify-content:space-between;align-items:center;padding-top:6px;display:flex}.verification-req-block .label{color:#475569;font-size:.8rem}.verification-req-block .value{color:#1e293b;font-size:.95rem;font-weight:700}.grand-total-section{border-top:2px solid #3b82f6;padding-top:12px}:root{--primary-color:#1e293b;--primary-hover:#334155;--secondary-color:#64748b;--accent-color:#2563eb;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--bg-color:#f8fafc;--border-color:#e2e8f0;--text-main:#1e293b;--text-muted:#64748b;--card-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a}.payment-request-page{background-color:var(--bg-color);min-height:100vh;padding:1.5rem}.header-icon{color:var(--accent-color);background:#eff6ff;border-radius:8px;padding:.5rem;font-size:2rem}.page-header h1{color:var(--text-main);margin:0;font-size:1.5rem;font-weight:700}.filter-container-grid{border:1px solid var(--border-color);background:#fff;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;padding:1.25rem;display:grid;box-shadow:0 2px 4px #00000005}.filter-item.search-full{grid-column:1/-1}.filter-label{color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:flex}.search-box{border:1px solid var(--border-color);background:#f8fafc;border-radius:8px;align-items:center;padding:0 1rem;transition:all .2s;display:flex}.search-box:focus-within{border-color:var(--accent-color);background:#fff;box-shadow:0 0 0 2px #2563eb1a}.search-input{background:0 0;border:none;outline:none;width:100%;margin-left:.5rem;padding:.75rem 0;font-size:.95rem}.form-control-formal,.form-select-formal{border:1px solid var(--border-color);width:100%;color:var(--text-main);background:#fff;border-radius:6px;outline:none;padding:.6rem;font-size:.9rem}.form-control-formal:focus,.form-select-formal:focus{border-color:var(--accent-color)}.table-card{border:1px solid var(--border-color);box-shadow:var(--card-shadow);background:#fff;border-radius:12px;margin-bottom:5rem;overflow:hidden}.table-formal{border-collapse:collapse;width:100%}.table-formal th{text-transform:uppercase;color:var(--text-muted);text-align:left;border-bottom:1px solid var(--border-color);background:#f8fafc;padding:1rem;font-size:.8rem;font-weight:600}.table-formal td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:.75rem 1rem;font-size:.9rem}.table-formal tr:hover{background-color:#f8fafc}.table-formal tr.row-selected{background-color:#eff6ff!important}.item-thumb-mini{-o-object-fit:cover;object-fit:cover;border:1px solid var(--border-color);cursor:pointer;border-radius:6px;width:40px;height:40px;transition:transform .2s}.item-thumb-mini:hover{transform:scale(1.1)}.no-image-mini{color:#cbd5e1;background:#f1f5f9;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.store-badge{color:#64748b;background:#f1f5f9;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:500}.store-link{color:var(--accent-color);align-items:center;gap:4px;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex}.store-link:hover{text-decoration:underline}.product-link{color:var(--text-main);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.4em;font-weight:700;line-height:1.2;text-decoration:none;display:-webkit-box;overflow:hidden}.product-link:hover{color:var(--accent-color);text-decoration:underline}.fw-bold.text-dark{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:2.4em;line-height:1.2;display:-webkit-box;overflow:hidden}.remark-text-mini{color:#94a3b8;align-items:center;gap:4px;margin-top:4px;font-size:.8rem;display:flex}.btn-link-formal{color:var(--accent-color);cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;font-weight:600;text-decoration:underline}.status-badge,.currency-badge{text-transform:uppercase;border:1px solid;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:700}.status-badge.pending{color:#c2410c;background:#fff7ed;border-color:#ffedd5}.status-badge.success,.status-badge.completed,.status-badge.confirmed{color:#15803d;background:#f0fdf4;border-color:#dcfce7}.status-badge.rejected{color:#b91c1c;background:#fef2f2;border-color:#fee2e2}.currency-badge{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.currency-badge.USD{color:#15803d;background:#f0fdf4;border-color:#dcfce7}.currency-badge.CNY{color:#b91c1c;background:#fef2f2;border-color:#fee2e2}.batch-action-bar{border-top:1px solid var(--border-color);z-index:100;background:#fff;justify-content:space-between;align-items:center;padding:1rem 2rem;animation:.3s ease-out slideUp;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 6px -1px #0000001a}.selection-info{align-items:center;gap:1.5rem;font-size:1.1rem;display:flex}.selection-info .divider{color:var(--border-color)}.selection-info strong{color:var(--accent-color);font-weight:700}.totals-list{gap:1rem;display:flex}.total-item strong{color:#1e293b}.btn-batch-pay{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #2563eb4d}.btn-batch-pay:hover{transform:translateY(-2px);box-shadow:0 6px 8px -1px #2563eb66}.empty-state-container{text-align:center;color:var(--text-muted);padding:4rem 2rem}.lightbox-overlay{z-index:1000;cursor:pointer;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.lightbox-content{max-width:90vw;max-height:90vh;position:relative}.lightbox-content img{border-radius:8px;max-width:100%;max-height:100%}.lightbox-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:2.5rem;position:absolute;top:-40px;right:0}@media (max-width:768px){.filter-container-grid{grid-template-columns:1fr}.batch-action-bar{flex-direction:column;gap:1rem;padding:1rem}.table-formal{display:block;overflow-x:auto}}.tabs-container{border-bottom:1px solid var(--border-color);gap:1rem;margin-bottom:1.5rem;padding-bottom:.5rem;display:flex}.tab-button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;position:relative}.tab-button:hover,.tab-button.active{color:var(--accent-color)}.tab-button.active:after{content:"";background-color:var(--accent-color);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-.5rem;left:0;right:0}.tab-badge{color:#64748b;background:#f1f5f9;border-radius:12px;margin-left:8px;padding:2px 8px;font-size:.75rem}.tab-button.active .tab-badge{color:var(--accent-color);background:#eff6ff}.btn-edit-payment{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.btn-edit-payment:hover{color:#1e293b;background:#e2e8f0}.items-summary-modern{flex-direction:column;gap:8px;display:flex}.item-row-with-img{align-items:center;gap:10px;display:flex}.item-img-mini{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.item-img-mini img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.item-img-mini svg{color:#94a3b8;font-size:14px}.item-text{color:#334155;white-space:nowrap;text-overflow:ellipsis;max-width:250px;font-size:.9rem;overflow:hidden}.request-no-badge{color:#475569;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;width:fit-content;padding:2px 8px;font-size:.8rem;font-weight:600}.request-items-section{border-bottom:1px dashed #e2e8f0;margin-bottom:8px;padding-bottom:8px}.request-items-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.req-sub-header{color:#64748b;text-transform:uppercase;margin-bottom:4px;font-size:.75rem;font-weight:700}.fw-bold{font-weight:700}.return-requests-page{background:#f8f9fa;min-height:100vh;padding:2.5rem 1.5rem}.return-requests-container{max-width:1400px;margin:0 auto}.return-requests-header{background:#fff;border-radius:1rem;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding:2rem;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.return-requests-title-wrapper{align-items:center;gap:1.25rem;display:flex}.return-requests-icon-box{color:#fff;background-color:#10b981;border-radius:.75rem;justify-content:center;align-items:center;padding:1rem;display:flex}.return-requests-title{color:#1f2937;font-size:1.75rem;font-weight:700}.table-container{background:#fff;border-radius:1rem;overflow-x:auto;box-shadow:0 4px 12px #00000014}.requests-table{border-collapse:collapse;width:100%}.requests-table thead{background:#f9fafb}.requests-table th{text-align:left;color:#4b5563;text-transform:uppercase;padding:1rem 1.5rem;font-size:.875rem;font-weight:600}.requests-table tbody tr{border-bottom:1px solid #e5e7eb}.requests-table tbody tr:last-child{border-bottom:none}.requests-table td{color:#374151;padding:1rem 1.5rem;font-size:.95rem}.requests-table .center{text-align:center}.action-buttons{justify-content:center;gap:.5rem;display:flex}.btn-approve,.btn-reject{cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-approve{color:#065f46;background-color:#d1fae5}.btn-approve:hover{background-color:#a7f3d0}.btn-reject{color:#991b1b;background-color:#fee2e2}.btn-reject:hover{background-color:#fecaca}.empty-state{text-align:center;color:#6b7280;padding:4rem;font-size:1.1rem}.loading-content,.error-content{text-align:center;background:#fff;border-radius:1rem;padding:3rem 4rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.spinner{color:#10b981;font-size:3rem;animation:1s linear infinite spin}.loading-text,.error-message{color:#4b5563;margin-top:1rem;font-size:1.1rem}.error-icon{font-size:3rem}.error-title{color:#dc2626;font-size:1.5rem;font-weight:700}.btn-back:hover{background:#f8fafc;border-color:#cbd5e0}.mp-page{background-color:#f8fafc;min-height:100vh;padding:20px}.mp-header{background:#fff;border-radius:12px;margin-bottom:30px;padding:20px;box-shadow:0 1px 3px #0000001a}.mp-title-box{color:#1e293b;align-items:center;gap:15px;display:flex}.mp-title-box h1{margin:0;font-size:1.5rem;font-weight:700}.mp-title-box p{color:#64748b;margin:5px 0 0;font-size:.9rem}.mp-tabs{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:4px;width:fit-content;margin-bottom:20px;padding:6px;display:flex}.mp-tab{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;align-items:center;gap:7px;padding:8px 18px;font-size:.9rem;font-weight:600;transition:all .15s;display:inline-flex;position:relative}.mp-tab:hover{color:#334155;background:#f1f5f9}.mp-tab.active{color:#fff;background:#3b82f6}.mp-tab-badge{color:#fff;background:#ef4444;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.7rem;font-weight:700;display:inline-flex}.mp-tab.active .mp-tab-badge{background:#ffffff4d}.mp-container{max-width:1000px;margin:0 auto}.mp-loading{text-align:center;color:#64748b;padding:100px 0}.mp-empty{text-align:center;color:#64748b;flex-direction:column;align-items:center;gap:20px;padding:100px 0;display:flex}.mp-list{flex-direction:column;gap:15px;display:flex}.mp-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 4px #0000000d}.mp-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.mp-card-main{flex:1;min-width:0}.mp-cust-name{color:#1e293b;margin-bottom:4px;font-size:1.1rem;font-weight:700}.mp-loc-info{color:#64748b;align-items:center;gap:4px;margin-bottom:10px;font-size:.88rem;display:flex}.mp-group-items{flex-wrap:wrap;gap:6px;display:flex}.mp-group-pill{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:.8rem;display:inline-flex}.mp-pill-report{color:#3b82f6;font-weight:700}.mp-pill-sep{color:#cbd5e1}.mp-pill-type{color:#475569;font-weight:600}.mp-card-side{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:10px;display:flex}.mp-total-badge{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;padding:3px 12px;font-size:.82rem;font-weight:700}.mp-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-weight:600;transition:all .2s;display:inline-flex}.mp-btn-primary{color:#fff;background:#3b82f6}.mp-btn-primary:hover{background:#2563eb}.mp-btn-success{color:#fff;background:#10b981}.mp-btn-success:hover{background:#059669}.mp-btn-success:disabled{cursor:not-allowed;background:#d1d5db}.mp-btn-ghost{color:#475569;background:#f1f5f9}.mp-btn-ghost:hover{background:#e2e8f0}.mp-modal-overlay{z-index:1000;-webkit-overflow-scrolling:touch;background:#00000080;justify-content:center;align-items:flex-start;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.mp-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:760px;margin:auto;display:flex;box-shadow:0 20px 40px #00000026}.mp-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;padding:18px 20px;display:flex}.mp-modal-header h3{color:#1e293b;margin:0;font-size:1.15rem;font-weight:700}.mp-modal-loc{color:#64748b;align-items:center;gap:5px;margin:4px 0 0;font-size:.85rem;display:flex}.mp-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px;font-size:1.2rem}.mp-modal-close:hover{color:#475569}.mp-modal-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:14px;padding:16px 20px;display:flex;overflow-y:auto}.mp-operator-banner{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:8px 14px;font-size:.88rem}.mp-item-section{border:2px solid #e2e8f0;border-radius:12px;transition:border-color .2s;overflow:hidden}.mp-item-section.section-done{border-color:#10b981}.mp-item-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.mp-item-section.section-done .mp-item-header{background:#f0fdf4;border-bottom-color:#bbf7d0}.mp-item-header-left{align-items:center;gap:8px;display:flex}.mp-item-type-label{color:#334155;background:#e2e8f0;border-radius:4px;padding:2px 8px;font-size:.88rem;font-weight:700}.mp-item-progress{color:#94a3b8;align-items:center;font-size:.85rem;font-weight:700;display:flex}.mp-item-progress.done{color:#10b981}.mp-stock-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:10px;padding:12px;display:grid}.mp-stock-item{cursor:pointer;border:2px solid #e2e8f0;border-radius:10px;padding:10px 12px;transition:all .15s;position:relative}.mp-stock-item:hover{background:#eff6ff;border-color:#3b82f6}.mp-stock-item.selected{background:#ecfdf5;border-color:#10b981}.mp-stock-item.used{opacity:.5;cursor:not-allowed;background:#f8fafc;border-color:#e2e8f0}.mp-stock-sn{color:#1e293b;font-family:monospace;font-size:.88rem;font-weight:700}.mp-stock-wh{color:#64748b;margin-top:3px;font-size:.72rem}.mp-used-tag{color:#94a3b8;background:#f1f5f9;border-radius:4px;padding:1px 5px;font-size:.65rem;font-weight:700;position:absolute;top:4px;right:6px}.mp-stock-empty{color:#ef4444;text-align:center;background:#fef2f2;flex-direction:column;align-items:center;gap:8px;padding:24px;font-size:.88rem;display:flex}.mp-stock-loading{text-align:center;color:#64748b;padding:40px}.mp-modal-footer{border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.mp-footer-summary{flex-wrap:wrap;gap:8px;display:flex}.mp-summary-pill{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:.82rem;font-weight:600;display:inline-flex}.mp-summary-pill.done{color:#065f46;background:#ecfdf5;border-color:#6ee7b7}.mp-footer-actions{gap:10px;display:flex}.text-success{color:#10b981}.mp-loc-sep{color:#cbd5e1;margin:0 4px}.mp-filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:20px;padding:14px 18px;display:flex}.mp-filter-item{flex-direction:column;gap:4px;display:flex}.mp-filter-item label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:600}.mp-date-input{color:#1e293b;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:7px 11px;font-family:inherit;font-size:.9rem;transition:border-color .15s}.mp-date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.mp-search-btn{align-self:flex-end}.mp-history-list{flex-direction:column;gap:24px;display:flex}.mp-hist-date-header{color:#64748b;text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid #e2e8f0;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:6px;font-size:.85rem;font-weight:700;display:flex}.mp-hist-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:10px;padding:14px 16px;transition:box-shadow .15s}.mp-hist-card:hover{box-shadow:0 4px 12px #00000012}.mp-hist-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.mp-hist-who{color:#1e293b;align-items:center;gap:7px;font-size:.95rem;font-weight:700;display:flex}.mp-hist-icon{color:#3b82f6;font-size:.85rem}.mp-hist-time{color:#94a3b8;font-size:.8rem;font-weight:600}.mp-hist-body{flex-wrap:wrap;gap:16px;display:flex}.mp-hist-dest{flex:1;min-width:180px}.mp-hist-customer{color:#1e293b;margin-bottom:3px;font-size:1rem;font-weight:700}.mp-hist-location{color:#64748b;align-items:center;gap:5px;margin-bottom:3px;font-size:.85rem;display:flex}.mp-hist-report{color:#3b82f6;font-size:.78rem;font-weight:600}.mp-hist-machines{flex:2;min-width:200px}.mp-hist-type-label{color:#475569;align-items:center;gap:6px;margin-bottom:8px;font-size:.82rem;font-weight:700;display:flex}.mp-hist-serials{flex-wrap:wrap;gap:6px;display:flex}.mp-sn-badge{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:3px 9px;font-family:monospace;font-size:.82rem;font-weight:600;display:inline-block}body{background-color:#fff}h1{letter-spacing:-.5px;background:linear-gradient(90deg,#000,#818cf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.8rem}.card-header-tabs{margin-bottom:-.75rem}.nav-tabs .nav-link{color:#6c757d;border:1px solid #0000;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff;font-weight:700}.nav-tabs .nav-link.active[data-tab=pending]{color:#721c24;border-top:3px solid #f8d7da}.nav-tabs .nav-link.active[data-tab=inprogress]{color:#856404;border-top:3px solid #fff3cd}.nav-tabs .nav-link.active[data-tab=success]{color:#155724;border-top:3px solid #d4edda}.table thead{background-color:#e9ecef}.table th{font-weight:600}.table-hover tbody tr:hover{background-color:#00000009}.btn-primary{background-color:#007bff;border-color:#007bff}.signature-container{flex-direction:column;align-items:center;padding:20px;display:flex}.signature-pad{border:2px solid #333;border-radius:8px;width:500px;height:200px;margin-bottom:20px}.signature-canvas{width:100%;height:100%}.signature-buttons{gap:10px;display:flex}.signature-buttons button{cursor:pointer;border:1px solid #ccc;border-radius:5px;padding:10px 20px;font-size:16px}.signature-buttons button:hover{background-color:#f0f0f0}.signature-result{border:1px solid #ccc;border-radius:8px;margin-top:20px;padding:10px}.signature-result h2{margin-top:0}.signer-info{text-align:left;width:100%;max-width:500px;margin-bottom:20px}.signer-info label{margin-bottom:5px;font-weight:700;display:block}.signer-name-input{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:100%;padding:8px;font-size:1rem}.cp-page{background:#f4f6f9;max-width:720px;min-height:100vh;margin:0 auto;padding:16px 16px 80px;font-family:Sarabun,sans-serif}.cp-topbar{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.cp-title{color:#1e293b;margin:0 0 2px;font-size:18px;font-weight:700}.cp-subtitle{color:#64748b;margin:0;font-size:12px}.cp-btn-new{color:#fff;cursor:pointer;white-space:nowrap;background:#185fa5;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:9px 14px;font-family:Sarabun,sans-serif;font-size:13px;font-weight:600;transition:opacity .15s;display:inline-flex}.cp-btn-new:hover{opacity:.9}.cp-btn-new:active{transform:scale(.97)}.cp-btn-new svg{width:13px;height:13px}.cp-search-wrap{margin-bottom:12px;position:relative}.cp-search-icon{color:#94a3b8;pointer-events:none;width:15px;height:15px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.cp-search-input{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;height:42px;padding:0 36px;font-family:Sarabun,sans-serif;font-size:14px;transition:border-color .15s,box-shadow .15s}.cp-search-input:focus{border-color:#185fa5;box-shadow:0 0 0 3px #185fa51a}.cp-search-clear{cursor:pointer;color:#64748b;background:#e2e8f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.cp-search-clear svg{width:11px;height:11px}.cp-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:40vh;font-size:13px;display:flex}.cp-spinner{border:3px solid #e2e8f0;border-top-color:#185fa5;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite cp-spin}@keyframes cp-spin{to{transform:rotate(360deg)}}.cp-card-list{flex-direction:column;gap:8px;display:flex;position:relative}.cp-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;transition:border-color .15s;position:relative;overflow:visible}.cp-card:hover{border-color:#bfdbfe}.cp-card-top{justify-content:space-between;align-items:center;padding:12px 14px 8px;display:flex;position:relative}.cp-cid{color:#0c447c;background:#e6f1fb;border-radius:5px;padding:2px 8px;font-family:Courier New,monospace;font-size:11px;font-weight:600}.cp-more-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:background .1s;display:flex}.cp-more-btn:hover{background:#f1f5f9}.cp-more-btn svg{width:14px;height:14px}.cp-menu{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;min-width:180px;display:flex;position:absolute;top:calc(100% - 4px);right:14px;overflow:hidden;box-shadow:0 8px 24px #0000001a}.cp-menu-item{color:#1e293b;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:11px 14px;font-family:Sarabun,sans-serif;font-size:13px;font-weight:500;transition:background .1s;display:flex}.cp-menu-item:hover{background:#f8fafc}.cp-menu-item.danger{color:#a32d2d}.cp-menu-item.danger:hover{background:#fff5f5}.cp-menu-item svg{flex-shrink:0;width:13px;height:13px}.cp-menu-divider{background:#e2e8f0;height:1px;margin:2px 0}.cp-cname{color:#1e293b;padding:0 14px 6px;font-size:15px;font-weight:600;line-height:1.35}.cp-czone{color:#64748b;align-items:center;gap:5px;padding:0 14px 10px;font-size:12px;display:flex}.cp-czone svg{color:#e24b4a;flex-shrink:0;width:12px;height:12px}.cp-card-foot{border-top:1px solid #f1f5f9;grid-template-columns:1fr 1fr;display:grid}.cp-btn-manage,.cp-btn-contract{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:5px;height:38px;font-family:Sarabun,sans-serif;font-size:12px;font-weight:600;transition:background .1s;display:flex}.cp-btn-manage svg,.cp-btn-contract svg{width:12px;height:12px}.cp-btn-manage{color:#475569;border-right:1px solid #f1f5f9}.cp-btn-manage:hover{background:#f8fafc}.cp-btn-contract{color:#185fa5}.cp-btn-contract:hover{background:#e6f1fb}.cp-empty{color:#94a3b8;background:#fff;border:1px dashed #e2e8f0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px 24px;display:flex}.cp-empty svg{width:36px;height:36px}.cp-empty p{margin:0;font-size:13px}.cp-pagination{justify-content:space-between;align-items:center;padding:14px 0 4px;display:flex}.cp-pg-info{color:#64748b;font-size:12px}.cp-pg-btns{gap:4px;display:flex}.cp-pg-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;font-family:Sarabun,sans-serif;font-size:12px;font-weight:500;transition:all .1s;display:flex}.cp-pg-btn:disabled{opacity:.35;cursor:default}.cp-pg-btn.active{color:#fff;background:#185fa5;border-color:#185fa5}.cp-pg-btn:not(:disabled):hover{color:#185fa5;border-color:#185fa5}.cp-pg-btn svg{width:12px;height:12px}:root{--primary:#185fa5;--primary-light:#e6f1fb;--primary-border:#b5d4f4;--teal:#0f6e56;--teal-light:#e1f5ee;--amber:#854f0b;--amber-light:#faeeda;--red:#a32d2d;--red-light:#fcebeb;--surface:#fff;--bg:#f4f6f9;--border:#e2e8f0;--border-md:#cbd5e1;--text:#1e293b;--text-2:#475569;--text-3:#94a3b8;--radius:10px;--radius-lg:14px;--shadow-sm:0 1px 3px #0000000f;--shadow:0 4px 12px #00000014}.cmp-page{background:var(--bg);min-height:100vh;color:var(--text);font-family:Sarabun,sans-serif}.cmp-header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:20px 32px;display:flex}.cmp-header-left{align-items:center;gap:16px;display:flex}.cmp-avatar{background:var(--primary-light);width:52px;height:52px;color:var(--primary);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}.cmp-name{color:var(--text);margin-bottom:4px;font-size:20px;font-weight:700}.cmp-id-badge{color:#0c447c;background:var(--primary-light);border:1px solid var(--primary-border);border-radius:6px;padding:2px 10px;font-family:Courier New,monospace;font-size:12px;font-weight:600}.cmp-header-actions{gap:8px;display:flex}.cmp-tabs{background:var(--surface);border-bottom:1px solid var(--border);gap:0;padding:0 32px;display:flex}.cmp-tab{color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:14px 20px;font-family:Sarabun,sans-serif;font-size:14px;font-weight:500;transition:all .15s}.cmp-tab:hover{color:var(--primary);background:var(--primary-light)}.cmp-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.cmp-content{padding:28px 32px 60px}.cmp-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:24px}.cmp-section-title{color:var(--text);border-bottom:1px solid var(--border);margin-bottom:18px;padding-bottom:12px;font-size:15px;font-weight:600}.cmp-info-layout{max-width:900px}.cmp-fields-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.cmp-field.wide{grid-column:span 3}.cmp-field-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.cmp-field-value{color:var(--text);font-size:14px;font-weight:500}.cmp-field-input{background:var(--bg);border:1px solid var(--border-md);width:100%;height:36px;color:var(--text);border-radius:8px;outline:none;padding:0 10px;font-family:Sarabun,sans-serif;font-size:14px;transition:border-color .15s}.cmp-field-input:focus{border-color:var(--primary);background:#fff}.cmp-address-box{background:var(--primary-light);border:1px dashed var(--primary-border);border-radius:var(--radius);margin-top:16px;padding:14px 16px}.cmp-address-label{color:var(--primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.cmp-address-box p{color:#0c447c;font-size:14px;line-height:1.6}.cmp-table-wrap{border-radius:var(--radius);border:1px solid var(--border);overflow-x:auto}.cmp-table{border-collapse:collapse;width:100%;font-size:13px}.cmp-table thead{background:#f8fafc}.cmp-table th{text-align:left;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:12px 16px;font-size:11px;font-weight:700}.cmp-table td{color:var(--text);border-bottom:1px solid #f1f5f9;padding:13px 16px;font-size:13px}.cmp-table tbody tr:last-child td{border-bottom:none}.cmp-table tbody tr:hover td{background:#f9fafb}.td-name{font-weight:600}.td-area{color:var(--text-3);font-size:12px}.td-reason{color:var(--text-2);max-width:200px}.td-date{font-size:13px;font-weight:500}.td-time{color:var(--text-3);margin-top:2px;font-size:11px}.cmp-table-footer{color:var(--text-3);text-align:center;border-top:1px solid var(--border);padding:10px 16px;font-size:12px}.cmp-count-chip{background:var(--primary-light);color:#0c447c;border:1px solid var(--primary-border);border-radius:20px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.cmp-count-chip.repair{color:#791f1f;background:#fcebeb;border-color:#f09595}.sn-in{color:#085041;background:var(--teal-light);border-radius:5px;padding:2px 8px;font-size:12px;font-weight:600}.sn-out{color:#791f1f;background:var(--red-light);border-radius:5px;padding:2px 8px;font-size:12px;font-weight:600}.cmp-machine-layout{flex-direction:column;gap:0;display:flex}.cmp-info-banner{background:var(--primary-light);color:#0c447c;border:1px solid var(--primary-border);border-radius:var(--radius);align-items:center;gap:8px;margin-bottom:20px;padding:10px 16px;font-size:13px;font-weight:500;display:flex}.cmp-info-banner svg{flex-shrink:0;width:16px;height:16px}.cmp-loc-grid{flex-direction:column;gap:12px;margin-bottom:80px;display:flex}.cmp-loc-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color .15s;overflow:hidden}.cmp-loc-card:hover{border-color:var(--primary-border)}.cmp-loc-header{border-bottom:1px solid var(--border);background:#fafbfc;align-items:center;gap:14px;padding:14px 18px;display:flex}.cmp-loc-icon{background:var(--primary-light);width:38px;height:38px;color:var(--primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cmp-loc-icon svg{width:18px;height:18px}.cmp-loc-info{flex:1;min-width:0}.cmp-loc-name{color:var(--text);font-size:14px;font-weight:700}.cmp-loc-area{color:var(--text-3);margin-top:1px;font-size:12px}.cmp-loc-meta{flex-shrink:0;align-items:center;gap:8px;display:flex}.cmp-sel-chip{color:#085041;background:#e1f5ee;border:1px solid #9fe1cb;border-radius:20px;padding:2px 10px;font-size:12px;font-weight:600}.cmp-serial-list{flex-direction:column;display:flex}.cmp-serial-row{cursor:pointer;border-bottom:1px solid #f1f5f9;align-items:center;gap:14px;padding:12px 18px;transition:background .1s;display:flex}.cmp-serial-row:last-child{border-bottom:none}.cmp-serial-row:hover{background:#f8fafc}.cmp-serial-row.selected{background:var(--primary-light)}.cmp-cb{width:16px;height:16px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.cmp-serial-num{background:var(--primary-light);color:#0c447c;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.cmp-serial-row.selected .cmp-serial-num{background:var(--primary);color:#fff}.cmp-serial-info{flex:1}.cmp-serial-no{color:var(--text);font-family:Courier New,monospace;font-size:14px;font-weight:600}.cmp-serial-label{color:var(--text-3);margin-top:1px;font-size:11px}.cmp-loc-empty{color:var(--text-3);padding:16px 18px;font-size:13px}.cmp-action-bar{background:var(--surface);border-top:1px solid var(--border);z-index:50;justify-content:space-between;align-items:center;padding:14px 32px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #00000014}.cmp-sel-info{align-items:center;gap:12px;display:flex}.cmp-sel-count{color:var(--text);font-size:14px;font-weight:600}.cmp-btn-clear{color:var(--red);background:var(--red-light);cursor:pointer;border:1px solid #f09595;border-radius:7px;padding:5px 12px;font-family:Sarabun,sans-serif;font-size:12px;font-weight:600}.cmp-action-btns{gap:10px;display:flex}.cmp-subtabs{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:4px;width:fit-content;margin-bottom:16px;padding:5px;display:flex}.cmp-subtab{color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:8px 20px;font-family:Sarabun,sans-serif;font-size:13px;font-weight:500;transition:all .15s}.cmp-subtab.active{background:var(--primary);color:#fff}.cmp-subtab:not(.active):hover{background:var(--bg)}.cmp-btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:7px;padding:9px 18px;font-family:Sarabun,sans-serif;font-size:13px;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex}.cmp-btn:active{transform:scale(.97)}.cmp-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.cmp-btn svg{flex-shrink:0;width:14px;height:14px}.cmp-btn-edit{color:var(--text-2);border:1px solid var(--border-md);background:#f1f5f9}.cmp-btn-ghost{color:var(--text-2);background:#f1f5f9}.cmp-btn-save{color:#fff;background:#0f766e}.cmp-btn-move{color:#fff;background:#185fa5}.cmp-btn-repair{color:#fff;background:#854f0b}.cmp-btn-move-confirm{color:#fff;background:#185fa5}.cmp-btn-repair-confirm{color:#fff;background:#854f0b}.cmp-badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.badge-success{color:#085041;background:#e1f5ee}.badge-warning{background:var(--amber-light);color:var(--amber)}.badge-info{background:var(--primary-light);color:#0c447c}.badge-default{color:var(--text-2);background:#f1f5f9}.cmp-empty{text-align:center;color:var(--text-3);border:1px dashed var(--border-md);border-radius:var(--radius);padding:40px;font-size:13px}.cmp-center{min-height:200px;color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.cmp-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.cmp-error-box{background:var(--red-light);border-radius:var(--radius-lg);color:var(--red);border:1px solid #f09595;flex-direction:column;align-items:center;gap:10px;padding:32px;display:flex}.cmp-error-box svg{width:36px;height:36px}.cmp-modal-overlay{z-index:200;background:#0f172a8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.cmp-modal{background:var(--surface);border-radius:16px;flex-direction:column;width:100%;max-width:560px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0003}.cmp-modal-lg{max-width:900px}.cmp-modal-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.cmp-modal-header h3{color:#fff;font-size:16px;font-weight:700}.repair-header{background:#854f0b}.move-header{background:#185fa5}.cmp-modal-close{cursor:pointer;color:#fff;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.cmp-modal-close svg{width:14px;height:14px}.cmp-modal-body{flex:1;padding:20px 24px;overflow-y:auto}.cmp-modal-hint{color:var(--text-2);background:var(--primary-light);border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.cmp-modal-footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.cmp-repair-item{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:14px 16px}.cmp-repair-sn{color:var(--text);margin-bottom:8px;font-family:Courier New,monospace;font-size:14px;font-weight:700}.cmp-move-item{border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:14px;padding:18px}.cmp-move-row{grid-template-columns:1fr 40px 1fr 1fr;align-items:start;gap:16px;display:grid}.cmp-move-col-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:11px;font-weight:700}.cmp-move-sn{margin-bottom:4px;font-family:Courier New,monospace;font-size:14px;font-weight:700}.cmp-move-sn.out{color:var(--red)}.cmp-move-loc{color:var(--text-3);font-size:12px}.cmp-move-arrow{color:var(--primary);justify-content:center;align-items:center;padding-top:28px;display:flex}.cmp-move-arrow svg{width:20px;height:20px}.cmp-select{background:var(--bg);border:1px solid var(--border-md);width:100%;height:36px;color:var(--text);border-radius:8px;outline:none;padding:0 10px;font-family:Sarabun,sans-serif;font-size:13px}.cmp-select:focus{border-color:var(--primary);background:#fff}.cmp-textarea{background:var(--bg);border:1px solid var(--border-md);width:100%;min-height:70px;color:var(--text);resize:vertical;border-radius:8px;outline:none;padding:8px 10px;font-family:Sarabun,sans-serif;font-size:13px}.cmp-textarea:focus{border-color:var(--primary);background:#fff}.machine-entry-page{padding:20px}.stock-container{background-color:#f4f4f4;padding:2rem}.stock-header{text-align:center;color:#333;margin-bottom:2rem}.stock-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;display:grid}.product-card{text-align:center;color:inherit;background-color:#fff;border-radius:8px;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 4px 8px #0000001a}.product-card:hover{box-shadow:0 8px A16px #0003;transform:translateY(-5px)}.product-card-img-top{-o-object-fit:cover;object-fit:cover;background-color:#eee;width:100%;height:180px}.product-card-body{flex-direction:column;flex-grow:1;justify-content:space-between;padding:1rem;display:flex}.product-card-title{margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.product-card-text{color:#d9534f;margin-top:auto;font-size:1.5rem;font-weight:700}.quantity-badge{color:#fff;background-color:#007bff;border-radius:5px;padding:.5rem 1rem;font-size:1.2rem;font-weight:700}.service-home-container{max-width:1200px;margin:0 auto;padding:30px 20px 100px;animation:.3s fadeIn}@media (max-width:768px){.service-home-container{padding:20px 15px 120px}.btn-group{justify-content:flex-end;width:auto}.btn-sm{flex:none;padding:6px 10px!important;font-size:.75rem!important}}@media (max-width:480px){.service-home-container{padding:15px 10px 120px}.btn-sm{padding:5px 8px!important;font-size:.7rem!important}}.service-home-container h1{background:linear-gradient(135deg,#61dafb,#646cff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.5rem;font-weight:700}.service-home-container .d-flex{flex-wrap:wrap;gap:15px}.service-home-container input[type=date]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:linear-gradient(145deg,#ffffff14,#ffffff08);border:1px solid #ffffff1a;border-radius:12px;width:220px;padding:12px 16px;font-size:1rem;transition:all .3s;box-shadow:0 4px 15px #0003}.service-home-container input[type=date]:focus{background:linear-gradient(145deg,#ffffff1f,#ffffff0d);border-color:#61dafb80;outline:none;box-shadow:0 0 0 3px #61dafb1a}.service-home-container input[type=date]::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}.service-home-container .alert{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid;border-radius:12px;padding:16px 20px;font-size:1rem}.service-home-container .alert-info{color:#93c5fd;background:linear-gradient(145deg,#3b82f626,#3b82f614);border-color:#3b82f64d}.service-home-container .alert-danger{color:#fca5a5;background:linear-gradient(145deg,#ef444426,#ef444414);border-color:#ef44444d}.service-home-container .alert-secondary{color:#a8b3cf;background:linear-gradient(145deg,#ffffff14,#ffffff08);border-color:#ffffff1a}.plan-list{margin-top:30px;padding:0;list-style:none}.plan-list>.list-group-item{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#ffffff14,#ffffff08);border:1px solid #ffffff1a;border-radius:16px;margin-bottom:20px;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 8px 32px #0000004d}.plan-list>.list-group-item:hover{border-color:#61dafb4d;transform:translateY(-5px);box-shadow:0 12px 40px #61dafb33}.plan-list h5{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:linear-gradient(135deg,#61dafb26,#646cff26);border-bottom:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin:0;padding:20px 24px;font-size:1.25rem;font-weight:600;display:flex}.plan-order-badge{color:#fff;background:linear-gradient(135deg,#646cff,#61dafb);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;margin-right:15px;font-size:1.1rem;font-weight:700;display:inline-flex;box-shadow:0 4px 15px #646cff66,inset 0 1px #ffffff4d}.btn-group{flex-shrink:0;gap:6px;display:inline-flex}.btn-sm{cursor:pointer;white-space:nowrap;border:none;min-width:auto;font-weight:600;transition:all .3s;box-shadow:0 2px 8px #0003;border-radius:6px!important;padding:6px 12px!important;font-size:.8rem!important}.btn-success.btn-sm{color:#fff!important;background:linear-gradient(135deg,#10b981,#059669)!important}.btn-success.btn-sm:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166;background:linear-gradient(135deg,#059669,#047857)!important}.btn-danger.btn-sm{color:#fff!important;background:linear-gradient(135deg,#ef4444,#dc2626)!important}.btn-danger.btn-sm:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466;background:linear-gradient(135deg,#dc2626,#b91c1c)!important}.btn-sm:active{transform:translateY(0)}.list-group-flush{padding:0}.list-group-flush .list-group-item{color:#e8e8e8;background:0 0;border:none;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:16px 24px;transition:all .3s;display:flex}.list-group-flush .list-group-item:last-child{border-bottom:none}.list-group-flush .list-group-item:hover{background:#61dafb0d;padding-left:30px}.list-group-flush .list-group-item .text-muted{font-size:1rem;color:#a8b3cf!important}.badge{border-radius:8px;padding:6px 14px;font-size:.85rem;font-weight:600;box-shadow:0 2px 8px #0003}.badge.bg-info{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)!important}.alert.text-center{padding:40px 20px;font-size:1.1rem}@media (max-width:768px){.service-home-container{padding:20px 15px}.service-home-container h1{font-size:2rem}.service-home-container input[type=date]{width:100%}.plan-list h5{padding:16px 20px;font-size:1.1rem}.plan-order-badge{width:35px;height:35px;margin-right:10px;font-size:1rem}.btn-group{flex-direction:column;width:100%}.btn{width:100%}.list-group-flush .list-group-item{flex-direction:column;align-items:flex-start;gap:10px}}@media (max-width:480px){.service-home-container h1{font-size:1.75rem}.plan-list h5{font-size:1rem}}.alert-info{animation:2s ease-in-out infinite pulse}.list-group-item{position:relative;overflow:hidden}.list-group-item:before{content:"";background:linear-gradient(#61dafb,#646cff);width:4px;height:0;transition:height .3s;position:absolute;top:0;left:0}.list-group-item:hover:before{height:100%}.footer-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:linear-gradient(#1a1d2ef2,#0f1117fa);border-top:1px solid #ffffff1a;padding:10px 0;position:fixed;bottom:0;left:0;right:0}.service-home-container~.footer-bar{margin-left:0}@media (max-width:768px){.service-home-container~.footer-bar{margin-left:0}}.completed-plan{box-shadow:0 8px 32px #28a74533;border-color:#28a745!important}.completed-plan h5{background:linear-gradient(135deg,#28a74526,#21883826)!important;border-color:#28a7454d!important}.completed-plan:hover{box-shadow:0 12px 40px #28a7454d;border-color:#28a74566!important}.custom-datepicker-wrapper{display:inline-block;position:relative}.custom-datepicker-wrapper:before{content:"📅";pointer-events:none;z-index:1;font-size:1.2rem;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.service-home-container .custom-datepicker,.service-home-container input[type=date].custom-date-input{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;cursor:pointer;background:linear-gradient(145deg,#ffffff1a,#ffffff0d);border:2px solid #61dafb33;border-radius:16px;width:240px;padding:14px 20px 14px 50px;font-size:1rem;font-weight:500;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}.service-home-container .custom-datepicker:hover,.service-home-container input[type=date].custom-date-input:hover{background:linear-gradient(145deg,#ffffff26,#ffffff14);border-color:#61dafb66;transform:translateY(-2px);box-shadow:0 12px 40px #61dafb40,inset 0 1px #fff3}.service-home-container .custom-datepicker:focus,.service-home-container input[type=date].custom-date-input:focus{background:linear-gradient(145deg,#ffffff2e,#ffffff1a);border-color:#61dafb99;outline:none;box-shadow:0 0 0 4px #61dafb26,0 12px 40px #61dafb4d,inset 0 1px #fff3}.react-datepicker-wrapper{width:auto}.custom-calendar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#1a1d2efa,#0f1117fa);border:2px solid #61dafb4d;border-radius:20px;font-family:inherit;overflow:hidden;box-shadow:0 20px 60px #00000080}.custom-calendar .react-datepicker__header{color:#fff;background:linear-gradient(135deg,#61dafb33,#646cff33);border-bottom:2px solid #61dafb4d;padding:20px 10px 10px}.custom-calendar .react-datepicker__current-month{color:#fff;margin-bottom:10px;font-size:1.1rem;font-weight:600}.custom-calendar .react-datepicker__day-name{color:#fff;width:2.5rem;font-weight:600;line-height:2.5rem}.custom-calendar .react-datepicker__day{color:#fff;border-radius:10px;width:2.5rem;margin:3px;line-height:2.5rem;transition:all .3s}.custom-calendar .react-datepicker__day:hover{background:#61dafb33;transform:scale(1.1)}.custom-calendar .react-datepicker__day--selected{color:#fff;font-weight:700;box-shadow:0 4px 15px #61dafb66;background:linear-gradient(135deg,#646cff,#61dafb)!important}.custom-calendar .react-datepicker__day--today{background:#61dafb26;border:2px solid #61dafb80;font-weight:600}.custom-calendar .react-datepicker__day--keyboard-selected{background:#646cff4d}.custom-calendar .react-datepicker__navigation{top:18px}.custom-calendar .react-datepicker__navigation-icon:before{border-width:2px 2px 0 0;border-color:#61dafbcc}.custom-calendar .react-datepicker__navigation:hover :before{border-color:#61dafb}.custom-calendar .react-datepicker__month-dropdown,.custom-calendar .react-datepicker__year-dropdown{color:#fff;background:#1a1d2efa;border:1px solid #61dafb4d;border-radius:10px}.custom-calendar .react-datepicker__month-option,.custom-calendar .react-datepicker__year-option{color:#fff;padding:8px}.custom-calendar .react-datepicker__month-option:hover,.custom-calendar .react-datepicker__year-option:hover{background:#61dafb33}.custom-calendar .react-datepicker__day--outside-month{color:#ffffff4d}.custom-calendar .react-datepicker__day--disabled{color:#fff3;cursor:not-allowed}@media (max-width:768px){.custom-datepicker-wrapper,.service-home-container .custom-datepicker,.service-home-container input[type=date].custom-date-input{width:100%}.custom-calendar{font-size:.9rem}.custom-calendar .react-datepicker__day,.custom-calendar .react-datepicker__day-name{width:2.2rem;line-height:2.2rem}}.custom-calendar .react-datepicker__month-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#fffffffa,#fffffffa)}.custom-calendar .react-datepicker__month{background:0 0;padding:10px}.react-datepicker__month-container{background:linear-gradient(145deg,#fffffffa,#fffffffa)!important}.react-datepicker{background:linear-gradient(145deg,#fffffffa,#fffffffa)!important;border:2px solid #61dafb4d!important}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:800px;max-height:90vh;padding:2rem;overflow-y:auto;box-shadow:0 5px 15px #0000004d}.modal-content h2{text-align:center;margin-top:0;margin-bottom:1.5rem}.item-row{grid-template-columns:2fr 1.5fr 1fr .5fr 1.5fr 2fr auto;align-items:center;gap:.5rem;margin-bottom:.5rem;display:grid}.item-row input{border:1px solid #ccc;border-radius:4px;width:100%;padding:.5rem}.location-group{align-items:center;gap:.2rem;display:flex}.location-group input{flex-grow:1;width:auto;padding:.4em;font-size:.8em}.btn-get-location{color:#fff;cursor:pointer;background-color:#28a745;border:none;border-radius:4px;justify-content:center;align-items:center;height:100%;padding:.5rem .75rem;font-size:1em;display:flex}.btn-get-location:hover{background-color:#218838}.btn-remove-item{color:#dc3545;cursor:pointer;background:0 0;border:none;padding:0 .5rem;font-size:1.5rem}.btn-add-item{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;margin-top:1rem;margin-bottom:1rem;padding:.5rem 1rem}.modal-footer{justify-content:space-between;align-items:center;margin-top:2rem;display:flex}.total-display{font-size:1.2rem;font-weight:700}.modal-footer .btn{margin-left:.5rem}.slip-image{border:1px solid #ddd;border-radius:4px;max-width:100%;height:auto;margin-top:10px;padding:5px}@media (max-width:768px){.item-row{grid-template-columns:1fr}.location-group{width:100%}.modal-footer{flex-direction:column;align-items:stretch}.total-display{text-align:center;margin-bottom:1rem}}.image-popup-overlay{z-index:1100;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.image-popup-content{max-width:90vw;max-height:90vh;position:relative}.image-popup-content img{border-radius:8px;max-width:100%;max-height:100vh;display:block}.close-popup-btn{text-align:center;cursor:pointer;background:#fff;border:2px solid #333;border-radius:50%;width:35px;height:35px;font-size:20px;font-weight:700;line-height:30px;transition:all .2s;position:absolute;top:-15px;right:-15px}.close-popup-btn:hover{background:#f0f0f0;transform:scale(1.1)}.item-request-container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.btn-request-action{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;display:inline-flex}.request-status-tag{border-radius:6px;padding:4px 10px;font-size:.8rem;font-weight:700}.modal-overlay{z-index:1050;background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:500px;padding:2rem;box-shadow:0 5px 15px #0000004d}.modal-content h2{text-align:center;margin-top:0;margin-bottom:1.5rem;font-size:1.5rem}.item-details{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;margin-bottom:1.5rem;padding:1rem}.item-details p{margin:.5rem 0}.form-group label{margin-bottom:.5rem;font-weight:700;display:block}.form-group .form-control{border:1px solid #ccc;border-radius:4px;width:100%;padding:.75rem;font-size:1rem}.modal-footer{justify-content:flex-end;align-items:center;gap:.5rem;margin-top:2rem;display:flex}.modal-footer .btn{cursor:pointer;border:none;border-radius:4px;padding:.75rem 1.5rem;font-weight:700}.btn-secondary{color:#fff;background-color:#6c757d}.btn-primary{color:#fff;background-color:#007bff}:root{--mh-blue:#185fa5;--mh-blue-50:#e6f1fb;--mh-surface:#fff;--mh-bg:#f4f6f9;--mh-border:#e2e8f0;--mh-border-md:#cbd5e1;--mh-text:#1e293b;--mh-text-2:#475569;--mh-text-3:#94a3b8;--mh-r:10px;--mh-r-lg:14px;--mh-green:#1d9e75;--mh-green-50:#e1f5ee;--mh-red:#dc2626;--mh-red-50:#fef2f2}.history-page{background:var(--mh-bg);min-height:100vh;color:var(--mh-text);padding:18px 16px 60px;font-family:Sarabun,sans-serif}.history-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.history-icon-box{background:var(--mh-blue-50);width:36px;height:36px;color:var(--mh-blue);border-radius:var(--mh-r);justify-content:center;align-items:center;font-size:1rem;display:flex}.btn-back{background:var(--mh-surface);color:var(--mh-text-2);border:1px solid var(--mh-border);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:7px 14px;font-family:Sarabun,sans-serif;font-size:12px;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.btn-back:hover{background:var(--mh-blue-50);border-color:var(--mh-blue);color:var(--mh-blue)}.summary-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:14px;display:grid}.summary-card{background:var(--mh-surface);border:1px solid var(--mh-border);border-radius:var(--mh-r-lg);padding:12px 14px;position:relative;overflow:hidden}.summary-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.summary-card.total:before{background:var(--mh-blue)}.summary-card.in:before{background:var(--mh-green)}.summary-card.out:before{background:var(--mh-red)}.summary-card.alert:before{background:#d97706}.summary-label{color:var(--mh-text-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:11px;font-weight:600}.summary-value{color:var(--mh-text);font-size:1.7rem;font-weight:700;line-height:1}.summary-value.total{color:var(--mh-blue)}.summary-value.in{color:var(--mh-green)}.summary-value.out{color:var(--mh-red)}.filter-container{background:var(--mh-surface);border:1px solid var(--mh-border);border-radius:var(--mh-r-lg);margin-bottom:12px;padding:12px 14px}.filter-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search-wrapper{flex:1;min-width:220px;position:relative}.search-input{border:1px solid var(--mh-border);border-radius:var(--mh-r);width:100%;color:var(--mh-text);background:#f8fafc;padding:8px 12px 8px 34px;font-family:Sarabun,sans-serif;font-size:13px;transition:border-color .15s}.search-input:focus{border-color:var(--mh-blue);background:var(--mh-surface);outline:none}.filter-group{align-items:center;gap:6px;display:flex}.filter-icon{color:var(--mh-text-3);font-size:.85rem}.filter-buttons{border:1px solid var(--mh-border);background:#f8fafc;border-radius:20px;gap:3px;padding:3px;display:flex}.filter-btn{cursor:pointer;color:var(--mh-text-2);background:0 0;border:none;border-radius:20px;padding:5px 14px;font-family:Sarabun,sans-serif;font-size:12px;font-weight:600;transition:all .15s}.filter-btn:hover:not(.active){background:var(--mh-surface);color:var(--mh-text)}.filter-btn.active{color:#fff;font-weight:700}.filter-btn.all.active{background:var(--mh-blue)}.filter-btn.in.active{background:var(--mh-green)}.filter-btn.out.active{background:var(--mh-red)}.table-container{background:var(--mh-surface);border:1px solid var(--mh-border);border-radius:var(--mh-r-lg);overflow-x:auto}.transaction-table thead{border-bottom:1px solid var(--mh-border);background:#f8fafc}.transaction-table th{color:var(--mh-text-3);text-transform:uppercase;letter-spacing:.05em;padding:10px 14px;font-size:11px;font-weight:700}.transaction-table th.left{text-align:left}.transaction-table th.center{text-align:center}.transaction-table th.right{text-align:right}.transaction-table tbody tr{border-bottom:1px solid #f8fafc;transition:background .1s}.transaction-table tbody tr:last-child{border-bottom:none}.transaction-table tbody tr:hover{background:#fafbfc}.transaction-table td{padding:10px 14px;font-size:13px}.transaction-date{color:var(--mh-text-3);white-space:nowrap;font-size:12px;font-weight:500}.transaction-product{color:var(--mh-text);font-size:13px;font-weight:600}.transaction-quantity{text-align:right;font-size:1.1rem;font-weight:700}.transaction-quantity.positive{color:var(--mh-green)}.transaction-quantity.negative{color:var(--mh-red)}.transaction-reference{color:var(--mh-text-2);font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.transaction-user{color:var(--mh-text-2);font-size:12px;font-weight:500}.transaction-remark{color:var(--mh-text-3);text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:12px;overflow:hidden}.type-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.type-badge.in{background:var(--mh-green-50);color:#047857}.type-badge.out{background:var(--mh-red-50);color:#991b1b}.status-pill{text-align:center;text-transform:uppercase;letter-spacing:.04em;border-radius:20px;min-width:64px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.status-success{background:var(--mh-green-50);color:#047857}.status-requested{color:#854d0e;background:#fef9c3}.status-cancel{background:var(--mh-red-50);color:#991b1b}.status-default{color:var(--mh-text-2);background:#f1f5f9}.btn-return{color:var(--mh-text-2);cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:inline-flex}.btn-return:hover{background:var(--mh-border-md);color:var(--mh-text)}.empty-state{text-align:center;padding:48px 20px}.empty-subtitle{color:var(--mh-text-3);font-size:13px}.loading-container,.error-container{background:var(--mh-bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-content{text-align:center;background:var(--mh-surface);border-radius:var(--mh-r-lg);border:1px solid var(--mh-border);padding:40px}.spinner{border:3px solid var(--mh-border);border-top-color:var(--mh-blue);border-radius:50%;width:36px;height:36px;margin:0 auto 14px;animation:.8s linear infinite spin}.loading-text{color:var(--mh-text-2);font-size:13px;font-weight:600}.error-content{background:var(--mh-surface);border-radius:var(--mh-r-lg);border:1px solid var(--mh-border);text-align:center;max-width:420px;padding:40px 30px}.error-title{color:var(--mh-red);margin-bottom:8px;font-size:1.1rem;font-weight:700}.error-message{color:var(--mh-text-2);font-size:13px}@media (max-width:768px){.history-header{flex-direction:column;align-items:flex-start}.filter-row{flex-direction:column}.search-wrapper,.filter-buttons{width:100%}.filter-btn{text-align:center;flex:1}.transaction-table{min-width:700px}.summary-stats{grid-template-columns:1fr 1fr}}@media print{.history-page{background:#fff}.btn-back,.filter-container{display:none}.table-container{box-shadow:none}}:root{--blue:#185fa5;--blue-50:#e6f1fb;--blue-100:#b5d4f4;--blue-800:#0c447c;--teal-50:#e1f5ee;--teal-800:#085041;--green-50:#eaf3de;--green-100:#c0dd97;--green-600:#3b6d11;--green-800:#27500a;--amber-50:#faeeda;--amber-800:#633806;--red-50:#fcebeb;--red-700:#791f1f;--purple-50:#eeedfe;--purple-800:#3c3489;--coral-50:#faece7;--coral-800:#712b13;--gray-50:#f1efe8;--gray-700:#444441;--surface:#fff;--bg:#f4f6f9;--border:#e2e8f0;--border-md:#cbd5e1;--text:#1e293b;--text-2:#475569;--text-3:#94a3b8;--r:10px;--r-lg:14px}.sdp-page{background:var(--bg);min-height:100vh;color:var(--text);font-family:Sarabun,sans-serif}.sdp-content{max-width:640px;margin:0 auto;padding:18px 16px 60px}.sdp-welcome{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.sdp-title{color:var(--text);font-size:17px;font-weight:700}.sdp-sub{color:var(--text-3);margin-top:2px;font-size:12px}.sdp-user-pill{background:var(--surface);border:1px solid var(--border);color:var(--text-2);border-radius:20px;align-items:center;gap:7px;padding:5px 12px 5px 6px;font-size:12px;display:inline-flex}.sdp-uav{background:var(--blue-50);width:24px;height:24px;color:var(--blue-800);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:flex}.sdp-sec-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:11px;font-weight:600}.sdp-task-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.sdp-task-row{margin-bottom:20px}.sdp-task-card-full{width:100%}.sdp-task-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);justify-content:space-between;align-items:center;padding:13px 14px;text-decoration:none;transition:border-color .12s;display:flex}.sdp-task-card:hover{border-color:var(--border-md)}.sdp-tc-left{align-items:center;gap:10px;min-width:0;display:flex}.sdp-tc-icon{border-radius:var(--r);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sdp-tc-icon svg{width:15px;height:15px}.sdp-tc-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.sdp-tc-sub{color:var(--text-3);margin-top:1px;font-size:11px}.sdp-tc-badge{background:var(--red-50);color:var(--red-700);border-radius:20px;flex-shrink:0;padding:3px 8px;font-size:11px;font-weight:600}.ic-blue{background:var(--blue-50);color:var(--blue-800)}.ic-amber{background:var(--amber-50);color:var(--amber-800)}.ic-purple{background:var(--purple-50);color:var(--purple-800)}.ic-red{background:var(--red-50);color:var(--red-700)}.ic-green{background:var(--green-50);color:var(--green-800)}.ic-coral{background:var(--coral-50);color:var(--coral-800)}.ic-violet{color:#6d28d9;background:#f5f3ff}.ic-teal{background:var(--teal-50);color:var(--teal-800)}.ic-gray{background:var(--gray-50);color:var(--gray-700)}.sdp-summary-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px;display:grid}.sdp-sum-card{background:var(--sc-bg,#f8fafc);border-radius:var(--r-lg);cursor:pointer;border:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:14px 8px;font-family:Sarabun,sans-serif;transition:border-color .15s,transform .1s,box-shadow .15s;display:flex}.sdp-sum-card:hover{border-color:var(--sc-color,#94a3b8);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.sdp-sum-card.empty{opacity:.45}.sdp-sum-card.empty:hover{box-shadow:none;cursor:default;border-color:#0000;transform:none}.sdp-sum-label{color:var(--sc-color,#64748b);text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:600}.sdp-sum-count{color:var(--sc-color,#334155);font-size:2rem;font-weight:800;line-height:1.1}.sdp-sum-unit{color:#94a3b8;font-size:10px;font-weight:500}.sdp-type-modal{flex-direction:column;max-height:80vh;display:flex;max-width:520px!important;overflow:visible!important}.sdp-type-modal-list{flex:1;min-height:0;overflow-y:auto}.sdp-unassigned-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:0;overflow:hidden}.sdp-up-hdr{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.sdp-up-title{color:var(--text);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.sdp-up-badge{background:var(--amber-50);color:var(--amber-800);border-radius:20px;padding:2px 9px;font-size:11px;font-weight:600}.sdp-search-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 14px;display:flex}.sdp-search-row svg{width:13px;height:13px;color:var(--text-3);flex-shrink:0}.sdp-search-row input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:Sarabun,sans-serif;font-size:13px}.sdp-fpills{border-bottom:1px solid var(--border);gap:5px;padding:10px 14px;display:flex;overflow-x:auto}.sdp-fp{white-space:nowrap;border:1px solid var(--border);color:var(--text-2);cursor:pointer;background:0 0;border-radius:20px;padding:4px 12px;font-family:Sarabun,sans-serif;font-size:11px;font-weight:500}.sdp-fp.act{background:var(--blue-50);border-color:var(--blue-100);color:var(--blue-800)}.sdp-utask-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.sdp-utask-row:last-of-type{border-bottom:none}.sdp-utask-left{flex:1;min-width:0}.sdp-utask-top{align-items:center;gap:7px;margin-bottom:3px;display:flex}.sdp-utask-id{color:var(--blue);font-size:12px;font-weight:600}.sdp-utask-type{background:var(--blue-50);color:var(--blue-800);border-radius:20px;padding:2px 7px;font-size:10px;font-weight:600}.sdp-utask-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.sdp-utask-loc{color:var(--text-3);margin-top:1px;font-size:11px}.sdp-btn-assign{background:var(--blue);height:30px;color:var(--blue-50);border-radius:var(--r);cursor:pointer;border:none;flex-shrink:0;padding:0 12px;font-family:Sarabun,sans-serif;font-size:12px;font-weight:600}.sdp-btn-locked{align-items:center;gap:4px;display:flex;color:#94a3b8!important;cursor:not-allowed!important;background:#e2e8f0!important}.sdp-view-all{color:var(--blue);border-top:1px solid var(--border);justify-content:center;align-items:center;gap:5px;padding:11px;font-size:12px;font-weight:500;text-decoration:none;display:flex}.sdp-empty{text-align:center;color:var(--text-3);padding:32px;font-size:13px}.sdp-teams-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin-bottom:0;display:grid}.sdp-team-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px}.sdp-team-avs{align-items:center;margin-bottom:10px;display:flex}.sdp-tav{border:2px solid var(--surface);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:600;display:flex}.sdp-tav-l{background:var(--blue-50);color:var(--blue-800);z-index:2}.sdp-tav-f{background:var(--green-50);color:var(--green-800);margin-left:-8px}.sdp-team-names{color:var(--text);font-size:12px;font-weight:500;line-height:1.5}.sdp-car-pill{color:var(--blue-800);background:var(--blue-50);border-radius:20px;align-items:center;gap:4px;margin-top:7px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.sdp-car-pill svg{flex-shrink:0;width:11px;height:11px}.sdp-team-status{color:#0f6e56;align-items:center;margin-top:7px;font-size:11px;display:flex}.sdp-status-dot{background:#1d9e75;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-right:5px}.sdp-footer-row{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:20px;display:grid}.sdp-support-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);color:var(--text-2);align-items:center;gap:10px;padding:14px;font-size:13px;font-weight:500;text-decoration:none;transition:border-color .12s;display:flex}.sdp-support-btn:hover{border-color:var(--border-md)}.sdp-modal-overlay{z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.sdp-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);width:100%;max-width:460px;overflow:hidden}.sdp-modal-hdr{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.sdp-modal-hdr h4{color:var(--text);font-size:14px;font-weight:600}.sdp-modal-close{background:var(--bg);cursor:pointer;width:28px;height:28px;color:var(--text-2);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.sdp-modal-close svg{width:13px;height:13px}.sdp-modal-body{padding:16px}.sdp-radio-row{gap:20px;margin-bottom:16px;display:flex}.sdp-radio-opt{cursor:pointer;align-items:center;gap:7px;font-size:13px;font-weight:500;display:flex}.sdp-form-group{margin-bottom:12px}.sdp-form-group label{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.sdp-form-group select{border:1px solid var(--border-md);border-radius:var(--r);background:var(--surface);width:100%;height:38px;color:var(--text);outline:none;padding:0 10px;font-family:Sarabun,sans-serif;font-size:13px}.sdp-form-group select:focus{border-color:var(--blue)}.sdp-modal-ftr{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.sdp-btn-cancel{border:1px solid var(--border-md);border-radius:var(--r);height:36px;color:var(--text-2);cursor:pointer;background:0 0;padding:0 16px;font-family:Sarabun,sans-serif;font-size:13px}.sdp-btn-confirm{border-radius:var(--r);background:var(--blue);height:36px;color:var(--blue-50);cursor:pointer;border:none;padding:0 18px;font-family:Sarabun,sans-serif;font-size:13px;font-weight:600}.sdp-assign-modal{flex-direction:column;max-height:90vh;display:flex;overflow:hidden;max-width:500px!important}.sdp-assign-modal .sdp-modal-body{flex:1;padding:14px 16px;overflow-y:auto}.sdp-assign-task-info{background:var(--bg);border-radius:var(--r);flex-direction:column;gap:2px;margin-bottom:14px;padding:9px 12px;display:flex}.sdp-assign-task-name{color:var(--text);font-size:13px;font-weight:600}.sdp-assign-task-loc{color:var(--text-3);font-size:11px}.sdp-assignee-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:11px;font-weight:600}.sdp-assignee-search{border:1px solid var(--border-md);border-radius:var(--r);margin-bottom:10px;padding:7px 10px}.sdp-assignee-search input{font-family:Sarabun,sans-serif}.sdp-emp-tag-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;max-height:240px;margin-bottom:12px;display:grid;overflow-y:auto}.sdp-emp-tag{background:var(--surface);border:2px solid var(--border);border-radius:var(--r-lg);cursor:pointer;flex-direction:column;align-items:center;gap:5px;padding:10px 6px 8px;font-family:Sarabun,sans-serif;transition:border-color .15s,background .15s,transform .1s;display:flex;position:relative}.sdp-emp-tag:hover{border-color:var(--blue-100);background:var(--blue-50);transform:translateY(-1px)}.sdp-emp-tag.selected{border-color:var(--blue);background:var(--blue-50)}.sdp-emp-tag-av{background:var(--gray-50);width:36px;height:36px;color:var(--gray-700);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:background .15s,color .15s;display:flex}.sdp-emp-tag-av.sel{background:var(--blue);color:#fff}.sdp-emp-tag-name{color:var(--text);text-align:center;word-break:break-word;font-size:11px;font-weight:500;line-height:1.3}.sdp-emp-tag-role{color:var(--blue-800);background:var(--blue-100);border-radius:20px;padding:1px 6px;font-size:9px;font-weight:700}.sdp-emp-tag-num{color:var(--text-3);font-size:9px;font-weight:600}.sdp-selected-strip{background:var(--blue-50);border:1px solid var(--blue-100);border-radius:var(--r);flex-wrap:wrap;align-items:flex-start;gap:8px;margin-bottom:4px;padding:8px 10px;display:flex}.sdp-sel-count{color:var(--blue-800);white-space:nowrap;padding-top:3px;font-size:11px;font-weight:600}.sdp-sel-tags{flex-wrap:wrap;flex:1;gap:5px;display:flex}.sdp-sel-tag{border:1px solid var(--blue-100);color:var(--text-2);background:#fff;border-radius:20px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.sdp-sel-tag.leader{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}.sdp-sel-remove{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;align-items:center;padding:0;font-size:13px;line-height:1;display:flex}.sdp-sel-remove:hover{opacity:1}.sdp-form-group input[type=date]{border:1px solid var(--border-md);border-radius:var(--r);background:var(--surface);width:100%;height:38px;color:var(--text);outline:none;padding:0 10px;font-family:Sarabun,sans-serif;font-size:13px}.sdp-form-group input[type=date]:focus{border-color:var(--blue)}.sdp-btn-small{border:1px solid var(--border-md);border-radius:var(--r);height:28px;color:var(--text-2);cursor:pointer;background:0 0;padding:0 12px;font-family:Sarabun,sans-serif;font-size:11px}.sdp-center{justify-content:center;align-items:center;min-height:60vh;display:flex}.sdp-spinner{border:3px solid var(--border);border-top-color:var(--blue);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite sdp-spin}@keyframes sdp-spin{to{transform:rotate(360deg)}}@media (max-width:480px){.sdp-task-grid,.sdp-teams-grid{grid-template-columns:1fr 1fr}}:root{--c-blue:#185fa5;--c-blue-50:#e6f1fb;--c-blue-100:#b5d4f4;--c-blue-800:#0c447c;--c-green:#0f6e56;--c-green-50:#eaf3de;--c-green-100:#c0dd97;--c-green-800:#27500a;--c-amber:#854f0b;--c-amber-50:#faeeda;--c-amber-100:#fac775;--c-amber-800:#633806;--surface:#fff;--bg:#f4f6f9;--border:#e2e8f0;--border-md:#cbd5e1;--text:#1e293b;--text-2:#475569;--text-3:#94a3b8;--r:10px;--r-lg:14px}.sep-page{background:var(--bg);min-height:100vh;color:var(--text);font-family:Sarabun,sans-serif}.sep-content{max-width:1100px;margin:0 auto;padding:24px 24px 60px}.sep-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.sep-topbar-left{align-items:center;gap:12px;display:flex}.sep-icon-box{background:var(--c-blue);border-radius:var(--r);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sep-icon-box svg{width:20px;height:20px;color:var(--c-blue-50)}.sep-title{color:var(--text);font-size:17px;font-weight:700}.sep-sub{color:var(--text-3);margin-top:2px;font-size:12px}.sep-btn-create{background:var(--c-blue);height:36px;color:var(--c-blue-50);border-radius:var(--r);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:0 16px;font-family:Sarabun,sans-serif;font-size:13px;font-weight:600;display:inline-flex}.sep-btn-create:disabled{opacity:.35;cursor:not-allowed}.sep-btn-create svg{width:13px;height:13px}.sep-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.sep-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px 16px}.sep-stat-label{color:var(--text-3);margin-bottom:5px;font-size:11px;font-weight:500}.sep-stat-val{font-size:26px;font-weight:700}.sep-c-blue{color:var(--c-blue)}.sep-c-green{color:var(--c-green)}.sep-c-amber{color:var(--c-amber)}.sep-layout{grid-template-columns:1fr 1.4fr;gap:12px;display:grid}.sep-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;display:flex;overflow:hidden}.sep-panel-hdr{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.sep-panel-title{color:var(--text);font-size:13px;font-weight:600}.sep-pills{gap:4px;display:flex}.sep-pill{border:1px solid var(--border);color:var(--text-2);cursor:pointer;background:0 0;border-radius:20px;padding:3px 10px;font-family:Sarabun,sans-serif;font-size:11px;font-weight:500}.sep-pill:hover{border-color:var(--border-md)}.sep-pill-all{background:var(--c-blue-50);border-color:var(--c-blue-100);color:var(--c-blue-800)}.sep-pill-paired{background:var(--c-green-50);border-color:var(--c-green-100);color:var(--c-green-800)}.sep-pill-avail{background:var(--c-amber-50);border-color:var(--c-amber-100);color:var(--c-amber-800)}.sep-emp-list{flex:1;max-height:420px;padding:6px;overflow-y:auto}.sep-emp-row{border-radius:var(--r);cursor:pointer;align-items:center;gap:10px;padding:8px;transition:background .1s;display:flex}.sep-emp-row:hover{background:var(--bg)}.sep-emp-row.sel{background:var(--c-blue-50)}.sep-av{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:600;display:flex}.sep-av-blue{background:var(--c-blue-50);color:var(--c-blue-800)}.sep-av-sel{background:var(--c-blue-100);color:var(--c-blue-800)}.sep-av-green{background:var(--c-green-50);color:var(--c-green-800)}.sep-emp-info{flex:1;min-width:0}.sep-emp-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.sep-emp-partner{color:var(--text-3);margin-top:1px;font-size:11px}.sep-emp-empty{text-align:center;color:var(--text-3);padding:32px;font-size:13px}.sep-badge{border-radius:20px;flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:600;display:inline-block}.sep-b-paired{background:var(--c-green-50);color:var(--c-green-800)}.sep-b-avail{background:var(--c-amber-50);color:var(--c-amber-800)}.sep-b-sel{background:var(--c-blue);color:var(--c-blue-50)}.sep-sel-bar{background:var(--c-blue-50);border-top:1px solid var(--c-blue-100);color:var(--c-blue-800);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 14px;font-size:12px;font-weight:600;display:flex}.sep-btn-sm{border:1px solid var(--border-md);height:24px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:6px;padding:0 10px;font-family:Sarabun,sans-serif;font-size:11px}.sep-month-row{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:10px 14px;display:flex}.sep-filter-label{color:var(--text-3);font-size:12px;font-weight:500}.sep-select-sm{border:1px solid var(--border);background:var(--surface);height:28px;color:var(--text);cursor:pointer;border-radius:6px;outline:none;padding:0 8px;font-family:Sarabun,sans-serif;font-size:12px}.sep-select-sm:focus{border-color:var(--c-blue)}.sep-team-count{color:var(--text-3);background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:2px 10px;font-size:11px}.sep-tbl-wrap{flex:1;max-height:460px;overflow:auto}.sep-tbl{border-collapse:collapse;width:100%;font-size:13px}.sep-tbl thead{background:var(--bg);z-index:1;position:sticky;top:0}.sep-tbl th{color:var(--text-3);text-align:left;border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.04em;padding:10px 12px;font-size:10px;font-weight:600}.sep-tbl td{color:var(--text);border-bottom:1px solid #f1f5f9;padding:11px 12px;font-size:12px}.sep-tbl tr:last-child td{border-bottom:none}.sep-tbl tbody tr:hover td{background:var(--bg)}.sep-team-num{background:var(--c-blue-50);width:24px;height:24px;color:var(--c-blue-800);border-radius:6px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.sep-car-pill{color:var(--c-blue-800);background:var(--c-blue-50);border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.sep-car-pill svg{flex-shrink:0;width:11px;height:11px}.sep-emp-cell{align-items:center;gap:6px;display:flex}.sep-mini-av{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:flex}.sep-swap-btn{border:1px solid var(--border-md);height:24px;color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;padding:0 10px;font-family:Sarabun,sans-serif;font-size:11px;font-weight:500}.sep-swap-btn:hover{background:var(--bg)}.sep-tbl-empty{color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px;display:flex}.sep-tbl-empty svg{width:32px;height:32px}.sep-tbl-empty p{font-size:13px}.sep-center{justify-content:center;align-items:center;min-height:60vh;display:flex}.sep-spinner{border:3px solid var(--border);border-top-color:var(--c-blue);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite sep-spin}.sep-error{color:#a32d2d;font-size:14px}@keyframes sep-spin{to{transform:rotate(360deg)}}@media (max-width:768px){.sep-layout{grid-template-columns:1fr}.sep-emp-list,.sep-tbl-wrap{max-height:300px}.sep-stats{gap:8px}.sep-stat-val{font-size:22px}}.svm-overlay{z-index:1000;background:#000000a6;justify-content:center;align-items:flex-end;animation:.2s svm-fade-in;display:flex;position:fixed;inset:0}@keyframes svm-fade-in{0%{opacity:0}to{opacity:1}}.svm-sheet{background:#fff;border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-width:480px;max-height:94vh;font-family:Sarabun,sans-serif;animation:.25s svm-slide-up;display:flex;overflow:hidden}@keyframes svm-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.svm-header{border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 18px 12px;display:flex}.svm-header-title{color:#1e293b;margin:0 0 2px;font-size:15px;font-weight:600}.svm-header-sub{color:#64748b;margin:0;font-size:12px}.svm-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;display:flex}.svm-close:active{transform:scale(.93)}.svm-serials-row{border-bottom:1px solid #f1f5f9;flex-shrink:0;padding:10px 18px}.svm-serials-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.svm-serials-tags{flex-wrap:wrap;gap:5px;display:flex}.svm-sn-tag{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;align-items:center;padding:3px 9px;font-family:Courier New,monospace;font-size:11px;font-weight:600;display:inline-flex}.svm-sn-tag.matched{color:#166534;background:#f0fdf4;border-color:#86efac}.svm-sn-tag.verified{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.svm-no-serial{color:#94a3b8;font-size:12px}.svm-steps{border-bottom:1px solid #f1f5f9;flex-shrink:0;align-items:center;padding:12px 20px;display:flex}.svm-step{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.svm-step span{color:#94a3b8;white-space:nowrap;font-size:10px;font-weight:500}.svm-step.active span{color:#2563eb;font-weight:600}.svm-step.done span{color:#16a34a;font-weight:600}.svm-step-num{color:#94a3b8;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.svm-step.active .svm-step-num{color:#fff;background:#2563eb}.svm-step.done .svm-step-num{color:#16a34a;background:#dcfce7;font-size:14px}.svm-step-line{background:#e2e8f0;flex:1;height:2px;margin:0 6px 14px}.svm-body{flex-direction:column;flex:1;display:flex;overflow-y:auto}.svm-cam-wrap{background:#000;flex-direction:column;flex:1;align-items:center;min-height:300px;display:flex}.svm-cam-start-prompt{color:#fff;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:40px;display:flex}.svm-prompt-icon{color:#3b82f6;opacity:.8;font-size:48px}.svm-cam-start-prompt p{color:#cbd5e1;margin:0;font-size:14px}.svm-viewfinder{aspect-ratio:4/3;background:#000;flex-shrink:0;width:100%;position:relative;overflow:hidden}.svm-video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.svm-qr-guide{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.svm-qr-corner{border-style:solid;border-color:#fff;width:28px;height:28px;position:absolute}.svm-qr-corner.tl{border-width:3px 0 0 3px;top:18%;left:12%}.svm-qr-corner.tr{border-width:3px 3px 0 0;top:18%;right:12%}.svm-qr-corner.bl{border-width:0 0 3px 3px;bottom:22%;left:12%}.svm-qr-corner.br{border-width:0 3px 3px 0;bottom:22%;right:12%}.svm-qr-hint{color:#ffffffe6;background:#00000073;border-radius:20px;padding:4px 12px;font-size:12px;position:absolute;bottom:14%}.svm-torch-btn{color:#fff;cursor:pointer;background:#00000080;border:1px solid #ffffff4d;border-radius:20px;padding:5px 12px;font-family:Sarabun,sans-serif;font-size:11px;position:absolute;top:10px;right:10px}.svm-matched-badge-overlay{color:#fff;background:#16a34ad9;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:flex;position:absolute;top:10px;left:0;right:0}.svm-scan-controls{background:#111;flex-direction:column;gap:10px;width:100%;padding:12px 18px;display:flex}.svm-manual-input{gap:8px;width:100%;display:flex}.svm-manual-input input{color:#fff;background:#222;border:1px solid #444;border-radius:8px;outline:none;flex:1;height:38px;padding:0 12px;font-size:13px}.svm-manual-input input:focus{border-color:#3b82f6}.svm-btn-small{color:#fff;cursor:pointer;background:#334155;border:none;border-radius:8px;justify-content:center;align-items:center;width:42px;height:38px;display:flex}.svm-gp-mode-btn{color:#fff;cursor:pointer;background:#b45309;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:38px;font-size:12px;font-weight:600;display:flex}.svm-preview-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:100%;overflow:hidden}.svm-preview-img-final{-o-object-fit:cover;object-fit:cover;width:100%;max-height:200px}.svm-note-section{flex-direction:column;gap:6px;display:flex}.svm-label{color:#475569;font-size:12px;font-weight:600}.svm-textarea{resize:none;color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;min-height:80px;padding:10px;font-family:Sarabun,sans-serif;font-size:13px}.svm-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.svm-scan-status{color:#fff;background:#111;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:13px;display:flex}.svm-scanning-pulse{animation:1.5s ease-in-out infinite svm-pulse}@keyframes svm-pulse{0%,to{opacity:1}50%{opacity:.5}}.svm-shutter{color:#1e293b;cursor:pointer;background:#fff;border:4px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;margin:14px auto;font-size:22px;display:flex;box-shadow:0 4px 16px #0000004d}.svm-shutter:active{transform:scale(.92)}.svm-cam-error{color:#fff;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:32px;display:flex}.svm-cam-error svg{color:#fbbf24;font-size:32px}.svm-cam-error p{margin:0;font-size:13px}.svm-result-wrap{flex-direction:column;flex:1;display:flex}.svm-matched-badge{color:#166534;background:#dcfce7;border-bottom:1px solid #86efac;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;display:flex}.svm-preview-img{-o-object-fit:contain;object-fit:contain;background:#0f172a;width:100%;max-height:260px;display:block}.svm-result-banner{border-radius:12px;align-items:center;gap:12px;margin:12px 16px;padding:14px 16px;display:flex}.svm-result-banner.success{background:#f0fdf4;border:1px solid #86efac}.svm-result-banner.error{background:#fff7ed;border:1px solid #fdba74}.svm-result-icon{flex-shrink:0;font-size:26px}.svm-result-banner.success .svm-result-icon{color:#16a34a}.svm-result-banner.error .svm-result-icon{color:#ea580c}.svm-result-title{color:#1e293b;margin:0 0 2px;font-size:14px;font-weight:600}.svm-result-sn{color:#64748b;margin:0;font-family:Courier New,monospace;font-size:12px}.svm-ocr-debug{color:#94a3b8;margin:0 16px 8px;font-size:11px}.svm-ocr-debug summary{cursor:pointer;padding:4px 0}.svm-ocr-debug pre{white-space:pre-wrap;word-break:break-all;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-top:4px;padding:8px;font-size:10px;overflow-x:auto}.svm-result-actions{gap:10px;margin-top:auto;padding:10px 16px 20px;display:flex}.svm-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:11px 14px;font-family:Sarabun,sans-serif;font-size:13px;font-weight:600;transition:opacity .15s,transform .1s;display:inline-flex}.svm-btn:active{transform:scale(.97)}.svm-btn:disabled{opacity:.45;cursor:not-allowed}.svm-btn-primary{color:#fff;background:#2563eb}.svm-btn-ghost{color:#475569;background:#f1f5f9}.svm-btn-save{color:#fff;background:#0f766e}.svm-spin{animation:1s linear infinite svm-rotate}@keyframes svm-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wcm-overlay{z-index:1100;background:#000000a6;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.wcm-sheet{background:#fff;border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-width:500px;max-height:94vh;font-family:Sarabun,sans-serif;animation:.3s wcm-slide-up;display:flex;overflow:hidden}@keyframes wcm-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.wcm-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.wcm-header-title{color:#1e293b;margin:0;font-size:16px;font-weight:700}.wcm-header-sub{color:#64748b;margin:0;font-size:13px}.wcm-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;width:32px;height:32px}.wcm-body{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.wcm-label{color:#475569;margin-bottom:10px;font-size:13px;font-weight:600;display:block}.wcm-image-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.wcm-image-item{aspect-ratio:1;border:1px solid #e2e8f0;border-radius:8px;position:relative;overflow:hidden}.wcm-image-item img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.wcm-image-remove{color:#fff;cursor:pointer;background:#ef4444e6;border:none;border-radius:50%;width:24px;height:24px;font-size:10px;position:absolute;top:4px;right:4px}.wcm-add-btn{aspect-ratio:1;color:#64748b;cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.wcm-add-btn span{font-size:11px;font-weight:600}.wcm-textarea{resize:none;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;min-height:120px;padding:12px;font-family:inherit;font-size:14px;transition:border-color .2s}.wcm-textarea:focus{border-color:#2563eb}.wcm-footer{border-top:1px solid #f1f5f9;gap:12px;padding:16px 20px 30px;display:flex}.wcm-btn{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;height:46px;font-family:inherit;font-size:14px;font-weight:600;display:flex}.wcm-btn-cancel{color:#475569;background:#f1f5f9}.wcm-btn-submit{color:#fff;background:#059669}.wcm-spin{animation:1s linear infinite wcm-rotate}@keyframes wcm-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--blue:#185fa5;--blue-50:#e6f1fb;--blue-100:#b5d4f4;--blue-800:#0c447c;--amber:#854f0b;--amber-50:#faeeda;--amber-100:#fac775;--amber-800:#633806;--green-50:#eaf3de;--green-100:#c0dd97;--green-800:#27500a;--red-50:#fcebeb;--red-100:#f7c1c1;--red-800:#791f1f;--surface:#fff;--bg:#f4f6f9;--border:#e2e8f0;--border-md:#cbd5e1;--text:#1e293b;--text-2:#475569;--text-3:#94a3b8;--r:10px;--r-lg:14px}.icm-overlay{z-index:1200;background:#0f172a8c;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.icm-sheet{background:var(--surface);border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-width:660px;height:92dvh;max-height:92dvh;font-family:Sarabun,sans-serif;display:flex;overflow:hidden}@media (min-width:600px){.icm-overlay{align-items:center;padding:20px}.icm-sheet{border-radius:var(--r-lg);height:auto;max-height:90vh}}.icm-header{background:var(--blue);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.icm-header-left{align-items:center;gap:10px;display:flex}.icm-header-icon{background:#ffffff26;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.icm-header-title{color:#fff;font-size:14px;font-weight:600}.icm-header-sub{color:#ffffffb3;margin-top:1px;font-size:11px}.icm-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.icm-close:hover{background:#ffffff40}.icm-info-bar{border-bottom:1px solid var(--border);background:#f8fafc;flex-shrink:0;padding:10px 16px}.icm-info-item{align-items:center;gap:6px;margin-bottom:8px;display:flex}.icm-info-val{color:var(--text);font-size:13px;font-weight:600}.icm-info-sep{color:var(--text-3);font-size:13px}.icm-info-muted{color:var(--text-3);font-size:12px}.icm-info-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.icm-cell-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:10px;font-weight:600}.icm-cell-val{color:var(--text);font-size:13px;font-weight:500}.icm-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:10px;padding:12px 14px;display:flex;overflow-y:auto}.icm-sec{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:12px}.icm-sec-title{color:var(--text);align-items:center;gap:7px;margin-bottom:12px;font-size:12px;font-weight:600;display:flex}.icm-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.icm-fld{flex-direction:column;gap:5px;display:flex}.icm-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.icm-inp{border:1px solid var(--border-md);border-radius:var(--r);height:42px;color:var(--text);background:var(--surface);outline:none;width:100%;padding:0 10px;font-family:Sarabun,sans-serif;font-size:14px}.icm-inp:focus{border-color:var(--blue)}.icm-toggle-row{gap:6px;height:42px;display:flex}.icm-toggle{border:1px solid var(--border-md);border-radius:var(--r);color:var(--text-2);background:var(--surface);cursor:pointer;flex:1;font-family:Sarabun,sans-serif;font-size:14px;font-weight:500}.icm-toggle.act{background:var(--blue-50);border-color:var(--blue-100);color:var(--blue-800)}.icm-inet-btns{gap:8px;margin-bottom:12px;display:flex}.icm-inet-btn{border:1px solid var(--border-md);border-radius:var(--r);height:46px;color:var(--text-2);background:var(--surface);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:8px;font-family:Sarabun,sans-serif;font-size:14px;font-weight:500;display:flex}.icm-inet-btn.act{background:var(--blue-50);border-color:var(--blue-100);color:var(--blue-800)}.icm-wifi-box{background:var(--bg);border-radius:var(--r);border:1px solid var(--border);padding:12px}.icm-checkbox-row{color:var(--text);cursor:pointer;align-items:center;gap:10px;padding:4px 0;font-size:14px;font-weight:500;display:flex}.icm-checkbox-row input[type=checkbox]{cursor:pointer;flex-shrink:0;width:18px;height:18px}.icm-repeater-row{gap:8px;margin-bottom:8px;display:flex}.icm-add-btn{background:var(--blue-50);border:1px dashed var(--blue);border-radius:var(--r);height:30px;color:var(--blue-800);cursor:pointer;align-items:center;gap:6px;margin-top:6px;padding:0 12px;font-family:Sarabun,sans-serif;font-size:12px;font-weight:500;display:inline-flex}.icm-del-btn{border:1px solid var(--red-100);border-radius:var(--r);background:var(--red-50);width:32px;height:36px;color:var(--red-800);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:flex}.icm-del-btn:hover{color:#fff;background:#a32d2d}.icm-equip-hdr{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.icm-equip-add-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;height:24px;padding:0 8px;font-family:Sarabun,sans-serif;font-size:11px;font-weight:500;display:inline-flex}.icm-equip-add-blue{background:var(--blue-50);color:var(--blue-800)}.icm-equip-add-amber{background:var(--amber-50);color:var(--amber-800)}.icm-equip-box{background:var(--bg);border-radius:var(--r);border:1px solid var(--border);padding:8px 12px}.icm-equip-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.icm-equip-row:last-child{border-bottom:none;padding-bottom:0}.icm-equip-name{color:var(--text);font-size:13px}.icm-qty-ctrl{align-items:center;gap:8px;display:flex}.icm-qty-btn{border:1px solid var(--border-md);background:var(--surface);cursor:pointer;width:28px;height:28px;color:var(--text-2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.icm-qty-btn:hover{background:var(--blue-50);border-color:var(--blue-100);color:var(--blue-800)}.icm-qty-val{text-align:center;min-width:20px;color:var(--text);font-size:13px;font-weight:600}.icm-photos{flex-wrap:wrap;gap:8px;display:flex}.icm-photo-item{border-radius:var(--r);width:90px;height:90px;position:relative;overflow:visible}.icm-photo-img{-o-object-fit:cover;object-fit:cover;border-radius:var(--r);width:90px;height:90px;display:block}.icm-photo-del{color:#fff;cursor:pointer;background:#a32d2d;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:-6px;right:-6px}.icm-photo-add{border:1.5px dashed var(--border-md);border-radius:var(--r);background:var(--bg);width:90px;height:90px;color:var(--text-3);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;font-family:Sarabun,sans-serif;font-size:12px;display:flex}.icm-photo-add:hover{border-color:var(--blue);color:var(--blue-800);background:var(--blue-50)}.icm-textarea{border:1px solid var(--border-md);border-radius:var(--r);width:100%;min-height:80px;color:var(--text);resize:vertical;outline:none;padding:10px;font-family:Sarabun,sans-serif;font-size:13px}.icm-textarea:focus{border-color:var(--blue)}.icm-footer{border-top:1px solid var(--border);background:var(--surface);padding:12px 14px;padding-bottom:max(12px,env(safe-area-inset-bottom));flex-shrink:0;gap:10px;display:flex}.icm-btn-cancel{border:1px solid var(--border-md);border-radius:var(--r-lg);background:var(--surface);height:48px;color:var(--text-2);cursor:pointer;flex:1;font-family:Sarabun,sans-serif;font-size:14px;font-weight:500}.icm-btn-cancel:disabled{opacity:.4;cursor:not-allowed}.icm-btn-submit{border-radius:var(--r-lg);background:var(--blue);color:#e6f1fb;cursor:pointer;border:none;flex:2;justify-content:center;align-items:center;gap:8px;height:48px;font-family:Sarabun,sans-serif;font-size:14px;font-weight:600;display:flex}.icm-btn-submit:disabled{opacity:.5;cursor:not-allowed}.icm-btn-submit:hover:not(:disabled){opacity:.9}.icm-spin{animation:.8s linear infinite icm-rotate}@keyframes icm-rotate{to{transform:rotate(360deg)}}.icm-sec-blue{border-left:3px solid var(--blue)}.icm-sec-amber{border-left:3px solid #ef9f27}.icm-qty-minus{background:var(--red-50);border:1px solid var(--red-100);color:var(--red-800);font-size:18px;font-weight:400;line-height:1}.icm-qty-minus:hover{color:#fff;background:#a32d2d;border-color:#a32d2d}.icm-qty-plus{background:var(--green-50);border:1px solid var(--green-100);color:var(--green-800);font-size:18px;font-weight:400;line-height:1}.icm-qty-plus:hover{color:#fff;background:#3b6d11;border-color:#3b6d11}.icm-qty-val{text-align:center;min-width:28px;color:var(--text);background:var(--bg);border-radius:6px;padding:2px 4px;font-size:15px;font-weight:700}.icm-equip-add-blue{background:var(--blue)!important;color:#e6f1fb!important;border-radius:var(--r)!important;cursor:pointer!important;border:none!important;align-items:center!important;gap:5px!important;height:30px!important;padding:0 12px!important;font-size:12px!important;font-weight:500!important;display:inline-flex!important}.icm-equip-add-amber{color:#412402!important;border-radius:var(--r)!important;cursor:pointer!important;background:#ef9f27!important;border:none!important;align-items:center!important;gap:5px!important;height:30px!important;padding:0 12px!important;font-size:12px!important;font-weight:500!important;display:inline-flex!important}.icm-inet-btn svg{color:var(--text-3)}.icm-inet-btn.act svg{color:var(--blue-800)}.icm-del-btn:hover{color:#fff!important;background:#a32d2d!important;border-color:#a32d2d!important}.icm-add-btn{background:var(--blue-50)!important;border:1px solid var(--blue-100)!important;color:var(--blue-800)!important;border-radius:var(--r)!important}.icm-btn-cancel:hover:not(:disabled){background:var(--bg)}.swal-above-modal{z-index:9999!important}.icm-mini-overlay{z-index:1400;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.icm-mini-modal{border-radius:var(--r-lg);background:#fff;width:100%;max-width:320px;font-family:Sarabun,sans-serif;overflow:hidden;box-shadow:0 20px 40px #0000002e}.icm-mini-hdr{border-bottom:1px solid var(--border);color:var(--text);justify-content:space-between;align-items:center;padding:14px 16px;font-size:14px;font-weight:600;display:flex}.icm-mini-close{background:var(--bg);width:28px;height:28px;color:var(--text-3);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.icm-mini-close:hover{background:var(--red-50);color:var(--red-800)}.icm-mini-body{padding:16px}.icm-mini-body .icm-inp{margin-top:6px}.icm-mini-ftr{border-top:1px solid var(--border);gap:8px;padding:12px 16px;display:flex}.icm-mini-btn-cancel{border:1px solid var(--border-md);border-radius:var(--r);background:var(--surface);height:40px;color:var(--text-2);cursor:pointer;flex:1;font-family:Sarabun,sans-serif;font-size:13px;font-weight:500}.icm-mini-btn-ok{border-radius:var(--r);background:var(--blue);color:#e6f1fb;cursor:pointer;border:none;flex:2;height:40px;font-family:Sarabun,sans-serif;font-size:13px;font-weight:600}.icm-mini-btn-ok:disabled{opacity:.4;cursor:not-allowed}.icm-mini-btn-ok:hover:not(:disabled){opacity:.9}.wdm-overlay{z-index:1200;background:#000000b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.wdm-sheet{background:#fff;border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-width:500px;max-height:90vh;font-family:Sarabun,sans-serif;animation:.3s wdm-slide-up;display:flex;overflow:hidden}@keyframes wdm-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.wdm-sheet.loading{justify-content:center;align-items:center;gap:12px;height:300px}.wdm-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.wdm-header-title{color:#1e293b;margin:0;font-size:16px;font-weight:700}.wdm-header-sub{color:#64748b;margin:0;font-size:13px}.wdm-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;width:32px;height:32px}.wdm-body{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.wdm-label{color:#334155;align-items:center;gap:8px;margin-bottom:10px;font-size:14px;font-weight:700;display:flex}.wdm-note-box{color:#334155;white-space:pre-wrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:15px;font-size:14px;line-height:1.6}.wdm-image-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.wdm-image-item{aspect-ratio:1;cursor:pointer;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.wdm-image-item img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .2s}.wdm-image-item:hover img{transform:scale(1.05)}.wdm-empty{color:#94a3b8;text-align:center;margin:20px 0;font-size:13px}.wdm-footer{border-top:1px solid #f1f5f9;padding:16px 20px 30px}.wdm-btn-close{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;height:46px;font-weight:600}.wdm-full-img-overlay{z-index:1300;touch-action:none;background:#000000f2;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;inset:0}.wdm-full-img-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.wdm-full-img-overlay img{-o-object-fit:contain;object-fit:contain;pointer-events:none;max-width:100%;max-height:100vh}.wdm-nav-btn{color:#fff;cursor:pointer;z-index:1310;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.wdm-nav-btn:active{background:#ffffff4d}.wdm-nav-btn.prev{left:10px}.wdm-nav-btn.next{right:10px}.wdm-img-counter{color:#fff;background:#00000080;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:600;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.wdm-full-img-close{color:#fff;cursor:pointer;z-index:1320;background:#fff3;border:none;border-radius:50%;width:40px;height:40px;font-size:20px;position:absolute;top:20px;right:20px}@media (max-width:600px){.wdm-nav-btn{display:none}}.wdm-spin{color:#3b82f6;font-size:24px;animation:1s linear infinite wdm-rotate}@keyframes wdm-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.msm-overlay{z-index:1000;background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.msm-modal{background:#fff;border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-width:520px;max-height:88vh;display:flex;overflow:hidden;box-shadow:0 -4px 24px #0000002e}.msm-header{border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:18px 18px 12px;display:flex}.msm-title{color:#1e293b;margin:0 0 2px;font-size:1rem;font-weight:700}.msm-sub{color:#64748b;margin:0;font-size:.82rem}.msm-close{cursor:pointer;color:#475569;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;display:flex}.msm-body{-webkit-overflow-scrolling:touch;flex:1;padding:14px 16px;overflow-y:auto}.msm-loading,.msm-empty{text-align:center;color:#94a3b8;padding:40px 20px;font-size:.9rem}.msm-request-block{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:12px;padding:12px}.msm-request-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.msm-product-type{color:#0369a1;background:#e0f2fe;border-radius:20px;padding:2px 10px;font-size:.95rem;font-weight:700}.msm-qty-badge{color:#64748b;background:#f1f5f9;border-radius:20px;padding:2px 10px;font-size:.82rem;font-weight:600}.msm-qty-badge.msm-qty-done{color:#16a34a;background:#dcfce7}.msm-no-stock{text-align:center;color:#ef4444;background:#fef2f2;border-radius:8px;padding:14px;font-size:.85rem}.msm-serial-list{flex-direction:column;gap:6px;display:flex}.msm-serial-item{cursor:pointer;text-align:left;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;transition:all .15s;display:flex}.msm-serial-item:active{transform:scale(.98)}.msm-serial-item.msm-serial-selected{background:#eff6ff;border-color:#3b82f6}.msm-serial-info{flex-direction:column;gap:2px;display:flex}.msm-serial-no{color:#1e293b;letter-spacing:.03em;font-family:monospace;font-size:.9rem;font-weight:600}.msm-warehouse{color:#94a3b8;font-size:.75rem}.msm-check{color:#3b82f6;flex-shrink:0;font-size:1.1rem}.msm-mode-tabs{gap:6px;margin-bottom:10px;display:flex}.msm-mode-tab{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 10px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.msm-mode-tab.active{color:#1d4ed8;background:#eff6ff;border-color:#2563eb}.msm-stock-warn{color:#fff;background:#f97316;border-radius:10px;margin-left:2px;padding:1px 6px;font-size:10px;font-weight:700}.msm-warn-box{color:#92400e;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:10px;padding:9px 12px;font-size:.8rem;line-height:1.45;display:flex}.msm-warn-box svg{color:#d97706;flex-shrink:0;margin-top:2px}.msm-manual-block{flex-direction:column;gap:8px;display:flex}.msm-manual-notice{color:#78350f;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:flex-start;gap:8px;padding:8px 12px;font-size:.79rem;line-height:1.4;display:flex}.msm-manual-input{box-sizing:border-box;color:#1e293b;resize:vertical;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-family:monospace;font-size:.88rem;transition:border-color .15s}.msm-manual-input:focus{border-color:#2563eb}.msm-manual-preview{flex-wrap:wrap;gap:5px;display:flex}.msm-manual-tag{border-radius:6px;padding:3px 9px;font-family:monospace;font-size:.78rem;font-weight:600}.msm-manual-tag.valid{color:#166534;background:#dcfce7}.msm-manual-tag.extra{color:#991b1b;background:#fee2e2;text-decoration:line-through}.msm-manual-warn{color:#dc2626;align-self:center;font-size:.78rem;font-weight:600}.msm-footer{padding:14px 16px;padding-bottom:max(14px,env(safe-area-inset-bottom));border-top:1px solid #f1f5f9;flex-shrink:0;gap:10px;display:flex}.msm-btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:13px;font-size:.92rem;font-weight:600;transition:opacity .2s}.msm-btn:disabled{opacity:.45;cursor:not-allowed}.msm-btn-cancel{color:#475569;background:#f1f5f9}.msm-btn-confirm{color:#fff;background:#2563eb}.msm-btn-confirm:not(:disabled):active{opacity:.85}:root{--stp-font:"Sarabun",sans-serif;--stp-bg:#f4f6f9;--stp-surface:#fff;--stp-border:#e2e8f0;--stp-border-md:#cbd5e1;--stp-text:#1e293b;--stp-sub:#64748b;--stp-muted:#94a3b8;--stp-primary:#2563eb;--stp-primary-light:#eff6ff;--stp-primary-border:#bfdbfe;--stp-teal:#0f766e;--stp-teal-light:#f0fdfa;--stp-teal-border:#99f6e4;--stp-amber:#b45309;--stp-amber-light:#fffbeb;--stp-amber-border:#fde68a;--stp-selected-bg:#eff6ff;--stp-selected-border:#93c5fd;--stp-radius-sm:8px;--stp-radius:12px;--stp-radius-lg:16px;--stp-shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--stp-shadow:0 4px 12px #00000014}.stp-wrapper{background:var(--stp-bg);min-height:100vh;font-family:var(--stp-font);color:var(--stp-text)}.stp-page{max-width:720px;margin:0 auto;padding:16px 16px 100px}.stp-header{background:var(--stp-surface);border-radius:var(--stp-radius-lg);border:1px solid var(--stp-border);box-shadow:var(--stp-shadow-sm);margin-bottom:12px;padding:16px}.stp-header-title{align-items:center;gap:12px;margin-bottom:12px;display:flex}.stp-header-icon{background:var(--stp-primary);color:#fff;border-radius:var(--stp-radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;display:flex}.stp-header-title h1{color:var(--stp-text);margin:0 0 2px;font-size:1.2rem;font-weight:700}.stp-header-title p{color:var(--stp-sub);margin:0;font-size:.8rem}.stp-search{position:relative}.stp-search-icon{color:var(--stp-muted);pointer-events:none;font-size:.9rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.stp-search input{background:var(--stp-bg);border:1px solid var(--stp-border);border-radius:var(--stp-radius-sm);width:100%;height:42px;font-size:.9rem;font-family:var(--stp-font);color:var(--stp-text);outline:none;padding:0 12px 0 36px;transition:border-color .15s,box-shadow .15s}.stp-search input:focus{border-color:var(--stp-primary);background:#fff;box-shadow:0 0 0 3px #2563eb1a}.stp-tabs{background:var(--stp-surface);border-radius:var(--stp-radius-lg);border:1px solid var(--stp-border);box-shadow:var(--stp-shadow-sm);grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:12px;padding:6px;display:grid}.stp-tab{border-radius:var(--stp-radius-sm);cursor:pointer;color:var(--stp-sub);font-family:var(--stp-font);background:0 0;border:none;flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:12px 8px;font-size:.82rem;font-weight:500;transition:background .15s,color .15s;display:flex;position:relative}.stp-tab:active{transform:scale(.97)}.stp-tab-icon{font-size:1rem;line-height:1}.stp-tab-label{text-align:center;font-size:.72rem;line-height:1.2}.stp-tab-count{background:var(--stp-border);color:var(--stp-sub);border-radius:20px;padding:1px 7px;font-size:.7rem;font-weight:700;transition:background .15s,color .15s}.stp-tab.active.stp-tab-pending{background:var(--stp-amber-light);color:var(--stp-amber)}.stp-tab.active.stp-tab-pending .stp-tab-count{background:var(--stp-amber-border);color:var(--stp-amber)}.stp-tab.active.stp-tab-inprogress{background:var(--stp-primary-light);color:var(--stp-primary)}.stp-tab.active.stp-tab-inprogress .stp-tab-count{background:var(--stp-primary-border);color:var(--stp-primary)}.stp-tab.active.stp-tab-success{background:var(--stp-teal-light);color:var(--stp-teal)}.stp-tab.active.stp-tab-success .stp-tab-count{background:var(--stp-teal-border);color:var(--stp-teal)}.stp-assign-card{background:var(--stp-surface);border:1px solid var(--stp-border);border-radius:var(--stp-radius-lg);box-shadow:var(--stp-shadow-sm);margin-bottom:10px;padding:16px}.stp-assign-header{color:var(--stp-text);align-items:center;gap:8px;margin-bottom:12px;font-size:.9rem;font-weight:600;display:flex}.stp-assign-icon{color:var(--stp-primary);font-size:1rem}.stp-team-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px;display:grid}.stp-team-chip{background:var(--stp-bg);border:1px solid var(--stp-border);border-radius:var(--stp-radius-sm);cursor:pointer;font-family:var(--stp-font);text-align:left;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex;position:relative}.stp-team-chip.selected{background:var(--stp-primary-light);border-color:var(--stp-primary)}.stp-team-chip:active{transform:scale(.98)}.stp-team-label{color:var(--stp-primary);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;font-weight:700}.stp-team-members{color:var(--stp-text);font-size:.8rem;font-weight:500;line-height:1.4}.stp-team-check{color:var(--stp-primary);font-size:.9rem;position:absolute;top:8px;right:8px}.stp-no-team{color:var(--stp-sub);grid-column:span 2;margin:0;font-size:.85rem}.stp-select-bar{background:var(--stp-surface);border:1px solid var(--stp-border);border-radius:var(--stp-radius-sm);margin-bottom:8px;padding:10px 14px}.stp-select-all{color:var(--stp-sub);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:.85rem;display:flex}.stp-select-all input[type=checkbox]{width:18px;height:18px;accent-color:var(--stp-primary);cursor:pointer}.stp-card-list{flex-direction:column;gap:8px;display:flex}.stp-task-card{background:var(--stp-surface);border:1px solid var(--stp-border);border-radius:var(--stp-radius-lg);box-shadow:var(--stp-shadow-sm);transition:border-color .15s,box-shadow .15s;overflow:hidden}.stp-task-card.is-selected{border-color:var(--stp-selected-border);background:var(--stp-selected-bg);box-shadow:0 0 0 3px #93c5fd4d}.stp-card-top{align-items:flex-start;gap:10px;padding:14px 14px 10px;display:flex}.stp-card-index{background:var(--stp-primary-light);width:26px;height:26px;color:var(--stp-primary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:.78rem;font-weight:700;display:flex}.stp-card-main{flex:1;min-width:0}.stp-location-name{color:var(--stp-text);margin-bottom:4px;font-size:.98rem;font-weight:700;line-height:1.3}.stp-location-sub{color:var(--stp-sub);align-items:center;gap:5px;margin-bottom:6px;font-size:.8rem;display:flex}.stp-location-sub svg{color:#ef4444;flex-shrink:0}.stp-zone-pill{color:var(--stp-sub);background:var(--stp-bg);border:1px solid var(--stp-border);border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;display:inline-flex}.stp-appt-date{color:var(--stp-sub);align-items:center;gap:5px;margin-top:4px;font-size:.8rem;display:inline-flex}.stp-checkbox{width:20px;height:20px;accent-color:var(--stp-primary);cursor:pointer;flex-shrink:0;margin-top:2px}.stp-serial-section{padding:0 14px 10px}.stp-serial-toggle{color:var(--stp-primary);background:var(--stp-primary-light);cursor:pointer;font-size:.75rem;font-weight:600;font-family:var(--stp-font);border:none;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;transition:background .15s;display:inline-flex}.stp-serial-toggle:active{transform:scale(.97)}.stp-serial-tags{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.stp-serial-tag{color:var(--stp-primary);background:var(--stp-primary-light);border:1px solid var(--stp-primary-border);border-radius:5px;padding:2px 8px;font-size:.72rem;font-weight:500}.stp-card-footer{border-top:1px solid var(--stp-border);background:var(--stp-bg);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px 12px;display:flex}.stp-distance-badge{color:var(--stp-primary);background:var(--stp-primary-light);border:1px solid var(--stp-primary-border);border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.stp-distance-empty{color:var(--stp-muted);font-size:.75rem}.stp-action-row{gap:6px;display:flex}.stp-btn{font-family:var(--stp-font);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:600;text-decoration:none;transition:opacity .15s,transform .1s;display:inline-flex}.stp-btn:active{transform:scale(.97)}.stp-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.stp-btn-accept{background:var(--stp-teal);color:#fff;padding:8px 16px}.stp-btn-accept:hover{opacity:.9}.stp-btn-confirm{background:var(--stp-primary);color:#fff;border-radius:10px;justify-content:center;width:100%;padding:11px 16px;font-size:.88rem}.stp-btn-confirm:hover:not(:disabled){opacity:.9}.stp-btn-nav{background:var(--stp-primary);color:#fff}.stp-btn-nav:hover{opacity:.9}.stp-btn-doc{background:var(--stp-surface);color:var(--stp-primary);border:1px solid var(--stp-primary-border)}.stp-btn-doc:hover{background:var(--stp-primary-light)}.stp-bulk-bar{z-index:200;background:var(--stp-surface);border-top:1px solid var(--stp-border);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000001a}.stp-bulk-bar span{color:var(--stp-sub);font-size:.88rem}.stp-bulk-bar strong{color:var(--stp-primary)}.stp-btn-bulk-accept{background:var(--stp-teal);color:#fff;border-radius:10px;flex-shrink:0;padding:10px 20px;font-size:.88rem}.stp-btn-bulk-accept:hover{opacity:.9}.stp-empty{text-align:center;color:var(--stp-muted);background:var(--stp-surface);border-radius:var(--stp-radius-lg);border:1px dashed var(--stp-border-md);padding:48px 24px;font-size:.9rem}.stp-loading,.stp-error{min-height:60vh;color:var(--stp-sub);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:.9rem;display:flex}.stp-spinner{color:var(--stp-primary);font-size:2rem;animation:1s linear infinite stp-spin}@keyframes stp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stp-inprogress-hint{color:#0c457a;background:#e0f0ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:7px;margin-bottom:10px;padding:9px 13px;font-size:12px;display:flex}.stp-card-clickable{cursor:pointer;position:relative}.stp-card-clickable:active{transform:scale(.985)}.stp-camera-badge{color:#1d4ed8;border-radius:0 var(--stp-radius-lg)0 8px;background:#dbeafe;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;top:0;right:0}.stp-task-card.is-verified{border-color:var(--stp-teal-border);background:var(--stp-teal-light)}.stp-verified-badge{color:var(--stp-teal);background:var(--stp-teal-border);border-radius:0 var(--stp-radius-lg)0 8px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;top:0;right:0}.stp-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;justify-content:center;align-items:flex-end;animation:.2s stp-dr-fade;display:flex;position:fixed;inset:0}@keyframes stp-dr-fade{0%{opacity:0}to{opacity:1}}.stp-modal{background:#fff;border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-width:480px;max-height:92vh;animation:.28s cubic-bezier(.34,1.3,.64,1) stp-dr-up;display:flex;overflow:hidden;box-shadow:0 -8px 40px #0003}@keyframes stp-dr-up{0%{opacity:.5;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.stp-modal-header{background:linear-gradient(135deg,#d97706 0%,#92400e 100%);flex-shrink:0;align-items:center;gap:10px;padding:16px 16px 14px;display:flex}.stp-modal-header-icon{color:#fff;background:#ffffff38;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex}.stp-modal-header-text{flex:1;min-width:0}.stp-modal-header h3{color:#fff;margin:0;font-size:15px;font-weight:700;line-height:1.2}.stp-modal-header-sub{color:#ffffffbf;margin-top:1px;font-size:10px}.stp-modal-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:background .15s;display:flex}.stp-modal-close:hover{background:#ffffff59}.stp-modal-info{background:#fffbeb;border-bottom:1px solid #fde68a;flex-direction:column;flex-shrink:0;gap:7px;padding:12px 16px;display:flex}.stp-modal-info-row{color:#78350f;align-items:center;gap:9px;font-size:13px;display:flex}.stp-modal-info-name{font-size:14px;font-weight:700}.stp-modal-info-icon{color:#d97706;flex-shrink:0;font-size:13px}.stp-modal-body{flex:1;padding:16px 16px 8px;overflow-y:auto}.stp-modal-section-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px;font-size:11px;font-weight:700}.stp-modal-options{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.stp-modal-option{cursor:pointer;text-align:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:16px 10px 14px;font-family:inherit;transition:all .18s;display:flex;position:relative}.stp-modal-option:hover:not(.active){background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.stp-modal-option-emoji{filter:grayscale(.3);margin-bottom:4px;font-size:30px;line-height:1;transition:filter .18s}.stp-modal-option-label{color:#374151;font-size:14px;font-weight:700;transition:color .15s}.stp-modal-option-sub{color:#94a3b8;font-size:10px;transition:color .15s}.stp-modal-option-check{color:#fff;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;transition:opacity .18s,transform .18s;display:flex;position:absolute;top:8px;right:8px;transform:scale(.5)}.stp-modal-option--success.active{background:#ecfdf5;border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.stp-modal-option--success.active .stp-modal-option-emoji{filter:none}.stp-modal-option--success.active .stp-modal-option-label{color:#065f46}.stp-modal-option--success.active .stp-modal-option-sub{color:#059669}.stp-modal-option--success.active .stp-modal-option-check{opacity:1;background:#10b981;transform:scale(1)}.stp-modal-option--bounce.active{background:#fef2f2;border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.stp-modal-option--bounce.active .stp-modal-option-emoji{filter:none}.stp-modal-option--bounce.active .stp-modal-option-label{color:#b91c1c}.stp-modal-option--bounce.active .stp-modal-option-sub{color:#dc2626}.stp-modal-option--bounce.active .stp-modal-option-check{opacity:1;background:#ef4444;transform:scale(1)}.stp-modal-reason-wrap{opacity:0;max-height:0;transition:max-height .32s,opacity .25s;overflow:hidden}.stp-modal-reason-wrap.show{opacity:1;max-height:200px}.stp-modal-reason-label{color:#374151;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.stp-modal-textarea{color:#1e293b;resize:none;box-sizing:border-box;background:#fff9f9;border:1.5px solid #fecaca;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.stp-modal-textarea:focus{background:#fff;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441f}.stp-modal-textarea::placeholder{color:#94a3b8}.stp-modal-footer{background:#fff;border-top:1px solid #f1f5f9;flex-shrink:0;gap:10px;padding:12px 16px 20px;display:flex}.stp-btn-cancel{color:#64748b;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;padding:12px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s}.stp-btn-cancel:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.stp-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.stp-btn-confirm{color:#fff;cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:7px;padding:12px 18px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:flex}.stp-btn-confirm:disabled{opacity:.5;cursor:not-allowed}.stp-btn-confirm--success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 10px #10b98159}.stp-btn-confirm--success:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)}.stp-btn-confirm--bounce{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 10px #ef444459}.stp-btn-confirm--bounce:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c)}.stp-modal-spin{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite stp-spin}@media (min-width:520px){.stp-modal-overlay{align-items:center;padding:16px}.stp-modal{border-radius:18px;max-height:88vh}}@media (min-width:600px){.stp-team-grid{grid-template-columns:repeat(3,1fr)}.stp-tab-label{font-size:.8rem}}.assigned-tasks-container{background:#f5f7fa;min-height:100vh;padding-bottom:100px;font-family:Kanit,sans-serif;overflow-x:auto}.page-header{color:#fff;padding:2rem 1.5rem 1.5rem;position:relative;box-shadow:0 4px 12px #0000001a}.header-content{text-align:center}.page-title{text-shadow:0 2px 4px #0000001a;margin:0 0 .5rem;font-size:1.6rem;font-weight:700}.task-count{opacity:.95;margin:0;font-size:1rem;font-weight:500}.search-section{background:#fff;padding:1rem 1rem .5rem;box-shadow:0 2px 8px #0000000d}.search-box{background:#f8f9fa;border:2px solid #0000;border-radius:12px;align-items:center;padding:.8rem 1rem;transition:all .3s;display:flex;position:relative}.search-box:focus-within{background:#fff;border-color:#667eea;box-shadow:0 4px 12px #667eea26}.search-icon{margin-right:.8rem;font-size:1.2rem}.search-input{background:0 0;border:none;outline:none;flex:1;font-family:Kanit,sans-serif;font-size:1rem}.clear-search{color:#64748b;cursor:pointer;background:#e2e8f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.4rem;transition:all .2s;display:flex}.clear-search:active{background:#cbd5e1;transform:scale(.9)}.selection-bar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;justify-content:space-between;align-items:center;margin:.5rem 1rem;padding:1rem 1.5rem;animation:.3s slideDown;display:flex;box-shadow:0 4px 12px #667eea4d}.selection-info{align-items:center;gap:.5rem;font-weight:600;display:flex}.selection-icon{font-size:1.2rem}.create-plan-btn{color:#667eea;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:.6rem 1.2rem;font-family:Kanit,sans-serif;font-size:.95rem;font-weight:600;transition:all .3s}.create-plan-btn:active{transform:scale(.95)}.tasks-container{padding:1rem}.task-cards-grid{gap:1rem;display:grid}.task-card{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:2px solid #0000;border-radius:16px;padding:1.25rem;transition:all .3s;position:relative;box-shadow:0 2px 8px #00000014}.task-card:active{transform:scale(.98)}.task-card.selected{background:linear-gradient(135deg,#667eea0d 0%,#764ba20d 100%);border-color:#667eea;box-shadow:0 4px 16px #667eea33}.card-checkbox{z-index:10;position:absolute;top:1rem;right:1rem}.card-checkbox input[type=checkbox]{cursor:pointer;accent-color:#667eea;width:24px;height:24px}.card-header{margin-bottom:1rem}.task-type-badge{color:#fff;border-radius:10px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;display:inline-block;box-shadow:0 2px 8px #00000026}.card-location{gap:1rem;margin-bottom:.8rem;display:flex}.location-icon{flex-shrink:0;margin-top:2px;font-size:1.5rem}.location-details{flex:1}.location-zone{color:#64748b;margin:0;font-size:.9rem}.card-area{background:#f8f9fa;border-radius:10px;align-items:flex-start;gap:.8rem;margin-bottom:.8rem;padding:.8rem;display:flex}.area-text{color:#475569;flex:1;font-size:.95rem;line-height:1.5}.card-date{color:#64748b;align-items:center;gap:.6rem;margin-bottom:.8rem;font-size:.95rem;display:flex}.date-icon{font-size:1.1rem}.card-note{background:#fff3cd;border-left:3px solid #ffc107;border-radius:8px;align-items:flex-start;gap:.8rem;margin-bottom:.8rem;padding:.8rem;display:flex}.note-text{color:#856404;flex:1;font-size:.9rem;line-height:1.5}.card-footer{border-top:1px solid #e2e8f0;padding-top:.8rem}.work-owner{color:#64748b;align-items:center;gap:.6rem;font-size:.9rem;display:flex}.owner-icon{font-size:1.1rem}.loading-state{color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.spinner{border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;width:48px;height:48px;margin-bottom:1rem;animation:1s linear infinite spin}.empty-state{text-align:center;background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin:1rem;padding:4rem 2rem;display:flex}.empty-state h3{color:#1e293b;margin:0 0 .5rem;font-size:1.3rem}.empty-state p{color:#64748b;margin:0;font-size:1rem}.error-state{text-align:center;background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin:1rem;padding:4rem 2rem;display:flex}.error-icon{margin-bottom:1rem;font-size:4rem}.error-state h3{color:#dc2626;margin:0 0 .5rem;font-size:1.3rem}.error-state p{color:#64748b;margin:0;font-size:1rem}.fab-button{cursor:pointer;z-index:900;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:all .3s;display:flex;position:fixed;bottom:90px;right:20px;box-shadow:0 6px 20px #667eea66}.fab-button:active{transform:scale(.9)}.fab-icon{font-size:1.8rem}.fab-badge{color:#fff;background:#ef4444;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}@media (min-width:768px){.assigned-tasks-container{padding-bottom:20px}.page-header{padding:2.5rem 2rem}.page-title{font-size:2rem}.search-section{padding:1.5rem 2rem 1rem}.selection-bar{margin:1rem 2rem;padding:1.2rem 1.8rem}.tasks-container{padding:1.5rem 2rem}.task-cards-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.task-card{padding:1.5rem}.location-name{font-size:1.25rem}.fab-button{display:none}}@media (min-width:1024px){.assigned-tasks-container{max-width:1400px;margin:0 auto}.page-header{padding:3rem 2.5rem 2rem}.page-title{font-size:2.5rem}.search-section{padding:2rem 2.5rem 1.5rem}.selection-bar{margin:1rem 2.5rem}.tasks-container{padding:2rem 2.5rem}.task-cards-grid{grid-template-columns:repeat(3,1fr);gap:2rem}.task-card{padding:1.75rem}.task-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.task-card.selected:hover{box-shadow:0 8px 24px #667eea4d}}@media (min-width:1400px){.task-cards-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:374px){.page-title{font-size:1.4rem}.task-card{padding:1rem}.location-name{font-size:1.05rem}.task-type-badge{padding:.4rem .8rem;font-size:.85rem}}.task-card:focus-visible{outline-offset:2px;outline:3px solid #667eea}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.modal-overlay-plan{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;animation:.3s fadeIn;position:fixed;inset:0}.plan-order-modal{z-index:1001;background:#fff;border-radius:24px;flex-direction:column;width:95%;max-width:600px;max-height:90vh;font-family:Noto Sans Thai,sans-serif;animation:.3s slideUp;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 20px 60px #0000004d}.modal-header-plan{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:24px 24px 0 0;flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 1rem;display:flex}.header-content-plan{flex:1}.modal-title{margin:0 0 .3rem;font-size:1.5rem;font-weight:700}.modal-subtitle{opacity:.9;margin:0;font-size:.95rem}.modal-close-btn{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.8rem;transition:all .3s;display:flex}.modal-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-close-btn:active{transform:rotate(90deg)scale(.9)}.date-picker-section{background:linear-gradient(#f8f9fa 0%,#fff 100%);border-bottom:1px solid #e2e8f0;flex-shrink:0;padding:1.5rem 1.5rem 1rem}.date-label{color:#1e293b;align-items:center;gap:.5rem;margin-bottom:.8rem;font-size:1rem;font-weight:600;display:flex}.label-icon{font-size:1.2rem}.date-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;width:100%;padding:1rem;font-family:Noto Sans Thai,sans-serif;font-size:1rem;transition:all .3s}.date-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.task-summary{background:#f8f9fa;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.summary-item{color:#1e293b;align-items:center;gap:.6rem;font-size:1.05rem;font-weight:600;display:flex}.summary-icon{font-size:1.3rem}.summary-divider{background:#cbd5e1;width:1px;height:30px}.summary-hint{color:#64748b;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.hint-icon{font-size:1.1rem}.tasks-list-container{background:#fafafa;flex:1;min-height:0;padding:1rem 1.5rem;position:relative;overflow:hidden auto}.sortable-tasks-list{flex-direction:column;gap:1rem;padding-bottom:1rem;display:flex}.sortable-task-card{cursor:grab;touch-action:none;background:#fff;border:2px solid #0000;border-radius:16px;padding:1rem 1rem 1rem 3.5rem;transition:all .3s;position:relative;box-shadow:0 2px 8px #00000014}.sortable-task-card:active{cursor:grabbing}.sortable-task-card.dragging{opacity:.5;border-color:#667eea;transform:scale(1.02);box-shadow:0 8px 24px #00000026}.drag-handle{cursor:grab;touch-action:none;padding:.5rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.drag-handle:active{cursor:grabbing}.handle-bars{flex-direction:column;gap:3px;padding:.3rem;display:flex}.handle-bars span{background:#cbd5e1;border-radius:2px;width:18px;height:3px;transition:background .3s}.sortable-task-card:hover .handle-bars span{background:#667eea}.task-order-badge{z-index:10;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 4px 12px #667eea66}.order-number{color:#fff;font-size:1rem;font-weight:700}.task-card-content{flex-direction:column;gap:.8rem;display:flex}.task-type-header{align-items:center;display:flex}.task-type-badge{color:#fff;border-radius:10px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #00000026}.type-icon{font-size:1.1rem}.task-location-info{flex-direction:column;gap:.3rem;display:flex}.location-main{align-items:center;gap:.6rem;display:flex}.location-icon{flex-shrink:0;font-size:1.2rem}.location-name{color:#1e293b;margin:0;font-size:1.05rem;font-weight:600;line-height:1.4}.location-zone{color:#64748b;margin:0;padding-left:1.8rem;font-size:.85rem}.task-area-info{color:#475569;background:#f8f9fa;border-left:3px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:.6rem;padding:.6rem .8rem;font-size:.9rem;display:flex}.area-icon{flex-shrink:0;font-size:1rem}.area-text{flex:1;line-height:1.4}.task-meta-info{color:#64748b;flex-wrap:wrap;gap:1rem;font-size:.85rem;display:flex}.meta-item{align-items:center;gap:.4rem;display:flex}.meta-icon{font-size:1rem}.task-note-info{color:#856404;background:#fff3cd;border-left:3px solid #ffc107;border-radius:6px;align-items:flex-start;gap:.6rem;padding:.6rem .8rem;font-size:.85rem;display:flex}.note-icon{flex-shrink:0;font-size:1rem}.note-text{flex:1;line-height:1.4}.empty-tasks{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;display:flex}.empty-icon{opacity:.7;margin-bottom:1rem;font-size:3rem}.empty-tasks p{margin:0;font-size:1rem}.modal-footer-plan{background:#f8f9fa;border-top:1px solid #e2e8f0;border-radius:0 0 24px 24px;flex-shrink:0;gap:1rem;padding:1.5rem;display:flex}.btn-cancel,.btn-save{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-family:Noto Sans Thai,sans-serif;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.btn-cancel:hover{background:#f8f9fa;border-color:#cbd5e1}.btn-save{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 12px #667eea4d}.btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.btn-save:active{transform:translateY(0)scale(.97)}.btn-save:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-icon{font-size:1.2rem}.tasks-list-container{scrollbar-width:thin;scrollbar-color:#667eea80 #e2e8f0}.tasks-list-container::-webkit-scrollbar{width:10px}.tasks-list-container::-webkit-scrollbar-track{background:#e2e8f0;border-radius:10px}.tasks-list-container::-webkit-scrollbar-thumb{background:#667eea80;border:2px solid #e2e8f0;border-radius:10px}.tasks-list-container::-webkit-scrollbar-thumb:hover{background:#667eeab3}.team-selection-section{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;padding:1.5rem 1.5rem .5rem}.team-label{color:#1e293b;align-items:center;gap:.5rem;margin-bottom:.8rem;font-size:1rem;font-weight:600;display:flex}.team-select{appearance:none;background-color:#fff;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23667eea%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13.2-6.4H18.6c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%204.6%201.8%208.7%205.4%2012.3l128%20128a17.6%2017.6%200%200%003.2%204.4c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4l128-128c3.6-3.6%205.4-7.8%205.4-12.4%200-4.6-1.8-8.7-5.4-12.3z%22%2F%3E%3C%2Fsvg%3E);background-position:right .7em top 50%,0 0;background-repeat:no-repeat;background-size:.65em,100%;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:2px solid #e2e8f0;border-radius:12px;width:100%;padding:.8rem;font-family:Noto Sans Thai,sans-serif;font-size:1rem;transition:all .3s}.team-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.team-select option{padding:.5rem}.flp-root{-webkit-tap-highlight-color:transparent;background:#f0f2f7;flex-direction:column;min-height:100dvh;font-family:Inter,Prompt,sans-serif;display:flex}.flp-header{background:#0f172a;border-bottom:3px solid #1d4ed8;flex-shrink:0;padding:14px 16px 16px}.flp-header-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.flp-breadcrumb{color:#64748b;letter-spacing:.3px;align-items:center;gap:6px;font-family:Inter,sans-serif;font-size:.7rem;display:flex}.flp-breadcrumb-active{color:#93c5fd;font-weight:500}.flp-hist-btn{color:#cbd5e1;cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-family:Inter,sans-serif;font-size:.72rem;font-weight:500;transition:background .15s;display:flex}.flp-hist-btn:active{background:#ffffff26}.flp-header-main{align-items:center;gap:10px;display:flex}.flp-header-dot{background:#1d4ed8;border-radius:2px;flex-shrink:0;width:4px;height:36px}.flp-page-title{color:#f1f5f9;letter-spacing:-.2px;font-family:Inter,sans-serif;font-size:1.05rem;font-weight:700;line-height:1.2}.flp-page-sub{color:#475569;letter-spacing:.3px;margin-top:2px;font-family:Inter,sans-serif;font-size:.7rem}.flp-body{flex:1;padding:14px 12px 0;overflow-y:auto}.flp-section{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #1d4ed8;border-radius:10px;margin-bottom:10px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.flp-section--violet{border-left-color:#7c3aed}.flp-section--green{border-left-color:#059669}.flp-section--amber{border-left-color:#d97706}.flp-section--blue{border-left-color:#0284c7}.flp-section--slate{border-left-color:#475569}.flp-sec-head{background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;padding:12px 16px;display:flex}.flp-sec-num{color:#1d4ed8;letter-spacing:.5px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-family:Inter,sans-serif;font-size:.72rem;font-weight:700;display:flex}.flp-sec-num--violet{color:#7c3aed;background:#f5f3ff;border-color:#ddd6fe}.flp-sec-num--green{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.flp-sec-num--amber{color:#d97706;background:#fffbeb;border-color:#fde68a}.flp-sec-num--blue{color:#0284c7;background:#f0f9ff;border-color:#bae6fd}.flp-sec-num--slate{color:#475569;background:#f8fafc;border-color:#cbd5e1}.flp-sec-info{flex:1;min-width:0}.flp-sec-title{color:#1e293b;font-size:.88rem;font-weight:700;line-height:1.2;display:block}.flp-sec-desc{color:#94a3b8;letter-spacing:.8px;margin-top:2px;font-family:Inter,sans-serif;font-size:.62rem;font-weight:600;display:block}.flp-total-chip{color:#92400e;white-space:nowrap;background:#fffbeb;border:1px solid #fde68a;border-radius:20px;padding:3px 10px;font-family:Inter,sans-serif;font-size:.7rem;font-weight:700}.flp-sec-body{flex-direction:column;gap:10px;padding:14px 16px;display:flex}.flp-row{flex-direction:column;gap:10px;display:flex}.flp-row--2col{grid-template-columns:1fr 1fr;gap:10px;display:grid}.flp-field{flex-direction:column;gap:5px;display:flex}.flp-field--full{grid-column:1/-1}.flp-label{color:#374151;letter-spacing:.3px;text-transform:uppercase;font-family:Inter,sans-serif;font-size:.72rem;font-weight:600}.flp-req{color:#ef4444}.flp-input-wrap{position:relative}.flp-input-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.flp-input-icon--line{color:#06c755}.flp-input{color:#1e293b;-webkit-appearance:none;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:7px;outline:none;width:100%;padding:10px 12px;font-family:Inter,Prompt,sans-serif;font-size:14px;transition:border-color .15s,box-shadow .15s,background .15s}.flp-input--icon{padding-left:34px}.flp-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.flp-input::placeholder{color:#cbd5e1;font-size:13px}.flp-textarea{color:#1e293b;resize:none;-webkit-appearance:none;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:7px;outline:none;width:100%;padding:10px 12px;font-family:Inter,Prompt,sans-serif;font-size:14px;line-height:1.6;transition:border-color .15s,box-shadow .15s,background .15s}.flp-textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.flp-textarea::placeholder{color:#cbd5e1;font-size:13px}.flp-field-hint{color:#94a3b8;font-family:Inter,sans-serif;font-size:.7rem;line-height:1.5}.flp-deposit-wrap{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:7px;align-items:center;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.flp-deposit-wrap:focus-within{background:#fff;border-color:#059669;box-shadow:0 0 0 3px #0596691f}.flp-deposit-prefix{color:#059669;letter-spacing:.5px;background:#ecfdf5;border-right:1.5px solid #d1fae5;flex-shrink:0;align-items:center;height:42px;padding:0 12px;font-family:Inter,sans-serif;font-size:.72rem;font-weight:700;display:flex}.flp-deposit-input{color:#065f46;-moz-appearance:textfield;background:0 0;border:none;outline:none;flex:1;padding:10px 12px;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:700}.flp-deposit-input::-webkit-outer-spin-button{-webkit-appearance:none}.flp-deposit-input::-webkit-inner-spin-button{-webkit-appearance:none}.flp-deposit-input::placeholder{color:#d1fae5;font-size:.95rem;font-weight:400}.flp-exp-header{color:#92400e;letter-spacing:.6px;text-transform:uppercase;background:#fffbeb;border:1px solid #fef3c7;border-radius:6px;grid-template-columns:1fr 140px 32px;gap:8px;padding:6px 10px;font-family:Inter,sans-serif;font-size:.62rem;font-weight:700;display:grid}.flp-exp-col-amt{text-align:right}.flp-exp-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;grid-template-columns:1fr 140px 32px;align-items:center;gap:8px;padding:8px 10px;transition:border-color .15s;display:grid}.flp-exp-row:focus-within{background:#fff;border-color:#fcd34d}.flp-exp-name{color:#1e293b;background:0 0;border:none;outline:none;min-width:0;font-family:Inter,Prompt,sans-serif;font-size:13px}.flp-exp-name::placeholder{color:#cbd5e1}.flp-exp-amt-cell{background:#fff;border:1px solid #e2e8f0;border-radius:5px;align-items:center;gap:3px;padding:5px 8px;display:flex}.flp-exp-baht{color:#d97706;font-size:.8rem;font-weight:700}.flp-exp-amt{color:#1e293b;text-align:right;-moz-appearance:textfield;background:0 0;border:none;outline:none;width:100%;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.flp-exp-amt::-webkit-outer-spin-button{-webkit-appearance:none}.flp-exp-amt::-webkit-inner-spin-button{-webkit-appearance:none}.flp-exp-amt::placeholder{color:#cbd5e1;font-weight:400}.flp-exp-del{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:flex}.flp-exp-del:disabled{opacity:.3;cursor:not-allowed}.flp-exp-del:active:not(:disabled){background:#fee2e2}.flp-add-row-btn{color:#d97706;cursor:pointer;letter-spacing:.2px;background:#fff;border:1.5px dashed #fcd34d;border-radius:7px;justify-content:center;align-items:center;gap:6px;width:100%;padding:9px 14px;font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;transition:background .15s;display:flex}.flp-add-row-btn:active{background:#fffbeb}.flp-gps-status-chip{color:#15803d;letter-spacing:.6px;background:#f0fdf4;border:1px solid #86efac;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-family:Inter,sans-serif;font-size:.62rem;font-weight:700;display:flex}.flp-coord-display{background:#f0f9ff;border:1px solid #bae6fd;border-radius:7px;align-items:stretch;display:flex;overflow:hidden}.flp-coord-item{flex-direction:column;flex:1;gap:3px;padding:10px 12px;display:flex}.flp-coord-label{color:#0369a1;letter-spacing:.8px;font-family:Inter,sans-serif;font-size:.6rem;font-weight:700}.flp-coord-val{color:#0c4a6e;letter-spacing:.5px;font-family:Courier New,monospace;font-size:.82rem;font-weight:600}.flp-coord-divider{background:#bae6fd;flex-shrink:0;width:1px}.flp-gps-btn{color:#0284c7;cursor:pointer;background:#f0f9ff;border:1.5px solid #bae6fd;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 16px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;transition:all .15s;display:flex}.flp-gps-btn:hover:not(:disabled){background:#e0f2fe}.flp-gps-btn:disabled{opacity:.6;cursor:not-allowed}.flp-gps-btn--ok{color:#15803d;background:#f0fdf4;border-color:#86efac}.flp-img-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px;display:grid}.flp-img-card{aspect-ratio:1;border:1px solid #e2e8f0;border-radius:7px;position:relative;overflow:hidden}.flp-img-card img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.flp-img-overlay{background:linear-gradient(#00000073 0%,#0000 60%);justify-content:space-between;align-items:flex-start;padding:5px 6px;display:flex;position:absolute;inset:0}.flp-img-num{color:#fff;letter-spacing:.5px;font-family:Inter,sans-serif;font-size:.62rem;font-weight:700}.flp-img-del{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.flp-img-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.flp-img-action-btn{cursor:pointer;text-align:center;border:1.5px solid;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:16px 12px;transition:all .15s;display:flex}.flp-img-action-btn span:nth-child(2){font-family:Inter,sans-serif;font-size:.82rem;font-weight:700}.flp-img-action-hint{letter-spacing:.3px;opacity:.7;font-family:Inter,sans-serif;font-size:.62rem!important;font-weight:400!important}.flp-img-action-btn--camera{color:#0284c7;background:#f0f9ff;border-color:#bae6fd}.flp-img-action-btn--camera:active{background:#e0f2fe;border-color:#7dd3fc}.flp-img-action-btn--gallery{color:#475569;background:#f8fafc;border-color:#cbd5e1}.flp-img-action-btn--gallery:active{background:#f1f5f9;border-color:#94a3b8}.flp-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom));z-index:20;background:#fff;border-top:1px solid #e2e8f0;gap:10px;display:flex;position:sticky;bottom:0}.flp-cancel-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:8px;padding:12px 20px;font-family:Inter,sans-serif;font-size:.88rem;font-weight:600;transition:background .15s}.flp-cancel-btn:active{background:#e2e8f0}.flp-submit-btn{color:#fff;cursor:pointer;letter-spacing:.2px;background:#1d4ed8;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:Inter,sans-serif;font-size:.92rem;font-weight:700;transition:background .15s;display:flex}.flp-submit-btn:hover:not(:disabled){background:#1e40af}.flp-submit-btn:active{background:#1e3a8a}.flp-submit-btn:disabled{opacity:.55;cursor:not-allowed}.flp-spin{animation:.9s linear infinite spin}.flp-status-root{background:#f1f5f9;min-height:100dvh;font-family:Prompt,sans-serif}.flp-status-header{color:#fff;background:linear-gradient(135deg,#0f766e 0%,#0d9488 100%);border-bottom-right-radius:28px;border-bottom-left-radius:28px;padding:28px 16px 36px}.flp-status-header h2{align-items:center;gap:9px;margin:0 0 4px;font-size:1.25rem;font-weight:700;display:flex}.flp-status-header p{opacity:.8;margin:0;font-size:.82rem}.flp-status-list{padding:16px 12px}.flp-status-card{background:#fff;border-radius:18px;margin-bottom:12px;padding:16px;box-shadow:0 1px 4px #0000000f}.flp-sc-top{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.flp-sc-name{color:#1e293b;flex:1;font-size:.97rem;font-weight:700}.flp-badge{white-space:nowrap;border-radius:20px;flex-shrink:0;padding:4px 10px;font-size:.7rem;font-weight:700}.flp-badge-pending{color:#a16207;background:#fef9c3}.flp-badge-approved{color:#166534;background:#dcfce7}.flp-badge-deal{color:#1d4ed8;background:#dbeafe}.flp-badge-rejected{color:#b91c1c;background:#fee2e2}.flp-badge-assessed{color:#6b21a8;background:#f3e8ff}.flp-pipe{align-items:center;gap:0;margin:12px 0 10px;display:flex}.flp-pipe-step{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.flp-pipe-dot{color:#cbd5e1;background:#f8fafc;border:2px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;font-weight:700;display:flex}.flp-pipe-dot.done{color:#fff;background:#22c55e;border-color:#22c55e}.flp-pipe-dot.active{color:#fff;background:#0d9488;border-color:#0d9488}.flp-pipe-lbl{color:#94a3b8;text-align:center;max-width:56px;margin-top:4px;font-size:.62rem;line-height:1.2}.flp-pipe-lbl.done{color:#16a34a;font-weight:600}.flp-pipe-lbl.active{color:#0f766e;font-weight:700}.flp-pipe-line{background:#e2e8f0;flex:1;min-width:12px;height:2px;margin:0 2px 20px}.flp-pipe-line.done{background:#22c55e}.flp-sc-meta{color:#94a3b8;margin-top:4px;font-size:.78rem}.flp-sc-detail{color:#64748b;align-items:flex-start;gap:6px;margin-top:6px;font-size:.82rem;display:flex}.flp-expand-btn{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:8px 0 2px;font-family:Prompt,sans-serif;font-size:.78rem;display:flex}.flp-detail-box{border-top:1px solid #f1f5f9;margin-top:8px;padding-top:12px}.flp-detail-label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:5px;margin-bottom:6px;font-size:.75rem;font-weight:700;display:flex}.flp-detail-row{border-bottom:1px solid #f8fafc;justify-content:space-between;padding:6px 0;font-size:.83rem;display:flex}.flp-detail-row:last-child{border-bottom:none}.flp-detail-total{color:#0f766e;text-align:right;padding-top:8px;font-size:.88rem;font-weight:700}.flp-mgr-actions{gap:8px;margin-top:12px;display:flex}.flp-btn-approve{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 8px;font-family:Prompt,sans-serif;font-size:.85rem;font-weight:700;display:flex}.flp-btn-reject{color:#b91c1c;cursor:pointer;background:#fee2e2;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 8px;font-family:Prompt,sans-serif;font-size:.85rem;font-weight:700;display:flex}.flp-btn-deal{color:#fff;cursor:pointer;background:#0f766e;border:none;border-radius:12px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:10px;padding:13px;font-family:Prompt,sans-serif;font-size:.88rem;font-weight:700;display:flex}.flp-btn-assess{color:#fff;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:10px;padding:14px;font-family:Prompt,sans-serif;font-size:.95rem;font-weight:700;display:flex}.flp-new-btn{color:#fff;cursor:pointer;background:#0f766e;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:14px;padding:15px;font-family:Prompt,sans-serif;font-size:.95rem;font-weight:700;transition:opacity .15s;display:flex}.flp-new-btn:active{opacity:.85}.flp-empty{text-align:center;color:#94a3b8;padding:60px 20px}.flp-empty-icon{margin-bottom:12px;font-size:3rem}.flp-empty p{font-size:.9rem}.flp-assess-root{background:#f1f5f9;flex-direction:column;min-height:100dvh;font-family:Prompt,sans-serif;display:flex}.flp-assess-header{color:#fff;background:linear-gradient(135deg,#7c3aed,#6d28d9);border-bottom-right-radius:28px;border-bottom-left-radius:28px;padding:20px 16px 32px}.flp-assess-back{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:10px;align-items:center;gap:6px;margin-bottom:14px;padding:7px 14px;font-family:Prompt,sans-serif;font-size:.82rem;font-weight:600;display:flex}.flp-assess-header h2{align-items:center;gap:9px;margin:0 0 4px;font-size:1.2rem;font-weight:700;display:flex}.flp-assess-header p{opacity:.8;margin:0;font-size:.8rem}.flp-assess-body{flex:1;padding:14px 12px;overflow-y:auto}.flp-loc-card{background:#fff;border-radius:18px;margin-bottom:12px;padding:16px;box-shadow:0 1px 4px #0000000f}.flp-loc-name{color:#1e293b;margin-bottom:5px;font-size:1rem;font-weight:700}.flp-loc-meta{color:#64748b;margin-top:2px;font-size:.8rem}.flp-product-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.flp-product-select{color:#1e293b;appearance:none;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;flex:1;padding:13px 12px;font-family:Prompt,sans-serif;font-size:15px}.flp-product-select:focus{border-color:#7c3aed}.flp-product-count{color:#1e293b;text-align:center;-moz-appearance:textfield;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;width:70px;padding:13px 10px;font-family:Prompt,sans-serif;font-size:16px;font-weight:600}.flp-product-count::-webkit-outer-spin-button{-webkit-appearance:none}.flp-product-count::-webkit-inner-spin-button{-webkit-appearance:none}.flp-product-count:focus{border-color:#7c3aed}.flp-product-del{color:#ef4444;cursor:pointer;background:#fee2e2;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.flp-product-del:disabled{opacity:.3;cursor:not-allowed}.flp-add-product{color:#7c3aed;cursor:pointer;background:#faf5ff;border:1.5px dashed #c4b5fd;border-radius:12px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:4px;padding:12px;font-family:Prompt,sans-serif;font-size:.88rem;font-weight:600;display:flex}.flp-assess-total{color:#7c3aed;text-align:right;padding-top:10px;font-size:.9rem;font-weight:700}.flp-assess-footer{padding:12px 12px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #f1f5f9;position:sticky;bottom:0;box-shadow:0 -8px 24px #0000000f}.flp-assess-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#6d28d9);border:none;border-radius:16px;justify-content:center;align-items:center;gap:9px;width:100%;padding:17px;font-family:Prompt,sans-serif;font-size:1rem;font-weight:700;transition:opacity .15s;display:flex}.flp-assess-submit:disabled{opacity:.55;cursor:not-allowed}.flp-assess-submit:active{opacity:.85}:root{--tav-bg:#f4f6f9;--tav-surface:#fff;--tav-border:#e2e8f0;--tav-text:#1e293b;--tav-text-2:#475569;--tav-text-3:#94a3b8;--tav-blue:#3b82f6;--tav-r:10px;--tav-r-lg:14px}.tav-page{background:var(--tav-bg);min-height:100vh;color:var(--tav-text);padding:18px 16px 60px;font-family:Sarabun,sans-serif}.tav-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.tav-title-row{align-items:center;gap:10px;display:flex}.tav-title-icon{color:var(--tav-blue);font-size:1.1rem}.tav-title{color:var(--tav-text);font-size:17px;font-weight:700}.tav-subtitle{color:var(--tav-text-3);margin-top:2px;font-size:12px}.tav-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tav-month-picker{background:var(--tav-surface);border:1px solid var(--tav-border);border-radius:20px;align-items:center;gap:12px;padding:7px 14px;display:flex;box-shadow:0 1px 3px #0000000a}.tav-month-label{text-align:center;min-width:120px;color:var(--tav-text);font-size:13px;font-weight:700}.tav-nav-btn{cursor:pointer;color:var(--tav-text-3);background:0 0;border:none;border-radius:6px;align-items:center;padding:4px 6px;font-size:.9rem;transition:color .15s,background .15s;display:flex}.tav-nav-btn:hover{color:var(--tav-blue);background:#eff6ff}.tav-filter{background:var(--tav-surface);border:1px solid var(--tav-border);border-radius:20px;align-items:center;gap:7px;padding:7px 14px;display:flex;box-shadow:0 1px 3px #0000000a}.tav-filter-icon{color:var(--tav-text-3);font-size:.78rem}.tav-filter-select{color:var(--tav-text);cursor:pointer;background:0 0;border:none;outline:none;font-family:Sarabun,sans-serif;font-size:12px;font-weight:600}.tav-stats{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.tav-stat-card{background:var(--tav-surface);border:1px solid var(--tav-border);border-radius:var(--tav-r-lg);text-align:center;min-width:110px;padding:12px 18px}.tav-stat-card.success{border-top:3px solid #10b981}.tav-stat-card.inprog{border-top:3px solid #f59e0b}.tav-stat-card.waiting{border-top:3px solid #94a3b8}.tav-stat-val{color:var(--tav-text);font-size:1.6rem;font-weight:700;line-height:1}.tav-stat-lbl{color:var(--tav-text-3);text-transform:uppercase;letter-spacing:.03em;margin-top:4px;font-size:11px;font-weight:600}.tav-loading{text-align:center;color:var(--tav-text-3);padding:60px;font-size:13px}.tav-container{background:var(--tav-surface);border:1px solid var(--tav-border);border-radius:var(--tav-r-lg);padding:16px;overflow:hidden}.tav-table-wrapper{margin-bottom:14px;overflow-x:auto}.tav-table{border-collapse:collapse;width:100%;min-width:900px}.tav-table th,.tav-table td{border:1px solid var(--tav-border);text-align:center;vertical-align:middle;padding:0}.tav-emp-col{z-index:10;width:140px;min-width:140px;color:var(--tav-text-3);text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;padding:8px 12px;font-size:11px;font-weight:700;position:sticky;left:0;text-align:left!important}.tav-emp-cell{background:var(--tav-surface);z-index:9;border-right:2px solid var(--tav-border);padding:8px 12px;position:sticky;left:0;text-align:left!important}.tav-emp-name{color:var(--tav-text);white-space:nowrap;font-size:12px;font-weight:700;line-height:1.3}.tav-day-col{width:34px;min-width:34px;color:var(--tav-text-3);background:#f8fafc;padding:5px 2px;font-size:11px;font-weight:600;position:relative}.tav-day-col.weekend{color:#c2410c;background:#fff8f0}.tav-day-col.today{color:#1d4ed8;background:#eff6ff;font-weight:800}.tav-today-dot{background:var(--tav-blue);border-radius:50%;width:4px;height:4px;margin:2px auto 0;display:block}.tav-cell{height:46px;padding:2px;transition:filter .12s}.tav-cell.weekend{background:#fff8f0}.tav-cell.today-col{background:#eff6ff}.tav-cell.has-task.today-col{background:inherit;outline-offset:-2px;outline:2px solid #93c5fd}.tav-cell.has-task{cursor:pointer}.tav-cell.has-task:hover{filter:brightness(.92)}.tav-bar{border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:100%;height:100%;display:flex}.tav-short{color:#fff;text-shadow:0 1px 2px #0000004d;font-family:Sarabun,sans-serif;font-size:10px;font-weight:700;line-height:1}.tav-more{color:#ffffffd9;font-size:9px;font-weight:600}.tav-footer{border-top:1px solid var(--tav-border);flex-wrap:wrap;align-items:center;gap:16px;padding-top:12px;display:flex}.tav-legend,.tav-legend-opacity{flex-wrap:wrap;gap:12px;display:flex}.tav-legend-item{color:var(--tav-text-2);align-items:center;gap:5px;font-size:11px;font-weight:500;display:flex}.tav-legend-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.tav-legend-bar{background:#64748b;border-radius:3px;width:20px;height:10px;display:inline-block}.tav-hint{color:var(--tav-text-3);align-items:center;gap:5px;margin-left:auto;font-size:11px;display:flex}.tav-empty{text-align:center;color:var(--tav-text-3);padding:48px;font-size:13px}@media (max-width:768px){.tav-header{flex-direction:column;align-items:flex-start}.tav-controls{width:100%}.tav-month-picker,.tav-filter{justify-content:space-between;width:100%}.tav-stats{grid-template-columns:1fr 1fr;display:grid}.tav-hint{width:100%;margin-left:0}}:root{--wp-blue:#185fa5;--wp-blue-50:#e6f1fb;--wp-blue-800:#0c447c;--wp-surface:#fff;--wp-bg:#f4f6f9;--wp-border:#e2e8f0;--wp-border-md:#cbd5e1;--wp-text:#1e293b;--wp-text-2:#475569;--wp-text-3:#94a3b8;--wp-r:10px;--wp-r-lg:14px}.wp-page{background:var(--wp-bg);min-height:100vh;color:var(--wp-text);padding:18px 16px 60px;font-family:Sarabun,sans-serif}.wp-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.wp-title-row{align-items:center;gap:10px;display:flex}.wp-title-icon{color:var(--wp-blue);font-size:1.1rem}.wp-title{color:var(--wp-text);margin:0;font-size:17px;font-weight:700}.wp-subtitle{color:var(--wp-text-3);margin:2px 0 0;font-size:12px}.wp-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.wp-month-picker{background:var(--wp-surface);border:1px solid var(--wp-border);border-radius:20px;align-items:center;gap:12px;padding:7px 14px;display:flex;box-shadow:0 1px 3px #0000000a}.wp-month-label{text-align:center;min-width:120px;color:var(--wp-text);font-size:13px;font-weight:700}.wp-nav-btn{cursor:pointer;color:var(--wp-text-3);background:0 0;border:none;border-radius:6px;align-items:center;padding:4px 6px;font-size:.9rem;transition:color .15s,background .15s;display:flex}.wp-nav-btn:hover{color:var(--wp-blue);background:var(--wp-blue-50)}.wp-filter{background:var(--wp-surface);border:1px solid var(--wp-border);border-radius:20px;align-items:center;gap:7px;padding:7px 14px;display:flex;box-shadow:0 1px 3px #0000000a}.wp-filter-icon{color:var(--wp-text-3);font-size:.78rem}.wp-filter-select{color:var(--wp-text);cursor:pointer;background:0 0;border:none;outline:none;font-family:Sarabun,sans-serif;font-size:12px;font-weight:600}.wp-stats{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.wp-stat-card{background:var(--wp-surface);border:1px solid var(--wp-border);border-radius:var(--wp-r-lg);text-align:center;min-width:110px;padding:12px 18px}.wp-stat-card.success{border-top:3px solid #1d9e75}.wp-stat-card.in-progress{border-top:3px solid #d97706}.wp-stat-card.waiting{border-top:3px solid #94a3b8}.wp-stat-card.actual{border-top:3px solid var(--wp-blue)}.wp-stat-card.working-today{border-top:3px solid #7c3aed}.wp-stat-value{color:var(--wp-text);font-size:1.6rem;font-weight:700;line-height:1}.wp-stat-label{color:var(--wp-text-3);text-transform:uppercase;letter-spacing:.03em;margin-top:4px;font-size:11px;font-weight:600}.wp-loading{text-align:center;color:var(--wp-text-3);padding:60px;font-size:13px}.wp-container{background:var(--wp-surface);border:1px solid var(--wp-border);border-radius:var(--wp-r-lg);padding:16px;overflow:hidden}.wp-table-wrapper{margin-bottom:14px;overflow-x:auto}.wp-table{border-collapse:collapse;width:100%;min-width:900px}.wp-table th,.wp-table td{border:1px solid var(--wp-border);text-align:center;vertical-align:middle;padding:0}.wp-team-col{z-index:10;width:155px;min-width:155px;color:var(--wp-text-3);text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;padding:8px 12px;font-size:11px;font-weight:700;position:sticky;left:0;text-align:left!important}.wp-day-col{width:36px;min-width:36px;color:var(--wp-text-3);background:#f8fafc;padding:5px 2px;font-size:11px;font-weight:600}.wp-day-col.weekend{color:#c2410c;background:#fff8f0}.wp-team-cell{background:var(--wp-surface);z-index:9;border-right:2px solid var(--wp-border);padding:8px 12px;position:sticky;left:0;text-align:left!important}.wp-team-number{color:var(--wp-text);font-size:13px;font-weight:700}.wp-team-names{color:var(--wp-text-2);font-size:11px;line-height:1.4}.wp-team-names.secondary{color:var(--wp-text-3)}.wp-day-col.today{color:#1d4ed8;background:#eff6ff;font-weight:800;position:relative}.wp-day-col.today:after{content:"";background:#3b82f6;border-radius:50%;width:5px;height:5px;margin:3px auto 0;display:block}.wp-emp-row{align-items:center;gap:8px;display:flex}.wp-emp-dot{background:#e2e8f0;border-radius:50%;flex-shrink:0;width:8px;height:8px}.wp-emp-dot.active{background:#10b981;box-shadow:0 0 0 3px #d1fae5}.wp-emp-name{color:var(--wp-text);font-size:12px;font-weight:600;line-height:1.3}.wp-emp-status{color:#059669;font-size:10px;font-weight:600}.wp-empty-row{text-align:center;color:var(--wp-text-3);padding:48px;font-size:13px}.wp-status-cell{height:46px;padding:2px;transition:filter .15s}.wp-status-cell.weekend{background:#fff8f0}.wp-status-cell.today{background:#eff6ff}.wp-status-cell.has-task.today{background:inherit;outline-offset:-2px;outline:2px solid #93c5fd}.wp-status-cell.has-task:hover{filter:brightness(.92)}.wp-task-bar{border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:100%;height:100%;transition:opacity .15s;display:flex}.wp-task-short{color:#fff;text-shadow:0 1px 2px #0000004d;font-family:Sarabun,sans-serif;font-size:10px;font-weight:700;line-height:1}.wp-task-more{color:#ffffffd9;font-size:9px;font-weight:600}.wp-footer{border-top:1px solid var(--wp-border);flex-wrap:wrap;align-items:center;gap:16px;padding-top:12px;display:flex}.wp-legend{flex-wrap:wrap;gap:12px;display:flex}.wp-legend-item{color:var(--wp-text-2);align-items:center;gap:5px;font-size:11px;font-weight:500;display:flex}.wp-legend-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.wp-legend-opacity{flex-wrap:wrap;gap:12px;display:flex}.wp-legend-bar{background:#64748b;border-radius:3px;width:20px;height:10px;display:inline-block}.wp-hint{color:var(--wp-text-3);align-items:center;gap:5px;margin-left:auto;font-size:11px;display:flex}@media (max-width:768px){.wp-header{flex-direction:column;align-items:flex-start}.wp-controls{width:100%}.wp-month-picker,.wp-filter{justify-content:space-between;width:100%}.wp-stats{grid-template-columns:1fr 1fr;display:grid}.wp-hint{width:100%;margin-left:0}}.spc-root{background:#f4f6f9;flex-direction:column;min-height:100vh;display:flex}.spc-tab-bar{background:#fff;border-bottom:1px solid #e2e8f0;gap:4px;padding:10px 24px 0;display:flex}.spc-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;align-items:center;gap:7px;margin-bottom:-1px;padding:9px 18px;font-family:Sarabun,sans-serif;font-size:13px;font-weight:500;transition:color .12s,border-color .12s;display:inline-flex}.spc-tab-btn:hover{color:#1e293b;background:#f8fafc}.spc-tab-btn.active{color:#185fa5;border-bottom-color:#185fa5;font-weight:600}.spc-tab-btn svg{flex-shrink:0}.spc-content{flex:1}.spc-content>*{min-height:unset}:root{--ti-blue:#185fa5;--ti-blue-dk:#0c447c;--ti-surface:#fff;--ti-bg:#eef2f7;--ti-border:#e2e8f0;--ti-text:#1e293b;--ti-text-2:#475569;--ti-text-3:#94a3b8;--ti-radius:12px;--ti-shadow:0 1px 3px #00000012,0 1px 2px #0000000a;--ti-shadow-md:0 4px 12px #0000001a}.ti-page{background:var(--ti-bg);min-height:100vh;color:var(--ti-text);padding:0 0 80px;font-family:Sarabun,sans-serif}.ti-container{max-width:720px;margin:0 auto;padding:0 14px}.ti-page-header{background:linear-gradient(135deg,#185fa5 0%,#0c447c 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 -14px 18px;padding:20px 20px 18px;display:flex}.ti-header-main{align-items:center;gap:12px;display:flex}.ti-btn-back{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;transition:background .15s;display:flex}.ti-btn-back:hover{background:#ffffff47}.ti-title{color:#fff;margin:0;font-size:18px;font-weight:700;line-height:1.2}.ti-subtitle{color:#ffffffb8;margin:3px 0 0;font-size:12px}.ti-header-stats{background:#ffffff1f;border:1px solid #fff3;border-radius:10px;align-items:center;gap:14px;padding:8px 16px;display:flex}.ti-stat-item{flex-direction:column;align-items:center;gap:1px;display:flex}.ti-stat-num{font-size:20px;font-weight:700;line-height:1}.ti-stat-num--orange{color:#fbbf24}.ti-stat-num--green{color:#6ee7b7}.ti-stat-lbl{color:#ffffffb8;white-space:nowrap;font-size:10px;font-weight:500}.ti-stat-divider{background:#ffffff40;width:1px;height:28px}.ti-tabs{background:var(--ti-surface);border:1px solid var(--ti-border);box-shadow:var(--ti-shadow);border-radius:10px;gap:4px;margin-bottom:16px;padding:4px;display:flex}.ti-tab{color:var(--ti-text-2);cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-family:Sarabun,sans-serif;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.ti-tab:hover:not(.ti-tab--active){color:var(--ti-text);background:#f1f5f9}.ti-tab--active{background:var(--ti-blue);color:#fff;box-shadow:0 1px 4px #185fa559}.ti-tab-count{border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.ti-tab-count--orange{color:#fff;background:#f97316}.ti-tab-count--green{color:#fff;background:#10b981}.ti-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.ti-card{background:var(--ti-surface);border:1px solid var(--ti-border);border-left:4px solid var(--accent,#185fa5);border-radius:var(--ti-radius);box-shadow:var(--ti-shadow);flex-direction:column;transition:box-shadow .15s,transform .15s;display:flex;overflow:hidden}.ti-card:hover{box-shadow:var(--ti-shadow-md);transform:translateY(-1px)}.ti-card--overdue{border-color:#fca5a5}.ti-card-strip{justify-content:space-between;align-items:center;gap:8px;padding:9px 14px;display:flex}.ti-type-row{align-items:center;gap:8px;display:flex}.ti-type-icon-wrap{color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;display:flex}.ti-type-label{letter-spacing:.02em;font-size:12px;font-weight:700}.ti-badge-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px;display:flex}.ti-pill{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:10px;font-weight:700;display:inline-flex}.ti-pill--red{color:#b91c1c;background:#fee2e2}.ti-pill--amber{color:#92400e;background:#fef3c7}.ti-pill--green{color:#065f46;background:#d1fae5}.ti-pill--blue{color:#1e40af;background:#dbeafe}.ti-card-body{flex:1;padding:12px 14px 10px}.ti-customer-name{color:var(--ti-text);margin-bottom:8px;font-size:14px;font-weight:700;line-height:1.35}.ti-info-rows{flex-direction:column;gap:5px;display:flex}.ti-info-row{color:var(--ti-text-2);align-items:flex-start;gap:7px;font-size:12px;line-height:1.4;display:flex}.ti-info-icon{flex-shrink:0;margin-top:2px;font-size:11px}.ti-date-block{border-top:1px solid var(--ti-border);border-bottom:1px solid var(--ti-border);background:#f8fafc;align-items:center;gap:10px;padding:9px 14px;display:flex}.ti-date-icon-col{color:var(--ti-text-3);flex-shrink:0;font-size:13px}.ti-date-info{flex-direction:column;flex:1;gap:1px;display:flex}.ti-date-label{color:var(--ti-text-3);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}.ti-date-range{color:var(--ti-text);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.ti-date-range--overdue{color:#dc2626}.ti-date-arrow{color:var(--ti-text-3);flex-shrink:0;font-size:9px}.ti-clock-col{flex-shrink:0;font-size:14px}.ti-card-actions{padding:10px 14px}.ti-action-row{gap:8px;display:flex}.ti-action-row--wrap{flex-wrap:wrap}.ti-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-family:Sarabun,sans-serif;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.ti-btn--accept{background:var(--ti-blue);color:#fff;flex:1;box-shadow:0 1px 3px #185fa54d}.ti-btn--accept:hover{background:var(--ti-blue-dk);box-shadow:0 2px 6px #185fa566}.ti-btn--extend{color:#b45309;background:#fffbeb;border:1px solid #fde68a;flex:1}.ti-btn--extend:hover{background:#fef3c7;border-color:#fcd34d}.ti-btn--return{color:var(--ti-text-2);border:1px solid var(--ti-border);background:#f8fafc}.ti-btn--return:hover{color:var(--ti-text);background:#f1f5f9}.ti-btn--reject-sm{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.ti-btn--reject-sm:hover{background:#fee2e2;border-color:#fca5a5}.ti-empty{text-align:center;background:var(--ti-surface);border:1px solid var(--ti-border);border-radius:var(--ti-radius);box-shadow:var(--ti-shadow);padding:56px 20px}.ti-empty-icon-wrap{width:56px;height:56px;color:var(--ti-text-3);background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:22px;display:flex}.ti-empty-title{color:var(--ti-text-2);margin:0 0 6px;font-size:15px;font-weight:700}.ti-empty-sub{color:var(--ti-text-3);margin:0;font-size:12px}.ti-loading{text-align:center;padding:70px 20px}.ti-spinner{border:3px solid var(--ti-border);border-top-color:var(--ti-blue);border-radius:50%;width:34px;height:34px;margin:0 auto 14px;animation:.75s linear infinite ti-spin}@keyframes ti-spin{to{transform:rotate(360deg)}}.ti-loading p{color:var(--ti-text-3);margin:0;font-size:13px}.ti-card-clickable{cursor:pointer;transition:background .12s}.ti-card-clickable:hover{background:#fafbfc}.ti-card-clickable:active{background:#f1f5f9}.ti-dd-tap-hint{color:#94a3b8;justify-content:flex-end;align-items:center;gap:5px;padding:4px 14px 8px;font-size:10px;font-weight:500;display:flex}.ti-btn--detail{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.ti-btn--detail:hover{background:#fef3c7;border-color:#fcd34d}.ti-dd-modal{background:#fff;border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-width:480px;max-height:92vh;animation:.28s cubic-bezier(.34,1.3,.64,1) ti-dr-up;display:flex;overflow:hidden;box-shadow:0 -8px 40px #0003}.ti-dd-header{background:linear-gradient(135deg,#d97706 0%,#92400e 100%);flex-shrink:0;align-items:center;gap:10px;padding:16px 16px 14px;display:flex}.ti-dd-header-icon{color:#fff;background:#ffffff38;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex}.ti-dd-header-text{flex:1;min-width:0}.ti-dd-header-title{color:#fff;font-size:15px;font-weight:700;line-height:1.2}.ti-dd-header-sub{color:#ffffffbf;margin-top:1px;font-size:10px}.ti-dd-status-pill{white-space:nowrap;border-radius:20px;flex-shrink:0;padding:3px 9px;font-size:10px;font-weight:700}.ti-dd-status-pill--pending{color:#1e40af;background:#dbeafe}.ti-dd-status-pill--active{color:#065f46;background:#d1fae5}.ti-dd-hero{background:#fffbeb;border-bottom:1px solid #fde68a;flex-shrink:0;padding:14px 16px 12px}.ti-dd-hero-name{color:#78350f;margin-bottom:8px;font-size:17px;font-weight:800;line-height:1.25}.ti-dd-hero-meta{flex-wrap:wrap;gap:6px;display:flex}.ti-dd-meta-chip{color:#92400e;background:#d977061f;border:1px solid #d9770640;border-radius:20px;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.ti-dd-meta-chip--amber{color:#b45309;background:#fef3c7;border-color:#fde68a}.ti-dd-stats{background:#fff;border-bottom:1px solid #f1f5f9;flex-shrink:0;align-items:center;padding:12px 16px;display:flex}.ti-dd-stat{flex:1;align-items:center;gap:10px;display:flex}.ti-dd-stat-icon{flex-shrink:0;font-size:20px}.ti-dd-stat-icon--amber{color:#d97706}.ti-dd-stat-icon--blue{color:#3b82f6}.ti-dd-stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:10px;font-weight:600}.ti-dd-stat-value{color:#1e293b;font-size:14px;font-weight:700}.ti-dd-stat-divider{background:#e2e8f0;flex-shrink:0;width:1px;height:36px;margin:0 16px}.ti-dd-body{flex-direction:column;flex:1;gap:14px;padding:14px 16px 6px;display:flex;overflow-y:auto}.ti-dd-section{flex-direction:column;gap:8px;display:flex}.ti-dd-section-header{color:#64748b;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.ti-dd-section-icon{flex-shrink:0;font-size:13px}.ti-dd-section-icon--amber{color:#d97706}.ti-dd-section-icon--blue{color:#3b82f6}.ti-dd-section-icon--purple{color:#7c3aed}.ti-dd-section-icon--red{color:#dc2626}.ti-dd-doc-box{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;flex-direction:column;gap:7px;padding:10px 14px;display:flex}.ti-dd-doc-item{color:#78350f;align-items:flex-start;gap:8px;font-size:13px;line-height:1.45;display:flex}.ti-dd-doc-bullet{background:#d97706;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:5px}.ti-dd-note-box{white-space:pre-wrap;border-radius:10px;padding:10px 14px;font-size:13px;line-height:1.55}.ti-dd-note-box--blue{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.ti-dd-note-box--purple{color:#5b21b6;background:#f5f3ff;border:1px solid #ddd6fe}.ti-dd-note-box--red{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.ti-dd-empty-field{color:#94a3b8;padding:6px 0;font-size:12px;font-style:italic}.ti-dd-footer-meta{color:#94a3b8;align-items:center;gap:6px;padding:4px 0 2px;font-size:11px;display:flex}.ti-dd-footer-meta-icon{font-size:10px}.ti-dr-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;justify-content:center;align-items:flex-end;animation:.2s ti-dr-fade;display:flex;position:fixed;inset:0}@keyframes ti-dr-fade{0%{opacity:0}to{opacity:1}}.ti-dr-modal{background:#fff;border-radius:20px 20px 0 0;width:100%;max-width:480px;max-height:90vh;animation:.28s cubic-bezier(.34,1.3,.64,1) ti-dr-up;overflow:hidden auto;box-shadow:0 -8px 40px #0003}@keyframes ti-dr-up{0%{opacity:.5;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.ti-dr-header{background:linear-gradient(135deg,#d97706 0%,#b45309 100%);align-items:center;gap:12px;padding:18px 16px 16px;display:flex}.ti-dr-header-icon{color:#fff;background:#ffffff38;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.ti-dr-header-text{flex:1;min-width:0}.ti-dr-header-title{color:#fff;font-size:16px;font-weight:700;line-height:1.2}.ti-dr-header-sub{color:#ffffffc7;margin-top:2px;font-size:11px}.ti-dr-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:background .15s;display:flex}.ti-dr-close:hover{background:#ffffff59}.ti-dr-info{background:#fffbeb;border-bottom:1px solid #fde68a;flex-direction:column;gap:7px;padding:12px 16px;display:flex}.ti-dr-info-row{color:#78350f;align-items:center;gap:9px;font-size:13px;display:flex}.ti-dr-info-main{font-size:14px;font-weight:700}.ti-dr-info-icon{color:#d97706;flex-shrink:0;font-size:13px}.ti-dr-body{padding:18px 16px 10px}.ti-dr-section-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px;font-size:11px;font-weight:700}.ti-dr-options{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.ti-dr-option{cursor:pointer;text-align:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:16px 10px 14px;font-family:Sarabun,sans-serif;transition:all .18s;display:flex;position:relative;overflow:hidden}.ti-dr-option:hover:not(.ti-dr-option--active){background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.ti-dr-option-emoji{filter:grayscale(.3);margin-bottom:4px;font-size:30px;line-height:1;transition:filter .18s}.ti-dr-option-label{color:#374151;font-size:14px;font-weight:700;transition:color .15s}.ti-dr-option-sub{color:#94a3b8;font-size:10px;transition:color .15s}.ti-dr-option-check{color:#fff;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;transition:opacity .18s,transform .18s;display:flex;position:absolute;top:8px;right:8px;transform:scale(.5)}.ti-dr-option--success.ti-dr-option--active{background:#ecfdf5;border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.ti-dr-option--success.ti-dr-option--active .ti-dr-option-emoji{filter:none}.ti-dr-option--success.ti-dr-option--active .ti-dr-option-label{color:#065f46}.ti-dr-option--success.ti-dr-option--active .ti-dr-option-sub{color:#059669}.ti-dr-option--success.ti-dr-option--active .ti-dr-option-check{opacity:1;background:#10b981;transform:scale(1)}.ti-dr-option--bounce.ti-dr-option--active{background:#fef2f2;border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.ti-dr-option--bounce.ti-dr-option--active .ti-dr-option-emoji{filter:none}.ti-dr-option--bounce.ti-dr-option--active .ti-dr-option-label{color:#b91c1c}.ti-dr-option--bounce.ti-dr-option--active .ti-dr-option-sub{color:#dc2626}.ti-dr-option--bounce.ti-dr-option--active .ti-dr-option-check{opacity:1;background:#ef4444;transform:scale(1)}.ti-dr-reason-wrap{opacity:0;max-height:0;transition:max-height .32s,opacity .25s;overflow:hidden}.ti-dr-reason-wrap--show{opacity:1;max-height:180px}.ti-dr-reason-label{color:#374151;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.ti-dr-reason-ta{color:#1e293b;resize:none;box-sizing:border-box;background:#fff9f9;border:1.5px solid #fecaca;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-family:Sarabun,sans-serif;font-size:13px;transition:border-color .15s,box-shadow .15s}.ti-dr-reason-ta:focus{background:#fff;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441f}.ti-dr-reason-ta::placeholder{color:#94a3b8}.ti-dr-footer{background:#fff;border-top:1px solid #f1f5f9;gap:10px;padding:12px 16px 20px;display:flex}.ti-dr-btn-cancel{color:#64748b;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;padding:12px 18px;font-family:Sarabun,sans-serif;font-size:13px;font-weight:600;transition:all .15s}.ti-dr-btn-cancel:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.ti-dr-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.ti-dr-btn-confirm{color:#fff;cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:7px;padding:12px 18px;font-family:Sarabun,sans-serif;font-size:13px;font-weight:700;transition:all .2s;display:flex}.ti-dr-btn-confirm:disabled{opacity:.5;cursor:not-allowed}.ti-dr-btn-confirm--success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 10px #10b98159}.ti-dr-btn-confirm--success:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 14px #10b98173}.ti-dr-btn-confirm--bounce{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 10px #ef444459}.ti-dr-btn-confirm--bounce:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 14px #ef444473}.ti-dr-spin{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite ti-spin}@media (max-width:600px){.ti-page-header{padding:16px 16px 14px}.ti-grid{grid-template-columns:1fr}.ti-header-stats{padding:6px 12px}.ti-stat-num{font-size:17px}}@media (min-width:520px){.ti-dr-overlay{align-items:center;padding:16px}.ti-dr-modal,.ti-dd-modal{border-radius:18px;max-height:88vh}}.iip-type-tabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.iip-type-tab{border:1.5px solid var(--iip-border);cursor:pointer;color:var(--iip-text-2);background:#fff;border-radius:20px;padding:5px 14px;font-family:Sarabun,sans-serif;font-size:13px;transition:all .15s}.iip-type-tab:hover{border-color:#94a3b8}.iip-type-tab.active{font-weight:600}.iip-type-badge-sm{white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}:root{--iip-blue:#185fa5;--iip-blue-50:#e6f1fb;--iip-blue-100:#b5d4f4;--iip-blue-800:#0c447c;--iip-green-50:#eaf3de;--iip-green-600:#3b6d11;--iip-surface:#fff;--iip-bg:#f4f6f9;--iip-border:#e2e8f0;--iip-border-md:#cbd5e1;--iip-text:#1e293b;--iip-text-2:#475569;--iip-text-3:#94a3b8;--iip-r:10px;--iip-r-lg:14px}.iip-page{background:var(--iip-bg);min-height:100vh;color:var(--iip-text);font-family:Sarabun,sans-serif}.iip-container{max-width:860px;margin:0 auto;padding:20px 16px 60px}.iip-header{margin-bottom:20px}.iip-title{color:var(--iip-text);font-size:18px;font-weight:700}.iip-sub{color:var(--iip-text-3);margin-top:3px;font-size:12px}.iip-filter{background:var(--iip-surface);border:1px solid var(--iip-border);border-radius:var(--iip-r-lg);flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.iip-filter-item{flex-direction:column;gap:4px;display:flex}.iip-filter-item label{color:var(--iip-text-3);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.iip-date-input{border:1px solid var(--iip-border-md);border-radius:var(--iip-r);color:var(--iip-text);outline:none;padding:7px 11px;font-family:Sarabun,sans-serif;font-size:13px}.iip-date-input:focus{border-color:var(--iip-blue);box-shadow:0 0 0 3px #185fa51a}.iip-btn{border-radius:var(--iip-r);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-family:Sarabun,sans-serif;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.iip-btn svg{flex-shrink:0;width:14px;height:14px}.iip-btn-primary{background:var(--iip-blue);color:#fff}.iip-btn-primary:hover{background:var(--iip-blue-800)}.iip-btn-view{background:var(--iip-blue-50);color:var(--iip-blue-800);padding:6px 12px;font-size:12px}.iip-btn-view:hover{background:var(--iip-blue-100)}.iip-list{flex-direction:column;gap:8px;display:flex}.iip-card{background:var(--iip-surface);border:1px solid var(--iip-border);border-radius:var(--iip-r-lg);align-items:center;gap:16px;padding:14px 16px;transition:border-color .12s,box-shadow .12s;display:flex}.iip-card:hover{border-color:var(--iip-border-md);box-shadow:0 2px 8px #0000000f}.iip-card-left{flex:1;min-width:0}.iip-card-id{color:var(--iip-blue);margin-bottom:2px;font-size:11px;font-weight:600}.iip-card-customer{color:var(--iip-text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.iip-card-loc{color:var(--iip-text-3);align-items:center;gap:4px;margin-top:2px;font-size:11px;display:flex}.iip-card-loc svg{flex-shrink:0}.iip-card-mid{text-align:right;flex-shrink:0}.iip-card-operator{color:var(--iip-text-2);justify-content:flex-end;align-items:center;gap:4px;font-size:12px;display:flex}.iip-card-date{color:var(--iip-text-3);margin-top:2px;font-size:11px}.iip-card-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.iip-badge{border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.iip-badge-serial{background:var(--iip-blue-50);color:var(--iip-blue-800)}.iip-badge-photo{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.iip-center{justify-content:center;align-items:center;min-height:200px;display:flex}.iip-spinner{border:3px solid var(--iip-border);border-top-color:var(--iip-blue);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite iip-spin}@keyframes iip-spin{to{transform:rotate(360deg)}}.iip-empty{color:var(--iip-text-3);flex-direction:column;align-items:center;gap:10px;padding:60px;font-size:13px;display:flex}.iip-empty svg{color:var(--iip-border-md)}.iip-empty-sm{color:var(--iip-text-3);padding:12px 0;font-size:12px}.iip-overlay{z-index:1000;background:#0f172a8c;justify-content:center;align-items:flex-start;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.iip-modal{background:var(--iip-surface);border:1px solid var(--iip-border);border-radius:var(--iip-r-lg);width:100%;max-width:720px;margin:auto}.iip-modal-hdr{border-bottom:1px solid var(--iip-border);justify-content:space-between;align-items:flex-start;padding:16px 18px;display:flex}.iip-modal-title{color:var(--iip-text);font-size:15px;font-weight:700}.iip-modal-loc{color:var(--iip-text-3);align-items:center;gap:4px;margin-top:3px;font-size:12px;display:flex}.iip-modal-close{background:var(--iip-bg);cursor:pointer;width:28px;height:28px;color:var(--iip-text-2);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.iip-modal-close:hover{background:var(--iip-border)}.iip-modal-body{flex-direction:column;gap:16px;max-height:calc(90vh - 100px);padding:16px 18px;display:flex;overflow-y:auto}.iip-meta-row{border:1px solid var(--iip-border);border-radius:var(--iip-r);background:#f8fafc;flex-wrap:wrap;gap:12px 24px;padding:12px 14px;display:flex}.iip-meta-item{flex-direction:column;gap:2px;display:flex}.iip-meta-full{flex:0 0 100%}.iip-meta-label{color:var(--iip-text-3);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:600}.iip-meta-val{color:var(--iip-text);font-size:13px;font-weight:500}.iip-meta-val code{background:var(--iip-blue-50);color:var(--iip-blue-800);border-radius:4px;padding:1px 5px;font-size:12px}.iip-section{flex-direction:column;gap:10px;display:flex}.iip-section-title{color:var(--iip-text-2);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.iip-compare-bar{border-radius:var(--iip-r);border:2px solid var(--iip-border);background:#f8fafc;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.iip-compare-bar.match{background:#f0fdf4;border-color:#86efac}.iip-compare-bar.mismatch{background:#fef2f2;border-color:#fca5a5}.iip-compare-bar.no-warehouse{background:#fffbeb;border-color:#fcd34d}.iip-compare-side{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.iip-compare-label{color:var(--iip-text-3);text-transform:uppercase;letter-spacing:.04em;text-align:center;font-size:10px;font-weight:600}.iip-compare-num{color:var(--iip-text);font-size:26px;font-weight:800;line-height:1}.iip-compare-bar.match .iip-compare-num{color:#15803d}.iip-compare-bar.mismatch .iip-compare-num{color:#b91c1c}.iip-compare-bar.no-warehouse .iip-compare-num{color:#92400e}.iip-compare-vs{flex-direction:column;flex-shrink:0;align-items:center;gap:3px;display:flex}.iip-compare-bar.match .iip-compare-vs{color:#16a34a}.iip-compare-bar.mismatch .iip-compare-vs{color:#dc2626}.iip-compare-bar.no-warehouse .iip-compare-vs{color:#b45309}.iip-compare-bar.unknown .iip-compare-vs{color:var(--iip-text-3)}.iip-compare-note{color:#b45309;background:#fef3c7;border-radius:10px;padding:1px 7px;font-size:10px;font-weight:600}.iip-compare-status{letter-spacing:.02em;font-size:11px;font-weight:700}.iip-type-group{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.iip-type-group:last-child{margin-bottom:0}.iip-type-label{color:var(--iip-text-2);border-bottom:1px solid var(--iip-border);align-items:center;gap:8px;padding:4px 0;font-size:12px;font-weight:700;display:flex}.iip-type-count{background:var(--iip-blue-50);color:var(--iip-blue-800);border-radius:20px;padding:1px 8px;font-size:11px;font-weight:600}.iip-serials-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;display:grid}.iip-serial-item{border:1px solid var(--iip-border);border-radius:var(--iip-r);background:#fafafa;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.iip-serial-item.verified{background:#f0fdf4;border-color:#86efac}.iip-serial-item.not-verified{background:#fff5f5;border-color:#fca5a5}.iip-serial-item.self-added{background:#fffbeb;border-color:#fde68a}.iip-unverified-badge{color:#dc2626;background:#fee2e2;border-radius:20px;flex-shrink:0;align-items:center;gap:3px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-flex}.iip-serial-top{justify-content:space-between;align-items:center;gap:6px;display:flex}.iip-sn{color:var(--iip-text);font-family:monospace;font-size:12px;font-weight:700}.iip-verified-badge{color:#15803d;background:#dcfce7;border-radius:20px;flex-shrink:0;align-items:center;gap:3px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-flex}.iip-sn-thumb{cursor:pointer;border:1px solid var(--iip-border);background-position:50%;background-size:cover;border-radius:6px;width:100%;height:80px;transition:opacity .15s}.iip-sn-thumb:hover{opacity:.85}.iip-sn-time{color:var(--iip-text-3);font-size:10px}.iip-photos-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.iip-photo-wrap{flex-direction:column;gap:4px;display:flex}.iip-photo{border-radius:var(--iip-r);cursor:pointer;border:1px solid var(--iip-border);background-position:50%;background-size:cover;width:100%;height:110px;transition:opacity .15s,transform .15s}.iip-photo:hover{opacity:.88;transform:scale(1.02)}.iip-photo-time{color:var(--iip-text-3);text-align:center;font-size:10px}.iip-eq-row{flex-wrap:wrap;gap:20px;display:flex}.iip-eq-col{flex:1;min-width:120px}.iip-eq-label{color:var(--iip-text-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:11px;font-weight:700}.iip-eq-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:4px 0;font-size:12px;display:flex}.iip-eq-name{color:var(--iip-text)}.iip-eq-qty{color:var(--iip-blue);background:var(--iip-blue-50);border-radius:10px;padding:1px 6px;font-size:11px;font-weight:600}.iip-lightbox{z-index:2000;cursor:zoom-out;background:#000000e0;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.iip-lightbox img{-o-object-fit:contain;object-fit:contain;border-radius:8px;max-width:100%;max-height:90vh}.iip-section-title.iip-canc-return{color:#dc2626}.iip-section-title.iip-canc-continue{color:#16a34a}.iip-section-title.iip-relo-title{color:#7c3aed}.iip-canc-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.iip-canc-card{background:#fff;border:2px solid;border-radius:10px;overflow:hidden}.iip-canc-card--return{border-color:#fca5a5}.iip-canc-card--continue{border-color:#86efac}.iip-canc-card--relo{border-color:#c4b5fd}.iip-canc-card--unknown{border-color:#e2e8f0}.iip-canc-serial-row{align-items:center;gap:6px;padding:8px 10px 6px;display:flex}.iip-canc-ptype{color:#64748b;background:#f1f5f9;border-radius:4px;padding:1px 6px;font-size:10px}.iip-canc-flow{flex-direction:column;gap:0;padding:0 10px 10px;display:flex}.iip-canc-loc{border-radius:6px;flex-direction:column;gap:1px;padding:6px 8px;display:flex}.iip-canc-loc--from{background:#f8fafc;border:1px solid #e2e8f0}.iip-canc-loc--to-return{background:#fff1f2;border:1px solid #fca5a5}.iip-canc-loc--to-continue{background:#f0fdf4;border:1px solid #86efac}.iip-canc-loc--to-relo{background:#faf5ff;border:1px solid #c4b5fd}.iip-canc-loc--to-unknown{background:#f8fafc;border:1px solid #e2e8f0}.iip-canc-loc-label{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;font-size:9px;font-weight:700}.iip-canc-loc--to-return .iip-canc-loc-label{color:#dc2626}.iip-canc-loc--to-continue .iip-canc-loc-label{color:#16a34a}.iip-canc-loc--to-relo .iip-canc-loc-label{color:#7c3aed}.iip-canc-loc-name{color:#1e293b;font-size:11px;font-weight:600;line-height:1.3}.iip-canc-arrow{text-align:center;color:#94a3b8;padding:2px 0;font-size:14px;line-height:1.2}.iip-collection-list{flex-direction:column;gap:10px;display:flex}.iip-collect-card{border:1px solid var(--iip-border);background:#fff;border-radius:10px;overflow:hidden}.iip-collect-head{border-bottom:1px solid var(--iip-border);background:#f8fafc;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.iip-collect-type{color:#64748b;background:#e2e8f0;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:10px;display:inline-block}.iip-collect-total{color:#2563eb;white-space:nowrap;font-size:13px;font-weight:700}.iip-payment-grid{flex-direction:column;gap:4px;padding:8px 12px;display:flex}.iip-pay-row{justify-content:space-between;align-items:center;font-size:12px;display:flex}.iip-pay-label{color:#64748b}.iip-pay-val{color:#1e293b;font-variant-numeric:tabular-nums;font-weight:600}.iip-pay-time{color:#94a3b8;text-align:right;margin-top:6px;font-size:10px}.iip-pay-nodata{color:#94a3b8;padding:8px 12px;font-size:11px;font-style:italic}@media (max-width:600px){.iip-card{flex-direction:column;align-items:flex-start}.iip-card-mid{text-align:left}.iip-card-right{flex-flow:wrap;width:100%}.iip-photos-grid,.iip-serials-grid{grid-template-columns:repeat(2,1fr)}}:root{--blue:#185fa5;--blue-50:#e6f1fb;--blue-100:#b5d4f4;--blue-800:#0c447c;--green:#3b6d11;--green-50:#eaf3de;--green-800:#27500a;--amber:#854f0b;--amber-50:#faeeda;--amber-800:#633806;--purple:#534ab7;--purple-50:#eeedfe;--purple-800:#3c3489;--red:#a32d2d;--red-400:#e24b4a;--red-50:#fcebeb;--red-800:#791f1f;--surface:#fff;--bg:#f4f6f9;--border:#e2e8f0;--border-md:#cbd5e1;--text:#1e293b;--text-2:#475569;--text-3:#94a3b8;--r:10px;--r-lg:14px}.adp-page{background:var(--bg);min-height:100vh;color:var(--text);font-family:Sarabun,sans-serif}.adp-content{max-width:1400px;margin:0 auto;padding:22px 24px 60px}.adp-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.adp-topbar-left{align-items:center;gap:12px;display:flex}.adp-icon-box{background:var(--blue);border-radius:var(--r);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.adp-title{font-size:16px;font-weight:700}.adp-sub{color:var(--text-3);margin-top:2px;font-size:11px}.adp-topbar-right{align-items:center;gap:8px;display:flex}.adp-date-picker{margin-right:8px}.adp-date-input{border:1px solid var(--border);border-radius:var(--r);height:32px;color:var(--text-2);outline:none;padding:0 10px;font-family:Sarabun,sans-serif;font-size:12px}.adp-date-input:focus{border-color:var(--blue)}.adp-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);height:32px;color:var(--text-2);cursor:pointer;align-items:center;gap:6px;padding:0 14px;font-family:Sarabun,sans-serif;font-size:12px;font-weight:500;display:inline-flex}.adp-audit-teams{flex-direction:column;gap:12px;max-height:500px;padding:14px;display:flex;overflow-y:auto}.adp-team-card{border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.adp-team-card.adp-team-open{border-color:#cbd5e1}.adp-team-header{background:var(--bg);align-items:center;gap:12px;padding:10px 12px;display:flex}.adp-team-header-btn{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s}.adp-team-header-btn:hover{background:#e8edf3}.adp-team-open .adp-team-header{border-bottom:1px solid var(--border)}.adp-chevron{transition:transform .2s}.adp-chevron-open{transform:rotate(180deg)}.adp-team-names{flex-direction:column;display:flex}.adp-team-names strong{color:var(--text);font-size:13px}.adp-team-names span{color:var(--text-3);font-size:11px}.adp-team-tasks{flex-direction:column;display:flex}.adp-task-row{border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;padding:8px 12px;display:flex}.adp-task-row:last-child{border-bottom:none}.adp-task-order{color:var(--text-3);width:18px;font-size:11px;font-weight:700}.adp-task-info{flex-direction:column;flex:1;display:flex}.adp-task-info strong{color:var(--text);font-size:12px}.adp-task-info span{color:var(--text-3);font-size:10px}.adp-status-dot{border-radius:50%;width:8px;height:8px}.adp-dot-green{background:#22c55e;box-shadow:0 0 6px #22c55e66}.adp-dot-blue{background:#3b82f6;box-shadow:0 0 6px #3b82f666}.adp-task-status{color:var(--text-2);font-size:11px;font-weight:600}.adp-task-time{color:#16a34a;white-space:nowrap;background:#dcfce7;border-radius:20px;padding:1px 7px;font-size:10px;font-weight:600}.adp-btn:hover:not(:disabled){background:var(--bg)}.adp-btn:disabled{opacity:.5;cursor:not-allowed}.adp-btn-prim{background:var(--blue);color:#e6f1fb;border-color:var(--blue)}.adp-btn-prim:hover{opacity:.9}.adp-stats{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px;display:grid}.adp-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);align-items:center;gap:12px;padding:12px 14px;display:flex}.adp-stat-ic{border-radius:var(--r);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.adp-stat-ic svg{width:16px;height:16px}.adp-ic-blue{background:var(--blue-50);color:var(--blue-800)}.adp-ic-amber{background:var(--amber-50);color:var(--amber-800)}.adp-ic-green{background:var(--green-50);color:var(--green-800)}.adp-ic-purple{background:var(--purple-50);color:var(--purple-800)}.adp-ic-red{background:var(--red-50);color:var(--red-800)}.adp-stat-val{font-size:22px;font-weight:700;line-height:1}.adp-stat-label{color:var(--text-3);margin-top:3px;font-size:10px}.adp-c-blue{color:var(--blue)}.adp-c-amber{color:var(--amber)}.adp-c-green{color:var(--green)}.adp-c-purple{color:var(--purple)}.adp-c-red{color:var(--red)}.adp-stat-badge{border-radius:20px;margin-top:4px;padding:2px 7px;font-size:9px;font-weight:600;display:inline-block}.adp-badge-blue{background:var(--blue-50);color:var(--blue-800)}.adp-badge-purple{background:var(--purple-50);color:var(--purple-800);animation:1.8s ease-in-out infinite adp-pulse}@keyframes adp-pulse{0%,to{opacity:1}50%{opacity:.55}}.adp-layout{grid-template-columns:1fr 1fr 280px;gap:12px;display:grid}.adp-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.adp-panel-hdr{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:11px 14px;display:flex}.adp-panel-title{align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.adp-btn-link{color:var(--blue);cursor:pointer;background:0 0;border:none;font-family:Sarabun,sans-serif;font-size:11px;font-weight:500}.adp-alert-count{background:var(--red-50);color:var(--red-800);border-radius:20px;padding:2px 8px;font-size:10px;font-weight:600}.adp-tbl-wrap{max-height:420px;overflow:auto}.adp-tbl{border-collapse:collapse;width:100%;font-size:12px}.adp-tbl thead{background:var(--bg);z-index:1;position:sticky;top:0}.adp-tbl th{text-align:left;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding:9px 12px;font-size:10px;font-weight:600}.adp-tbl td{color:var(--text);border-bottom:1px solid #f1f5f9;padding:10px 12px}.adp-tbl tr:last-child td{border-bottom:none}.adp-tbl tbody tr:hover td{background:var(--bg)}.adp-tbl-empty{text-align:center;color:var(--text-3);padding:24px}.adp-tbl-id{color:var(--blue);font-weight:500}.adp-tbl-cust{white-space:nowrap;text-overflow:ellipsis;max-width:140px;overflow:hidden}.adp-tbl-zone{color:var(--text-2)}.adp-avs{display:flex}.adp-av{border:1.5px solid var(--surface);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:9px;font-weight:600;display:flex}.adp-av-b{background:var(--blue-50);color:var(--blue-800);z-index:2}.adp-av-g{background:var(--green-50);color:var(--green-800);margin-left:-6px}.adp-prog-inline{align-items:center;gap:6px;display:flex}.adp-prog-bg{background:var(--bg);border-radius:2px;flex-shrink:0;width:80px;height:4px;overflow:hidden}.adp-prog-fill{background:var(--blue);border-radius:2px;height:100%}.adp-prog-txt{color:var(--text-3);white-space:nowrap;font-size:11px}.adp-tag{white-space:nowrap;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:600}.adp-tag-blue{background:var(--blue-50);color:var(--blue-800)}.adp-tag-green{background:var(--green-50);color:var(--green-800)}.adp-tag-amber{background:var(--amber-50);color:var(--amber-800)}.adp-tag-purple{background:var(--purple-50);color:var(--purple-800)}.adp-tag-red{background:var(--red-50);color:var(--red-800)}.adp-side{flex-direction:column;gap:12px;display:flex}.adp-alert-row{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:10px;padding:11px 14px;display:flex}.adp-alert-row:last-child{border-bottom:none}.adp-alert-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:4px}.adp-dot-red{background:var(--red-400)}.adp-dot-amber{background:#ef9f27}.adp-dot-blue{background:#378add}.adp-alert-title{font-size:12px;font-weight:500}.adp-alert-sub{color:var(--text-3);margin-top:2px;font-size:11px}.adp-act-btn{width:100%;color:var(--text-2);cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;padding:11px 14px;font-family:Sarabun,sans-serif;font-size:12px;font-weight:500;display:flex}.adp-act-btn:last-child{border-bottom:none}.adp-act-btn:hover{background:var(--bg)}.adp-act-icon{border-radius:var(--r);background:var(--blue-50);flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.adp-act-icon svg{width:13px;height:13px;color:var(--blue-800)}.adp-stat-clickable{cursor:pointer;border-bottom:3px solid #0000;transition:all .2s}.adp-stat-clickable:hover{border-bottom-color:currentColor;transform:translateY(-3px);box-shadow:0 4px 12px #00000014}.adp-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.adp-modal{background:var(--surface);border-radius:var(--r-lg);flex-direction:column;width:100%;max-width:900px;max-height:85vh;animation:.3s ease-out adp-modal-in;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes adp-modal-in{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.adp-modal-hdr{border-bottom:1px solid var(--border);background:var(--bg);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.adp-modal-hdr h3{color:var(--text);font-size:16px;font-weight:700}.adp-modal-close{color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;font-size:24px;line-height:1;transition:all .2s;display:flex}.adp-modal-close:hover{background:var(--border);color:var(--red)}.adp-btn-view-mini{background:var(--blue-50);color:var(--blue-800);border:1px solid var(--blue-100);cursor:pointer;border-radius:6px;padding:4px 10px;font-family:Sarabun,sans-serif;font-size:11px;font-weight:600;transition:all .2s}.adp-btn-view-mini:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.adp-modal-body{flex:1;padding:0;overflow-y:auto}.adp-modal-body .adp-tbl th{background:var(--surface);z-index:10;border-top:none;position:sticky;top:0}.adp-spin{animation:.8s linear infinite adp-rotate}@keyframes adp-rotate{to{transform:rotate(360deg)}}@media (max-width:1100px){.adp-layout{grid-template-columns:1fr 280px}.adp-layout>.adp-panel:nth-child(2){grid-area:2/1}.adp-side{grid-area:1/2/3}}@media (max-width:768px){.adp-stats{grid-template-columns:repeat(3,1fr)}.adp-layout{grid-template-columns:1fr}.adp-side{grid-area:auto/1}}:root{--pr-primary:#4f46e5;--pr-primary-dark:#4338ca;--pr-primary-light:#eef2ff;--pr-secondary:#64748b;--pr-success:#10b981;--pr-success-light:#ecfdf5;--pr-warning:#f59e0b;--pr-warning-light:#fffbeb;--pr-danger:#ef4444;--pr-danger-light:#fef2f2;--pr-info:#3b82f6;--pr-info-light:#eff6ff;--pr-bg:#f8fafc;--pr-card-bg:#fff;--pr-border:#e2e8f0;--pr-text-main:#1e293b;--pr-text-muted:#64748b;--pr-shadow-sm:0 1px 2px 0 #0000000d;--pr-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--pr-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--pr-radius-sm:6px;--pr-radius:12px;--pr-radius-lg:16px}.purchase-request-page{background-color:var(--pr-bg);min-height:100vh;padding:2rem 1.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.purchase-container{max-width:1400px;margin:0 auto}.purchase-header{justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;display:flex}.purchase-icon-box{background:linear-gradient(135deg,var(--pr-primary),var(--pr-primary-dark));border-radius:var(--pr-radius);color:#fff;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 8px 16px -4px #4f46e566}.purchase-subtitle{color:var(--pr-text-muted);margin-top:.25rem;font-size:1rem}.purchase-actions .btn-primary{background-color:var(--pr-primary);color:#fff;border-radius:var(--pr-radius);cursor:pointer;box-shadow:var(--pr-shadow-sm);border:none;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.purchase-actions .btn-primary:hover{background-color:var(--pr-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #4f46e54d}.purchase-actions .btn-primary:active{transform:translateY(0)}.purchase-stats{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-bottom:2.5rem;display:grid}.stat-card{background:var(--pr-card-bg);border-radius:var(--pr-radius-lg);border:1px solid var(--pr-border);box-shadow:var(--pr-shadow-sm);cursor:pointer;flex-direction:column;gap:.75rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--pr-shadow-lg);border-color:var(--pr-primary);transform:translateY(-4px)}.stat-card.active{border-color:var(--pr-primary);background-color:var(--pr-primary-light);box-shadow:0 0 0 1px var(--pr-primary)}.stat-card:before{content:"";background-color:var(--pr-border);width:100%;height:4px;transition:background-color .3s;position:absolute;top:0;left:0}.stat-card:hover:before{background-color:var(--pr-primary)}.stat-card.active:before{background-color:var(--pr-primary);height:6px}.stat-card.warning.active{background-color:var(--pr-warning-light);border-color:var(--pr-warning)}.stat-card.warning.active:before{background-color:var(--pr-warning)}.stat-card.info.active{background-color:var(--pr-info-light);border-color:var(--pr-info)}.stat-card.info.active:before{background-color:var(--pr-info)}.stat-card.success.active{background-color:var(--pr-success-light);border-color:var(--pr-success)}.stat-card.success.active:before{background-color:var(--pr-success)}.stat-card.danger.active{background-color:var(--pr-danger-light);border-color:var(--pr-danger)}.stat-card.danger.active:before{background-color:var(--pr-danger)}.stat-label{color:var(--pr-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:700}.stat-value-wrapper{align-items:baseline;gap:.5rem;display:block}.stat-value{color:var(--pr-text-main);font-size:2rem;font-weight:800;line-height:1}.stat-unit{color:var(--pr-text-muted);font-size:.875rem;font-weight:500}.stat-subtext{color:var(--pr-text-muted);font-size:.8rem;font-weight:500}.stat-card.warning .stat-value{color:var(--pr-warning)}.stat-card.info .stat-value{color:var(--pr-info)}.stat-card.success .stat-value{color:var(--pr-success)}.stat-card.danger .stat-value{color:var(--pr-danger)}.controls-container{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.search-wrapper{flex:1;max-width:480px;position:relative}.search-icon{color:var(--pr-text-muted);font-size:1rem;position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.search-input{border:1px solid var(--pr-border);border-radius:var(--pr-radius);background:var(--pr-card-bg);width:100%;box-shadow:var(--pr-shadow-sm);padding:.875rem 1.25rem .875rem 3.25rem;font-size:1rem;transition:all .2s}.search-input:focus{border-color:var(--pr-primary);background:#fff;outline:none;box-shadow:0 0 0 4px #4f46e51a}.search-clear{color:var(--pr-text-muted);cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.search-clear:hover{background-color:var(--pr-danger-light);color:var(--pr-danger)}.table-container{background:var(--pr-card-bg);border-radius:var(--pr-radius-lg);box-shadow:var(--pr-shadow);border:1px solid var(--pr-border);overflow:hidden}.purchase-table{border-collapse:separate;border-spacing:0;width:100%}.purchase-table th{border-bottom:2px solid var(--pr-border);text-align:left;color:var(--pr-text-muted);text-transform:uppercase;letter-spacing:.075em;background-color:#f8fafc;padding:1.25rem 1rem;font-size:.75rem;font-weight:700}.purchase-table td{vertical-align:middle;border-bottom:1px solid var(--pr-border);color:var(--pr-text-main);padding:1.25rem 1rem;transition:background-color .2s}.purchase-table td:last-child{min-width:160px}.purchase-table tr:last-child td{border-bottom:none}.purchase-table tr:hover td{background-color:#fcfdfe}.request-no-cell{flex-direction:column;gap:4px;display:flex}.request-no{color:var(--pr-primary);font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:700}.request-date{color:var(--pr-text-muted);font-size:.75rem}.priority-badge{border-radius:20px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.priority-badge.low{color:#166534;background-color:#f0fdf4}.priority-badge.normal{color:#475569;background-color:#f8fafc}.priority-badge.urgent{color:#9a3412;background-color:#fffbeb}.priority-badge.very_urgent{color:#991b1b;background-color:#fef2f2}.project-info{flex-direction:column;gap:4px;display:flex}.project-name{font-size:.95rem;font-weight:600}.required-date{color:var(--pr-danger);align-items:center;gap:4px;font-size:.75rem;display:flex}.product-names-cell{max-width:280px;color:var(--pr-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.amount-cell{text-align:right;font-family:Inter,sans-serif;font-size:1rem;font-weight:700}.status-flow-container{flex-direction:column;gap:8px;min-width:200px;display:flex}.status-badge-modern{border-radius:8px;align-items:center;gap:6px;width:fit-content;padding:6px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.status-badge-modern.pending{background-color:var(--pr-warning-light);color:var(--pr-warning)}.status-badge-modern.approved{color:#0f766e;background-color:#ccfbf1}.status-badge-modern.ordered{background-color:var(--pr-info-light);color:var(--pr-info)}.status-badge-modern.paid,.status-badge-modern.success,.status-badge-modern.confirmed,.status-badge-modern.received,.status-badge-modern.completed{background-color:var(--pr-success-light);color:var(--pr-success)}.status-badge-modern.rejected{background-color:var(--pr-danger-light);color:var(--pr-danger)}.status-stepper-mini{align-items:center;gap:4px;display:flex}.mini-step{background-color:var(--pr-border);border-radius:2px;width:32px;height:4px}.mini-step.active{background-color:var(--pr-primary)}.mini-step.completed{background-color:var(--pr-success)}.action-buttons{z-index:10;justify-content:flex-end;gap:.75rem;display:flex;position:relative}.btn-icon{border:1.5px solid var(--pr-border);width:42px;height:42px;color:var(--pr-text-muted);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;font-size:1.1rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 4px #0000000d}.btn-icon svg{fill:currentColor;stroke:currentColor;pointer-events:none;flex-shrink:0;width:20px;height:20px;display:block}.btn-icon svg path,.btn-icon svg circle,.btn-icon svg rect{fill:inherit;stroke:inherit}.btn-icon:hover{transform:translateY(-3px);box-shadow:0 6px 12px #00000026}.btn-icon.view{color:#4f46e5;background-color:#f5f3ff;border-color:#4f46e54d}.btn-icon.edit{color:#d97706;background-color:#fffbeb;border-color:#d977064d}.btn-icon.delete{color:#dc2626;background-color:#fef2f2;border-color:#dc26264d}.btn-icon.view:hover{color:#fff;background-color:#4f46e5;border-color:#4f46e5}.btn-icon.edit:hover{color:#fff;background-color:#d97706;border-color:#d97706}.btn-icon.delete:hover{color:#fff;background-color:#dc2626;border-color:#dc2626}.empty-state{text-align:center;background:#fff;flex-direction:column;align-items:center;padding:6rem 2rem;display:flex}.empty-illustration{background-color:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;margin-bottom:2rem;font-size:5rem;display:flex}.empty-title{color:var(--pr-text-main);margin-bottom:.75rem;font-size:1.5rem;font-weight:800}.empty-subtitle{color:var(--pr-text-muted);max-width:400px;margin:0 auto;font-size:1.1rem}.text-right{text-align:right}@media (max-width:1024px){.purchase-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.purchase-actions{width:100%}.purchase-actions .btn-primary{justify-content:center;width:100%}}@media (max-width:768px){.purchase-request-page{padding:1.5rem 1rem}.purchase-stats{grid-template-columns:1fr 1fr}.controls-container{flex-direction:column;align-items:stretch}.search-wrapper{max-width:none}}@media (max-width:480px){.purchase-stats{grid-template-columns:1fr}}:root{--modal-bg:#fff;--modal-overlay:#0f172abf;--input-bg:#f8fafc;--input-border:#e2e8f0;--input-focus:#4f46e5;--section-bg:#f1f5f9}.pr-modal-overlay{background-color:var(--modal-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.pr-modal-container{background-color:var(--modal-bg);border-radius:20px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) modalAppear;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes modalAppear{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.pr-modal-header{border-bottom:1px solid var(--input-border);background:linear-gradient(90deg,#fff,#f8fafc);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.pr-modal-title{color:#1e293b;letter-spacing:-.025em;margin:0;font-size:1.5rem;font-weight:800}.pr-modal-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.pr-modal-close:hover{color:#ef4444;background-color:#fee2e2;transform:rotate(90deg)}.pr-modal-container>form{flex-direction:column;flex:1;display:flex;overflow:hidden}.pr-modal-body{background-color:#fff;flex:1;padding:2rem;overflow-y:auto}.form-section{margin-bottom:2.5rem}.form-section:last-child{margin-bottom:0}.form-section-title{color:#475569;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.1rem;font-weight:700;display:flex}.form-section-title:after{content:"";background-color:var(--input-border);flex:1;height:1px}.form-group{margin-bottom:1.25rem}.form-label{color:#334155;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.form-label span{color:#ef4444}.form-input{border:1px solid var(--input-border);background-color:var(--input-bg);color:#1e293b;border-radius:10px;width:100%;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.form-input:focus{border-color:var(--input-focus);background-color:#fff;outline:none;box-shadow:0 0 0 4px #4f46e51a}.priority-options{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;display:grid}.priority-card{border:1px solid var(--input-border);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem;transition:all .2s;display:flex}.priority-card:hover{border-color:var(--input-focus);background-color:#f5f3ff}.priority-card.active{border-color:var(--input-focus);background-color:#eef2ff;box-shadow:0 4px 6px -1px #4f46e51a}.priority-dot{border:2px solid #cbd5e1;border-radius:50%;width:12px;height:12px}.priority-card.active .priority-dot{border-color:var(--input-focus);background-color:var(--input-focus);box-shadow:0 0 0 4px #4f46e533}.items-list{flex-direction:column;gap:1.5rem;display:flex}.item-row-card{border:1px solid var(--input-border);background:#f8fafc;border-radius:16px;padding:1.5rem;transition:all .2s;position:relative}.item-row-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000000d}.item-row-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.btn-remove-item{color:#ef4444;cursor:pointer;z-index:10;background:#fee2e2;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:-10px;right:-10px;box-shadow:0 2px 4px #ef444433}.btn-remove-item:hover{color:#fff;background:#ef4444;transform:scale(1.1)}.btn-add-item{border:2px dashed var(--input-border);color:#64748b;cursor:pointer;background-color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1.5rem;padding:1rem;font-weight:600;transition:all .2s;display:flex}.btn-add-item:hover{border-color:var(--input-focus);color:var(--input-focus);background-color:#f8fafc}.pr-modal-footer{border-top:1px solid var(--input-border);background-color:#f8fafc;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;display:flex}.btn-cancel{color:#334155;cursor:pointer;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;padding:.75rem 1.5rem;font-weight:700;transition:all .2s}.btn-cancel:hover{color:#0f172a;background-color:#e2e8f0;border-color:#94a3b8}.btn-file-select:hover{background-color:#e2e8f0!important;border-color:#cbd5e1!important}.btn-remove-preview:hover{color:#fff!important;background-color:#ef4444!important}select.form-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:2.5rem}.btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#4338ca);border:none;border-radius:10px;padding:.75rem 2rem;font-weight:700;transition:all .2s;box-shadow:0 4px 6px -1px #4f46e533}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #4f46e54d}.btn-submit:active{transform:translateY(0)}.image-preview-box{border:2px solid var(--input-border);background-color:var(--input-bg);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;transition:all .2s;display:flex;overflow:hidden}.image-preview-box img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.image-preview-box svg{color:#cbd5e1;font-size:1.5rem}@media (max-width:768px){.item-row-grid{grid-template-columns:1fr 1fr}.pr-modal-container{border-radius:0;max-height:100vh}}:root{--detail-bg:#f8fafc;--detail-card-bg:#fff;--detail-accent:#4f46e5;--detail-text-main:#1e293b;--detail-text-muted:#64748b;--detail-border:#e2e8f0}.pr-detail-page{background-color:var(--detail-bg);min-height:100vh;padding:2rem 1.5rem}.pr-detail-container{max-width:1100px;margin:0 auto}.pr-detail-header-nav{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.back-link{color:var(--detail-text-muted);align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.back-link:hover{color:var(--detail-accent)}.header-actions{gap:1rem;display:flex}.action-btn{border:1px solid var(--detail-border);color:var(--detail-text-main);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.action-btn:hover{background-color:#f1f5f9;border-color:#cbd5e1}.action-btn.pdf-btn{background:var(--detail-accent);color:#fff;border:none}.action-btn.pdf-btn:hover{background:#4338ca;transform:translateY(-1px)}.pr-main-card{background:var(--detail-card-bg);border:1px solid var(--detail-border);border-radius:20px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.pr-card-header{border-bottom:1px solid var(--detail-border);background:linear-gradient(90deg,#fff,#f8fafc);justify-content:space-between;align-items:center;padding:2rem;display:flex}.header-left h2{color:var(--detail-text-main);letter-spacing:-.025em;margin:.5rem 0 0;font-size:1.75rem;font-weight:800}.request-no-badge{color:var(--detail-accent);background-color:#eef2ff;border-radius:20px;align-items:center;gap:.5rem;padding:4px 12px;font-family:JetBrains Mono,monospace;font-size:.875rem;font-weight:700;display:inline-flex}.status-badge-lg{border-radius:12px;align-items:center;gap:.75rem;padding:.75rem 1.25rem;font-size:1rem;font-weight:700;display:flex}.status-badge-lg.status-pending{color:#9a3412;background-color:#fffbeb}.status-badge-lg.status-approved{color:#166534;background-color:#f0fdf4}.status-badge-lg.status-ordered{color:#1d4ed8;background-color:#eff6ff}.status-badge-lg.status-paid{color:#065f46;background-color:#ecfdf5}.status-badge-lg.status-received{color:#075985;background-color:#f0f9ff}.status-badge-lg.status-success{color:#166534;background-color:#f0fdf4}.status-badge-lg.status-rejected{color:#991b1b;background-color:#fef2f2}.pr-card-body{padding:2.5rem}.section-title{color:var(--detail-text-main);align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.125rem;font-weight:700;display:flex}.info-grid{border:1px solid var(--detail-border);background-color:#f8fafc;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:2rem;padding:2rem;display:grid}.info-item{flex-direction:column;gap:.5rem;display:flex}.info-item.full-width{grid-column:span 3}.info-label{text-transform:uppercase;letter-spacing:.05em;color:var(--detail-text-muted);font-size:.75rem;font-weight:700}.info-value{color:var(--detail-text-main);align-items:center;gap:.5rem;font-size:1rem;font-weight:600;display:flex}.remark-text{border:1px solid var(--detail-border);color:var(--detail-text-main);background:#fff;border-radius:10px;padding:1rem;font-size:.95rem;line-height:1.6}.items-table-detail{border-collapse:separate;border-spacing:0;width:100%;margin-top:1rem}.items-table-detail th{text-align:left;color:var(--detail-text-muted);text-transform:uppercase;border-bottom:2px solid var(--detail-border);padding:1rem;font-size:.75rem;font-weight:700}.items-table-detail td{border-bottom:1px solid var(--detail-border);vertical-align:middle;padding:1.25rem 1rem}.slips-gallery{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;margin-top:1rem;display:grid}.slip-card{aspect-ratio:3/4;cursor:pointer;border:1px solid var(--detail-border);background:#fff;border-radius:12px;transition:transform .2s;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.slip-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.slip-card img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.slip-date{color:#fff;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ab3;padding:6px 8px;font-size:.75rem;position:absolute;bottom:0;left:0;right:0}.slip-overlay{color:#fff;opacity:0;background:#4f46e533;justify-content:center;align-items:center;font-size:1.5rem;transition:opacity .2s;display:flex;position:absolute;inset:0}.slip-card:hover .slip-overlay{opacity:1}.btn-upload-slip{background-color:var(--detail-accent);color:#fff;cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 6px -1px #4f46e54d}.btn-upload-slip:hover{background-color:#4338ca;transform:translateY(-1px);box-shadow:0 6px 12px -1px #4f46e566}.no-slips{text-align:center;border:2px dashed var(--detail-border);color:var(--detail-text-muted);background:#f8fafc;border-radius:16px;grid-column:1/-1;padding:4rem 2rem;font-size:.95rem}.btn-mini-status{border:1px solid var(--detail-border);cursor:pointer;background:#fff;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:700;transition:all .2s}.btn-mini-status:hover{background-color:#f1f5f9;border-color:#cbd5e1}.item-thumb-container{cursor:pointer;border:1px solid var(--detail-border);border-radius:12px;width:80px;height:80px;position:relative;overflow:hidden}.item-thumb-container img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.thumb-overlay{color:#fff;opacity:0;background:#0000004d;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.item-thumb-container:hover .thumb-overlay{opacity:1}.item-status-control{flex-direction:column;align-items:center;gap:8px;display:flex}.item-status-badge{white-space:nowrap;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.item-status-badge.pending{color:#64748b;background-color:#f1f5f9}.item-status-badge.ordered{color:#10b981;background-color:#ecfdf5}.item-action-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:4px 12px;font-size:.7rem;font-weight:700;transition:all .2s}.item-action-btn:disabled{opacity:.5;cursor:not-allowed}.item-action-btn.btn-order{color:#fff;background-color:#4f46e5}.item-action-btn.btn-order:hover{background-color:#4338ca}.item-action-btn.btn-undo{color:#ef4444;background-color:#fff;border-color:#e2e8f0}.item-action-btn.btn-undo:hover{background-color:#fef2f2;border-color:#fecaca}.item-row-ordered{background-color:#fcfdfe}.item-row-ordered td{opacity:.85}.qty-badge{color:var(--detail-text-main);background:#f1f5f9;border-radius:20px;padding:4px 12px;font-weight:700}.total-amount-value{color:var(--detail-accent);font-size:1.5rem;font-weight:800}.pr-timeline{flex-direction:column;gap:1.5rem;padding-left:2rem;display:flex;position:relative}.pr-timeline:before{content:"";background-color:var(--detail-border);width:2px;position:absolute;top:0;bottom:0;left:7px}.timeline-step{position:relative}.step-dot{border:3px solid var(--detail-border);z-index:2;background:#fff;border-radius:50%;width:16px;height:16px;position:absolute;top:5px;left:-20px}.timeline-step.active .step-dot{border-color:var(--detail-accent);background-color:var(--detail-accent);box-shadow:0 0 0 4px #4f46e526}.step-content{flex-direction:column;display:flex}.step-label{color:var(--detail-text-main);font-weight:700}.step-time{color:var(--detail-text-muted);font-size:.8rem}.pr-lightbox-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0f172ae6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pr-lightbox-content{max-width:90vw;max-height:90vh;position:relative}.pr-lightbox-content img{border-radius:12px;max-width:100%;max-height:90vh;box-shadow:0 25px 50px -12px #00000080}.pr-lightbox-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:2.5rem;position:absolute;top:-40px;right:-40px}@media (max-width:768px){.info-grid{grid-template-columns:1fr;gap:1rem}.info-item.full-width{grid-column:span 1}.pr-card-header{flex-direction:column;align-items:flex-start;gap:1.5rem}}:root{--bg:#0a0f1e;--bg-panel:#0d1427;--bg-card:#ffffff08;--bg-card-hv:#ffffff0e;--bg-input:#ffffff0d;--bd:#ffffff12;--bd-hi:#ffffff1c;--bd-accent:#7c3aed4d;--tx1:#f1f5f9;--tx2:#94a3b8;--tx3:#475569;--tx-accent:#a78bfa;--violet:#7c3aed;--indigo:#4f46e5;--grad:linear-gradient(135deg,#7c3aed,#4f46e5);--green:#10b981;--green-bg:#10b9811a;--green-bd:#10b98133;--green-tx:#34d399;--amber:#f59e0b;--amber-bg:#f59e0b14;--amber-bd:#f59e0b33;--amber-tx:#fbbf24;--red:#ef4444;--red-bg:#ef44441a;--red-bd:#ef444433;--red-tx:#f87171;--blue:#3b82f6;--blue-bg:#3b82f61a;--blue-bd:#3b82f633;--blue-tx:#60a5fa;--r-xs:6px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-full:999px;--sh-sm:0 2px 8px #0006;--sh-md:0 8px 32px #00000080;--sh-lg:0 24px 64px #000000a6,0 4px 16px #0000004d;--sh-glow:0 4px 20px #7c3aed59;--f:"Prompt",system-ui,sans-serif;--fm:"JetBrains Mono",monospace;--t:.15s ease;--t-slow:.25s cubic-bezier(.34,1.15,.64,1)}.vd-page{background:var(--bg);min-height:100vh;font-family:var(--f);-webkit-font-smoothing:antialiased;color:var(--tx1);position:relative;overflow-x:hidden}.vd-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#7c3aed12 0%,#0000 60%);width:700px;height:700px;position:fixed;top:-300px;right:-200px}.vd-page:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#4f46e50d 0%,#0000 60%);width:500px;height:500px;position:fixed;bottom:-200px;left:-150px}.vd-loading{min-height:100vh;color:var(--tx3);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:.9rem;display:flex}.vd-loading__ring{border:3px solid #7c3aed26;border-top-color:var(--violet);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite vd-spin}@keyframes vd-spin{to{transform:rotate(360deg)}}.vd-topbar{z-index:100;background:var(--bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--bd);align-items:center;gap:20px;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.vd-topbar__brand{flex-shrink:0;align-items:center;gap:10px;display:flex}.vd-brand-icon{border-radius:var(--r-md);background:var(--grad);color:#fff;width:36px;height:36px;box-shadow:var(--sh-glow);justify-content:center;align-items:center;font-size:.85rem;display:flex}.vd-topbar__brand h1{color:var(--tx1);letter-spacing:-.2px;font-size:.95rem;font-weight:800;line-height:1.2}.vd-topbar__brand span{color:var(--tx3);letter-spacing:.8px;text-transform:uppercase;font-size:.65rem;font-weight:500;display:block}.vd-tabs{scrollbar-width:none;flex:1;gap:2px;display:flex;overflow-x:auto}.vd-tabs::-webkit-scrollbar{display:none}.vd-tab{font-family:var(--f);color:var(--tx3);cursor:pointer;border-radius:var(--r-sm);transition:all var(--t);white-space:nowrap;background:0 0;border:none;align-items:center;gap:7px;padding:7px 16px;font-size:.83rem;font-weight:600;display:flex;position:relative}.vd-tab svg{flex-shrink:0;width:13px;height:13px}.vd-tab:hover{color:var(--tx-accent);background:#7c3aed14}.vd-tab--active{background:var(--grad);color:#fff;box-shadow:var(--sh-glow)}.vd-tab__badge{background:var(--red);color:#fff;border-radius:var(--r-full);padding:2px 6px;font-size:.6rem;font-weight:700;line-height:1.4}.vd-tab__count{font-size:.65rem;font-family:var(--fm);color:var(--tx3);border-radius:var(--r-full);background:#ffffff0f;padding:1px 6px}.vd-main{z-index:1;max-width:1400px;margin:0 auto;padding:24px 24px 64px;position:relative}.vd-panel{background:var(--bg-card);border:1px solid var(--bd);border-radius:var(--r-xl);overflow:hidden}.vd-anim{animation:.2s vd-fadein}@keyframes vd-fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.vd-panel__hd{border-bottom:1px solid var(--bd);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.vd-panel__hd h3{color:var(--tx1);align-items:center;gap:7px;margin-bottom:3px;font-size:.9rem;font-weight:700;display:flex}.vd-panel__hd p{color:var(--tx3);font-size:.75rem}.vd-count-pill{color:var(--tx-accent);border:1px solid var(--bd-accent);border-radius:var(--r-full);font-size:.72rem;font-weight:700;font-family:var(--fm);background:#7c3aed1f;padding:3px 10px}.vd-tbl-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.vd-tbl{border-collapse:collapse;width:100%;min-width:580px}.vd-tbl th{text-align:left;font-family:var(--f);letter-spacing:.8px;text-transform:uppercase;color:var(--tx3);border-bottom:1px solid var(--bd);white-space:nowrap;background:#7c3aed08;padding:11px 20px;font-size:.63rem;font-weight:700}.vd-tbl td{border-bottom:1px solid var(--bd);color:var(--tx2);vertical-align:middle;padding:13px 20px;font-size:.86rem}.vd-tbl tr:last-child td{border-bottom:none}.vd-tbl tbody tr{transition:background var(--t)}.vd-tbl tbody tr:hover td{background:var(--bg-card-hv)}.vd-row--danger td{background:#ef44440a}.vd-row--warn td{background:#f59e0b0a}.vd-td-bold{color:#000;font-weight:700!important}.vd-mono{font-family:var(--fm);font-size:.82rem}.vd-accent{color:var(--tx-accent)}.vd-muted{color:var(--tx3)}.vd-ico-xs{vertical-align:middle;width:12px;height:12px;margin-right:4px;display:inline-block}.vd-price{color:var(--tx-accent);font-weight:600}.vd-thumb{border-radius:var(--r-sm);-o-object-fit:cover;object-fit:cover;border:1px solid var(--bd);width:42px;height:42px;display:block}.vd-thumb-ph{border-radius:var(--r-sm);border:1px dashed var(--bd-accent);width:42px;height:42px;color:var(--tx3);background:#7c3aed14;justify-content:center;align-items:center;font-size:.75rem;display:flex}.vd-location{color:var(--tx1);align-items:center;gap:5px;font-weight:600;display:flex}.vd-date{flex-direction:column;gap:1px;display:flex}.vd-date strong{color:var(--tx1);font-size:.86rem;font-weight:700}.vd-date small{color:var(--tx3);font-size:.7rem}.vd-user-stack{color:var(--tx2);flex-direction:column;gap:3px;font-size:.8rem;display:flex}.vd-user-lbl{color:var(--tx3);border:1px solid var(--bd);font-size:.6rem;font-weight:700;font-family:var(--fm);background:#ffffff0d;border-radius:3px;margin-right:5px;padding:1px 5px;display:inline-block}.vd-user-row{color:var(--tx1);align-items:center;gap:8px;font-size:.86rem;display:flex}.vd-badge{border-radius:var(--r-full);white-space:nowrap;border:1px solid;align-items:center;gap:5px;padding:4px 10px;font-size:.71rem;font-weight:700;display:inline-flex}.vd-badge svg{flex-shrink:0;width:10px;height:10px}.vd-dot{width:6px!important;height:6px!important}.vd-badge--green{background:var(--green-bg);color:var(--green-tx);border-color:var(--green-bd)}.vd-badge--red{background:var(--red-bg);color:var(--red-tx);border-color:var(--red-bd)}.vd-badge--amber{background:var(--amber-bg);color:var(--amber-tx);border-color:var(--amber-bd)}.vd-badge--blue{background:var(--blue-bg);color:var(--blue-tx);border-color:var(--blue-bd)}.vd-tag{color:var(--tx-accent);border-radius:var(--r-full);background:#7c3aed1a;border:1px solid #7c3aed2e;align-items:center;padding:2px 9px;font-size:.7rem;font-weight:600;display:inline-flex}.vd-tag--mono{font-family:var(--fm)}.vd-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;font-weight:700;display:flex}.vd-avatar--sm{width:28px;height:28px;font-size:.82rem}.vd-avatar--violet{background:var(--grad);box-shadow:0 2px 8px #7c3aed66}.vd-avatar--emerald{background:linear-gradient(135deg,#10b981,#047857);box-shadow:0 2px 8px #10b98159}.vd-btn{border-radius:var(--r-sm);height:36px;font-family:var(--f);cursor:pointer;transition:all var(--t);white-space:nowrap;border:1px solid #0000;flex-shrink:0;align-items:center;gap:7px;padding:0 14px;font-size:.83rem;font-weight:600;display:inline-flex}.vd-btn svg{flex-shrink:0;width:12px;height:12px}.vd-btn--primary{background:var(--grad);color:#fff;box-shadow:var(--sh-glow)}.vd-btn--primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.vd-btn--primary:active{transform:scale(.97)}.vd-btn--ghost{color:var(--tx-accent);border-color:var(--bd-accent);background:0 0}.vd-btn--ghost:hover{background:#7c3aed1f;border-color:#7c3aed66}.vd-btn--ghost:active{transform:scale(.97)}.vd-btn--approve{background:var(--green-bg);color:var(--green-tx);border-color:var(--green-bd);flex:1.5;justify-content:center;height:42px}.vd-btn--approve:hover{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 4px 14px #10b9814d}.vd-btn--reject{background:var(--red-bg);color:var(--red-tx);border-color:var(--red-bd);flex:1;justify-content:center;height:42px}.vd-btn--reject:hover{background:var(--red);color:#fff;border-color:var(--red);box-shadow:0 4px 14px #ef44444d}.vd-btn--block{flex:1;justify-content:center;height:44px;font-size:.88rem}.vd-actions{gap:6px;display:flex}.vd-ico-btn{border-radius:var(--r-sm);cursor:pointer;width:32px;height:32px;transition:all var(--t);border:1px solid;justify-content:center;align-items:center;font-size:.8rem;display:flex}.vd-ico-btn svg{width:12px;height:12px}.vd-ico-btn--edit{background:var(--amber-bg);color:var(--amber-tx);border-color:var(--amber-bd)}.vd-ico-btn--edit:hover{background:var(--amber);color:#fff;border-color:var(--amber)}.vd-ico-btn--hist{color:var(--tx-accent);border-color:var(--bd-accent);background:#7c3aed14}.vd-ico-btn--hist:hover{background:var(--grad);color:#fff;border-color:#0000}.vd-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.vd-stat{border:1px solid var(--bd-accent);border-radius:var(--r-md);background:#7c3aed14;flex-direction:column;align-items:center;gap:2px;padding:6px 14px;display:flex}.vd-stat span{letter-spacing:.8px;text-transform:uppercase;color:var(--tx-accent);font-size:.6rem;font-weight:700}.vd-stat strong{color:var(--tx-accent);font-size:1.1rem;font-weight:600}.vd-search{width:240px;max-width:100%;position:relative}.vd-search svg{color:var(--tx3);pointer-events:none;width:12px;height:12px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.vd-search input{background:var(--bg-input);border:1px solid var(--bd);border-radius:var(--r-sm);width:100%;height:36px;font-family:var(--f);color:var(--tx1);transition:all var(--t);padding:0 12px 0 33px;font-size:.845rem}.vd-search input:focus{background:#ffffff12;border-color:#7c3aed66;outline:none;box-shadow:0 0 0 3px #7c3aed1a}.vd-search input::placeholder{color:var(--tx3)}.vd-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;display:flex}.vd-toggle input{display:none}.vd-toggle__track{border:1px solid var(--bd);border-radius:var(--r-full);width:38px;height:20px;transition:all var(--t);background:#ffffff1a;flex-shrink:0;position:relative}.vd-toggle__track:after{content:"";background:var(--tx3);width:14px;height:14px;transition:transform var(--t-slow),background var(--t);border-radius:50%;position:absolute;top:2px;left:2px}.vd-toggle input:checked~.vd-toggle__track{background:var(--grad);border-color:#7c3aed66}.vd-toggle input:checked~.vd-toggle__track:after{background:#fff;transform:translate(18px)}.vd-toggle__lbl{color:var(--tx2);font-size:.83rem;font-weight:600}.vd-req-thumb{border-radius:var(--r-sm);border:1px solid var(--bd-accent);width:46px;height:46px;color:var(--tx3);cursor:pointer;transition:border-color var(--t);background:#7c3aed14;justify-content:center;align-items:center;font-size:.85rem;display:flex;overflow:hidden}.vd-req-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.vd-req-thumb:hover{border-color:#7c3aed99}.vd-empty{color:var(--tx3);flex-direction:column;align-items:center;gap:12px;padding:52px 24px;display:flex}.vd-empty svg{opacity:.2;width:38px;height:38px}.vd-empty p{font-size:.88rem}.vd-empty-sm{text-align:center;color:var(--tx3);padding:18px;font-size:.8rem}.vd-spinner{text-align:center;color:var(--tx3);padding:40px;font-size:.88rem}.vd-overlay{-webkit-backdrop-filter:blur(10px);z-index:2000;background:#050814c7;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.vd-modal{border:1px solid var(--bd-hi);border-radius:var(--r-xl);width:100%;max-width:520px;max-height:92vh;box-shadow:var(--sh-lg);background:#fff;flex-direction:column;animation:.22s cubic-bezier(.34,1.15,.64,1) vd-modal-in;display:flex;overflow:hidden}@keyframes vd-modal-in{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.vd-modal--wide{max-width:1060px}.vd-modal__hd{border-bottom:1px solid var(--bd);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.vd-modal__title{align-items:center;gap:12px;display:flex}.vd-modal__title h2{color:var(--tx1);margin:0;font-size:.95rem;font-weight:700}.vd-modal__title p{color:var(--tx3);margin:2px 0 0;font-size:.72rem}.vd-modal__ico{border-radius:var(--r-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;display:flex}.vd-modal__ico--violet{background:var(--grad);box-shadow:var(--sh-glow)}.vd-modal__ico--blue{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 3px 10px #3b82f64d}.vd-modal__ico--amber{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 3px 10px #f59e0b4d}.vd-modal__ico--indigo{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 3px 10px #6366f14d}.vd-modal__bd{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.vd-hd-right{align-items:center;gap:10px;display:flex}.vd-close{background:var(--red-bg);border:1px solid var(--red-bd);width:32px;height:32px;color:var(--red-tx);cursor:pointer;transition:all var(--t);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.vd-close svg{width:12px;height:12px;display:block}.vd-close:hover{background:var(--red);color:#fff;border-color:var(--red);box-shadow:0 3px 12px #ef444466}.vd-meta-strip{border:1px solid var(--bd);border-radius:var(--r-lg);background:#ffffff08;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 18px;display:flex}.vd-meta-item{flex-direction:column;gap:4px;display:flex}.vd-meta-label{letter-spacing:.8px;text-transform:uppercase;color:var(--tx3);font-size:.62rem;font-weight:700}.vd-meta-val{color:var(--tx1);align-items:center;gap:5px;font-size:.86rem;font-weight:600;display:flex}.vd-meta-sep{background:var(--bd);flex-shrink:0;align-self:center;width:1px;height:32px;display:none}.vd-audit{border:1px solid var(--bd);border-radius:var(--r-lg);background:#ffffff05;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:16px 18px;display:grid}.vd-audit__card{flex-direction:column;gap:8px;display:flex}.vd-audit__role{letter-spacing:.8px;text-transform:uppercase;color:var(--tx3);font-size:.62rem;font-weight:700}.vd-audit__user{align-items:center;gap:10px;display:flex}.vd-audit__user>div:last-child{flex-direction:column;gap:2px;display:flex}.vd-audit__user strong{color:var(--tx1);font-size:.86rem;font-weight:700;display:block}.vd-audit__user small{color:var(--tx3);font-size:.72rem}.vd-audit__arrow{color:var(--tx3);justify-content:center;font-size:.75rem;display:flex}.vd-section-lbl{letter-spacing:.8px;text-transform:uppercase;color:var(--tx3);align-items:center;gap:6px;font-size:.65rem;font-weight:700;display:flex}.vd-section-lbl--red{color:var(--red-tx)}.vd-check{align-items:center;gap:5px;font-size:.8rem;font-weight:600;display:flex}.vd-check--ok{color:var(--green-tx)}.vd-check--err{color:var(--red-tx)}.vd-check svg{width:11px;height:11px}.vd-note{background:var(--amber-bg);border:1px solid var(--amber-bd);border-radius:var(--r-md);color:var(--tx2);align-items:flex-start;gap:8px;padding:12px 14px;font-size:.84rem;display:flex}.vd-note svg{color:var(--amber-tx);flex-shrink:0;width:12px;height:12px;margin-top:2px}.vd-req-layout{grid-template-columns:190px 1fr;gap:20px;display:grid}.vd-product-frame{aspect-ratio:1;border:1px solid var(--bd);border-radius:var(--r-lg);background:#ffffff08;justify-content:center;align-items:center;width:190px;display:flex;overflow:hidden}.vd-product-frame img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;padding:10px}.vd-no-img{color:var(--tx3);flex-direction:column;align-items:center;gap:8px;font-size:.75rem;display:flex}.vd-no-img svg{width:26px;height:26px}.vd-price-badge{border:1px solid var(--bd-accent);border-radius:var(--r-md);text-align:center;background:#7c3aed14;margin-top:10px;padding:10px 12px}.vd-price-badge span{letter-spacing:.7px;text-transform:uppercase;color:var(--tx3);margin-bottom:4px;font-size:.62rem;font-weight:700;display:block}.vd-price-badge strong{color:var(--tx-accent);font-size:1.3rem;font-weight:700}.vd-req-info{flex-direction:column;gap:14px;display:flex}.vd-info-card{border:1px solid var(--bd);border-radius:var(--r-lg);background:#ffffff08;padding:16px 18px}.vd-info-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.vd-product-name{color:var(--tx1);letter-spacing:-.2px;margin-bottom:14px;font-size:1.15rem;font-weight:800;line-height:1.3}.vd-info-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.vd-info-field{flex-direction:column;gap:6px;display:flex}.vd-field-lbl{letter-spacing:.8px;text-transform:uppercase;color:var(--tx3);font-size:.62rem;font-weight:700}.vd-status-txt{font-size:.86rem;font-weight:700}.vd-status-txt--pending{color:var(--amber-tx)}.vd-status-txt--approved{color:var(--green-tx)}.vd-status-txt--rejected{color:var(--red-tx)}.vd-action-card{border:1px solid var(--bd);border-radius:var(--r-lg);background:#ffffff05;flex-direction:column;gap:10px;padding:16px 18px;display:flex}.vd-textarea{background:var(--bg-input);border:1px solid var(--bd);border-radius:var(--r-sm);width:100%;font-family:var(--f);color:var(--tx1);resize:none;transition:all var(--t);padding:11px 14px;font-size:.86rem;line-height:1.55}.vd-textarea:focus{border-color:#7c3aed66;outline:none;box-shadow:0 0 0 3px #7c3aed1a}.vd-textarea::placeholder{color:var(--tx3)}.vd-action-row{gap:10px;display:flex}.vd-decision{border-radius:var(--r-md);border:1px solid;padding:14px 16px}.vd-decision--approved{background:var(--green-bg);border-color:var(--green-bd)}.vd-decision--rejected{background:var(--red-bg);border-color:var(--red-bd)}.vd-decision__hd{align-items:center;gap:8px;margin-bottom:6px;font-size:.88rem;font-weight:700;display:flex}.vd-decision--approved .vd-decision__hd{color:var(--green-tx)}.vd-decision--rejected .vd-decision__hd{color:var(--red-tx)}.vd-decision__hd svg{width:13px;height:13px}.vd-decision p{color:var(--tx2);font-size:.83rem;line-height:1.55}.vd-machine-wrap{flex:1;grid-template-columns:1fr 280px;display:grid;overflow:hidden}.vd-machine-main{border-right:1px solid var(--bd);flex-direction:column;gap:14px;padding:18px;display:flex;overflow-y:auto}.vd-machine-side{background:#00000026;flex-direction:column;gap:18px;padding:18px;display:flex;overflow-y:auto}.vd-section-hd{border-bottom:1px solid var(--bd);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.vd-shelf-nav{flex-wrap:wrap;gap:4px;display:flex}.vd-shelf-btn{border:1px solid var(--bd);border-radius:var(--r-sm);font-family:var(--f);color:var(--tx3);cursor:pointer;transition:all var(--t);background:0 0;padding:4px 10px;font-size:.75rem;font-weight:600}.vd-shelf-btn.active{background:var(--grad);color:#fff;box-shadow:var(--sh-glow);border-color:#0000}.vd-shelf-btn:not(.active):hover{color:var(--tx-accent);border-color:var(--bd-accent)}.vd-slots{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.vd-slot{background:var(--bg-card);border:1px solid var(--bd);border-radius:var(--r-md);text-align:center;transition:all var(--t);flex-direction:column;gap:7px;min-height:160px;padding:10px;display:flex}.vd-slot:hover{border-color:var(--bd-accent);box-shadow:var(--sh-sm);transform:translateY(-2px)}.vd-slot--empty{opacity:.5;border-style:dashed}.vd-slot__num{font-family:var(--fm);color:var(--tx3);font-size:.58rem;font-weight:600}.vd-slot__img{aspect-ratio:1;border-radius:var(--r-sm);background:#ffffff08;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.vd-slot__img img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.vd-slot__ph{width:20px;height:20px;color:var(--tx3);opacity:.4}.vd-slot__name{color:var(--tx1);font-size:.72rem;font-weight:600;line-height:1.3}.vd-slot__name em{color:var(--tx3);font-style:normal}.vd-stock{margin-top:auto}.vd-stock__bar{background:#ffffff14;border-radius:2px;height:4px;margin-bottom:3px;overflow:hidden}.vd-stock__fill{border-radius:2px;height:100%;transition:width .4s}.vd-stock span{color:var(--tx3);text-align:right;font-size:.58rem;display:block}.vd-side-block{flex-direction:column;gap:8px;display:flex}.vd-log-list{flex-direction:column;gap:6px;display:flex}.vd-log{border:1px solid var(--bd);border-radius:var(--r-sm);border-left:2px solid var(--violet);background:#ffffff08;flex-direction:column;gap:3px;padding:9px 12px;display:flex}.vd-log--err{border-left-color:var(--red)}.vd-log__time{color:var(--tx3);font-size:.64rem}.vd-log__txt{color:var(--tx1);font-size:.8rem;font-weight:600}.vd-log__price{color:var(--tx-accent);font-size:.8rem;font-weight:600}.vd-err-tag{background:var(--red-bg);color:var(--red-tx);border:1px solid var(--red-bd);border-radius:var(--r-full);width:fit-content;padding:1px 7px;font-size:.62rem;font-weight:700;display:inline-flex}.vd-hist-row{border-bottom:1px solid var(--bd);justify-content:space-between;align-items:center;gap:12px;padding:11px 0;display:flex}.vd-hist-row:last-child{border-bottom:none}.vd-hist-by{color:var(--tx3);margin-top:5px;font-size:.75rem}.vd-form-group{flex-direction:column;gap:6px;display:flex}.vd-form-lbl{letter-spacing:1px;text-transform:uppercase;color:var(--tx3);font-size:.64rem;font-weight:700}.vd-input{background:var(--bg-input);border:1px solid var(--bd);border-radius:var(--r-sm);width:100%;height:42px;font-family:var(--f);color:var(--tx1);transition:all var(--t);appearance:none;padding:0 14px;font-size:.88rem}.vd-input:focus{background:#ffffff12;border-color:#7c3aed66;outline:none;box-shadow:0 0 0 3px #7c3aed1a}.vd-input::placeholder{color:var(--tx3)}.vd-input option{color:#1e293b;background:#fff}select.vd-input{color:#1e293b;background:#fff!important}.vd-input--file{height:auto;color:var(--tx2);padding:9px 14px;font-size:.82rem}.vd-img-picker{gap:8px;display:flex}.vd-img-btn{border:1px solid var(--bd);border-radius:var(--r-sm);height:42px;color:var(--tx1);cursor:pointer;transition:all var(--t);background:#ffffff0f;flex:1;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:.86rem;display:flex}.vd-img-btn:hover{color:#a78bfa;background:#7c3aed26;border-color:#7c3aed66}.vd-img-btn--cam{color:var(--tx2)}.vd-img-btn--cam:hover{color:#34d399;background:#10b9811f;border-color:#10b98166}.vd-img-preview{border-radius:var(--r-sm);border:1px solid var(--bd);margin-top:10px;position:relative;overflow:hidden}.vd-img-preview img{-o-object-fit:contain;object-fit:contain;background:#0000004d;width:100%;max-height:180px;display:block}.vd-img-clear{color:#fff;cursor:pointer;background:#ef4444d9;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;display:flex;position:absolute;top:6px;right:6px}.vd-img-current-label{color:var(--tx2);text-align:center;background:#0000008c;padding:4px 0;font-size:.72rem;position:absolute;bottom:0;left:0;right:0}.vd-form-actions{gap:10px;margin-top:4px;display:flex}@media (max-width:1060px){.vd-machine-wrap{grid-template-columns:1fr}.vd-machine-main{border-right:none;border-bottom:1px solid var(--bd)}.vd-machine-side{grid-template-columns:1fr 1fr;display:grid}}@media (max-width:768px){.vd-topbar{gap:12px;height:56px;padding:0 14px}.vd-topbar__brand span,.vd-tab__label{display:none}.vd-tab{padding:7px 12px}.vd-btn--primary span{display:none}.vd-btn--primary{padding:0 12px}.vd-main{padding:16px 14px 56px}.vd-panel__hd{padding:14px 16px}.vd-tbl td,.vd-tbl th{padding:11px 12px}.vd-req-layout{grid-template-columns:1fr}.vd-product-frame{width:100%}.vd-audit{grid-template-columns:1fr}.vd-audit__arrow{display:none}.vd-action-row{flex-direction:column}.vd-btn--approve,.vd-btn--reject{flex:none}.vd-machine-side,.vd-info-grid{grid-template-columns:1fr}.vd-toolbar{width:100%}.vd-search{width:100%;max-width:none}}@media (max-width:480px){.vd-slots{grid-template-columns:repeat(2,1fr)}.vd-meta-strip{flex-direction:column}}:root{--violet:#7c3aed;--violet-2:#6d28d9;--violet-soft:#ede9fe;--violet-glow:#7c3aed38;--indigo:#4f46e5;--cyan:#06b6d4;--green:#10b981;--green-soft:#d1fae5;--red:#ef4444;--red-soft:#fee2e2;--amber:#f59e0b;--amber-soft:#fef3c7;--bg-from:#f5f3ff;--bg-via:#eff6ff;--bg-to:#f0fdfa;--glass:#ffffffb8;--glass-hi:#ffffffeb;--glass-border:#ffffff9e;--tx1:#1a1333;--tx2:#4b4569;--tx3:#9390aa;--f:"Prompt",sans-serif;--fm:"Fira Code",monospace;--r-sm:14px;--r-md:18px;--r-lg:22px;--r-xl:28px;--r-p:999px;--sh:0 4px 20px #7c3aed12,0 1px 4px #0000000a;--sh-lg:0 8px 40px #7c3aed21,0 2px 8px #0000000d;--sh-modal:0 32px 80px #0f0a2847,0 8px 24px #0000001a;--sh-violet:0 6px 24px #7c3aed52;--sh-green:0 6px 20px #10b98147;--ease:cubic-bezier(.34,1.2,.64,1);--t:.2s}body{font-family:var(--f);-webkit-font-smoothing:antialiased}.vr-loading{background:linear-gradient(145deg,var(--bg-from),var(--bg-via),var(--bg-to));flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100vh;display:flex}.vr-loading p{color:var(--tx3);font-size:.875rem;font-weight:500}.vr-spinner{border:3px solid var(--violet-soft);border-top-color:var(--violet);border-radius:50%;width:34px;height:34px;animation:.75s linear infinite spin}.vr-root{min-height:100vh;font-family:var(--f);background:linear-gradient(145deg,var(--bg-from)0%,var(--bg-via)50%,var(--bg-to)100%);position:relative;overflow-x:hidden}.vr-root:before,.vr-root:after{content:"";pointer-events:none;z-index:0;border-radius:50%;position:fixed}.vr-root:before{background:radial-gradient(circle,#7c3aed1f 0%,#0000 65%);width:500px;height:500px;top:-180px;right:-160px}.vr-root:after{background:radial-gradient(circle,#06b6d41a 0%,#0000 65%);width:380px;height:380px;bottom:-120px;left:-100px}.vr-scanner{z-index:9999;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.vr-scanner-top{background:linear-gradient(#000000d9,#0000);justify-content:space-between;align-items:center;padding:52px 20px 18px;display:flex}.vr-scanner-label{color:#fff;align-items:center;gap:10px;font-size:1rem;font-weight:600;display:flex}.vr-scan-dot{background:#4ade80;border-radius:50%;width:9px;height:9px;animation:1.6s ease-out infinite scanpulse;box-shadow:0 0 #4ade8099}@keyframes scanpulse{0%{box-shadow:0 0 #4ade8099}70%{box-shadow:0 0 0 10px #4ade8000}to{box-shadow:0 0 #4ade8000}}.vr-scanner-x{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1.5px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;transition:background .15s;display:flex}.vr-scanner-x svg{flex-shrink:0;width:16px;height:16px;display:block}.vr-scanner-x:hover{background:#ffffff38}#reader{flex:1;border:none!important;width:100%!important}#reader__scan_region{background:#000!important}#reader__dashboard_section_csr button{background:var(--violet)!important;color:#fff!important;border-radius:var(--r-sm)!important;font-family:var(--f)!important;border:none!important;padding:10px 24px!important;font-weight:600!important}.vr-scanner-foot{text-align:center;color:#ffffff80;background:linear-gradient(#0000,#000c);padding:16px 20px 36px;font-size:.8rem}.vr-verify{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.vr-hero{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:60px 24px 32px;display:flex}.vr-logo-ring{width:88px;height:88px;margin-bottom:4px;position:relative}.vr-ring-spin{background:conic-gradient(from 0deg,var(--violet),var(--cyan),var(--indigo),var(--violet));border-radius:50%;padding:2.5px;animation:5s linear infinite ringrot;position:absolute;inset:0}@keyframes ringrot{to{transform:rotate(360deg)}}.vr-ring-core{background:var(--bg-from);z-index:1;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.vr-logo-grid{grid-template-columns:1fr 1fr;gap:5px;padding:2px;display:grid}.vr-lsq{background:var(--violet);border-radius:4px;width:16px;height:16px}.vr-lsq:nth-child(2){background:var(--indigo);opacity:.65}.vr-lsq:nth-child(3){background:var(--cyan);opacity:.55}.vr-lsq:nth-child(4){background:var(--violet);opacity:.3}.vr-brand{color:var(--tx1);letter-spacing:-.5px;font-size:2rem;font-weight:800;line-height:1}.vr-brand span{color:var(--violet)}.vr-hero-title{color:var(--tx1);font-size:1.375rem;font-weight:700;line-height:1.3}.vr-hero-sub{color:var(--tx3);max-width:280px;font-size:.9rem;font-weight:400;line-height:1.65}.vr-card{background:var(--glass-hi);-webkit-backdrop-filter:blur(24px);border:1.5px solid var(--glass-border);border-radius:var(--r-xl);box-shadow:var(--sh);z-index:1;flex-direction:column;gap:13px;margin:0 16px 24px;padding:26px 20px;display:flex;position:relative}.vr-btn{border-radius:var(--r-md);width:100%;height:54px;font-family:var(--f);cursor:pointer;transition:all var(--t)var(--ease);border:none;justify-content:center;align-items:center;gap:10px;font-size:1rem;font-weight:700;display:flex;position:relative;overflow:hidden}.vr-btn svg{flex-shrink:0;width:17px;height:17px;display:block}.vr-btn:active{transform:scale(.97)}.vr-btn:disabled{cursor:not-allowed;transform:none!important}.vr-btn-v{background:linear-gradient(135deg,var(--violet),var(--indigo));color:#fff;box-shadow:var(--sh-violet)}.vr-btn-v:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 32px #7c3aed66}.vr-btn-v:disabled{box-shadow:none;background:#c4b5fd}.vr-btn-o{background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:52px;color:var(--violet);border-radius:var(--r-md);border:1.5px solid #7c3aed33}.vr-btn-o:hover:not(:disabled){background:var(--violet-soft);border-color:var(--violet)}.vr-btn-o:disabled{opacity:.5}.vr-div{align-items:center;gap:12px;display:flex}.vr-div:before,.vr-div:after{content:"";background:linear-gradient(90deg,#0000,#7c3aed26,#0000);flex:1;height:1px}.vr-div span{color:var(--tx3);white-space:nowrap;font-size:.75rem;font-weight:500}.vr-field{flex-direction:column;gap:6px;display:flex}.vr-flbl{letter-spacing:1.5px;text-transform:uppercase;color:var(--tx3);font-size:.65rem;font-weight:600}.vr-iw{position:relative}.vr-iico{color:var(--tx3);pointer-events:none;width:16px;height:16px;font-size:1rem;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.vr-input{border-radius:var(--r-md);width:100%;height:52px;font-family:var(--fm);color:var(--tx1);letter-spacing:1.5px;text-transform:uppercase;transition:all var(--t);background:#ffffffd9;border:1.5px solid #7c3aed1a;padding:0 15px 0 43px;font-size:1rem;font-weight:500}.vr-input::placeholder{font-family:var(--f);text-transform:none;letter-spacing:0;color:var(--tx3);opacity:1;font-size:.875rem}.vr-input:focus{border-color:var(--violet);background:#fff;outline:none;box-shadow:0 0 0 4px #7c3aed17}.vr-tip{border:1.5px solid #f59e0b2e;border-left:3px solid var(--amber);border-radius:var(--r-sm);color:#92400e;background:#f59e0b12;align-items:flex-start;gap:10px;padding:13px 15px;font-size:.8rem;line-height:1.6;display:flex}.vr-tip-ico{color:var(--amber);flex-shrink:0;width:16px;height:16px;margin-top:1px}.vr-app{z-index:1;flex-direction:column;min-height:100vh;padding-bottom:96px;display:flex;position:relative}.vr-header{z-index:200;background:var(--glass);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--glass-border);align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.vr-back{background:var(--glass-hi);border:1.5px solid var(--glass-border);width:40px;height:40px;color:var(--tx2);cursor:pointer;box-shadow:var(--sh);transition:all var(--t)var(--ease);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.vr-back svg{flex-shrink:0;width:16px;height:16px;display:block}.vr-back:hover{background:var(--violet-soft);color:var(--violet);border-color:#7c3aed40}.vr-back:active{transform:scale(.92)}.vr-hinfo{flex:1;min-width:0}.vr-hname{color:var(--tx1);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:700;line-height:1.2;overflow:hidden}.vr-hmeta{align-items:center;gap:6px;margin-top:3px;display:flex}.vr-hcode{font-family:var(--fm);background:var(--violet-soft);color:var(--violet);border-radius:var(--r-p);border:1px solid #7c3aed26;padding:2px 8px;font-size:.62rem}.vr-hloc{color:var(--tx3);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.vr-hright{flex-shrink:0;align-items:center;gap:8px;display:flex}.vr-cpill{background:linear-gradient(135deg,var(--violet),var(--indigo));color:#fff;border-radius:var(--r-p);white-space:nowrap;padding:3px 10px;font-size:.7rem;font-weight:700;box-shadow:0 2px 10px #7c3aed47}.vr-savebtn{background:linear-gradient(135deg,var(--green),#059669);color:#fff;border-radius:var(--r-p);height:38px;font-family:var(--f);cursor:pointer;box-shadow:var(--sh-green);transition:all var(--t)var(--ease);border:none;align-items:center;gap:7px;padding:0 16px;font-size:.8rem;font-weight:700;display:flex}.vr-savebtn svg{flex-shrink:0;width:14px;height:14px;display:block}.vr-savebtn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #10b98159}.vr-savebtn:active:not(:disabled){transform:scale(.96)}.vr-savebtn:disabled{box-shadow:none;cursor:not-allowed;background:#d1d5db}.vr-stxt{display:none}@media (min-width:400px){.vr-stxt{display:inline}}.vr-toggle{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1.5px solid var(--glass-border);border-radius:var(--r-lg);box-shadow:var(--sh);justify-content:space-between;align-items:center;gap:12px;margin:14px 16px 0;padding:14px 16px;display:flex}.vr-tlhs strong{color:var(--tx1);margin-bottom:2px;font-size:.875rem;font-weight:700;display:block}.vr-tlhs p{color:var(--tx3);font-size:.75rem;line-height:1.4}.vr-sw{flex-shrink:0;width:48px;height:26px;display:inline-block;position:relative}.vr-sw input{opacity:0;width:0;height:0}.vr-sw-track{border-radius:var(--r-p);cursor:pointer;transition:background var(--t);background:#d1d5db;position:absolute;inset:0}.vr-sw-track:after{content:"";width:20px;height:20px;transition:transform var(--t)var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0000002e}.vr-sw input:checked~.vr-sw-track{background:linear-gradient(135deg,var(--violet),var(--indigo))}.vr-sw input:checked~.vr-sw-track:after{transform:translate(22px)}.vr-tabs{scrollbar-width:none;align-items:center;gap:8px;padding:14px 16px 0;display:flex;overflow-x:auto}.vr-tabs::-webkit-scrollbar{display:none}.vr-tab{background:var(--glass);border:1.5px solid var(--glass-border);border-radius:var(--r-p);font-family:var(--f);color:var(--tx3);cursor:pointer;white-space:nowrap;transition:all var(--t)var(--ease);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0;align-items:center;gap:6px;padding:8px 18px;font-size:.8rem;font-weight:600;display:flex;box-shadow:0 2px 8px #0000000a}.vr-tab:hover{color:var(--violet);border-color:#7c3aed38}.vr-tab.on{background:linear-gradient(135deg,var(--violet),var(--indigo));color:#fff;box-shadow:var(--sh-violet);border-color:#0000}.vr-tdot{background:#ffffffb3;border-radius:50%;flex-shrink:0;width:6px;height:6px}.vr-slots{flex-direction:column;gap:10px;padding:14px 16px;display:flex}.vr-slot{background:var(--glass-hi);-webkit-backdrop-filter:blur(12px);border:1.5px solid var(--glass-border);border-radius:var(--r-lg);box-shadow:var(--sh);transition:all var(--t)var(--ease);grid-template-columns:58px 1fr auto;align-items:center;gap:12px;padding:14px;display:grid;position:relative;overflow:hidden}.vr-slot:before{content:"";background:0 0;border-radius:3px 0 0 3px;width:3px;transition:background .15s;position:absolute;top:0;bottom:0;left:0}.vr-slot:hover{box-shadow:var(--sh-lg);transform:translateY(-1px)}.vr-slot.changed{background:#ede9fed9;border-color:#7c3aed33}.vr-slot.changed:before{background:linear-gradient(to bottom,var(--violet),var(--indigo))}.vr-slot.over{background:#fee2e2cc;border-color:#ef444438}.vr-slot.over:before{background:var(--red)}.vr-thumb{border-radius:var(--r-sm);cursor:pointer;color:#c4b5fd;width:58px;height:58px;transition:all var(--t-fast);background:#7c3aed0f;border:1.5px solid #7c3aed1a;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:flex;position:relative;overflow:hidden}.vr-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.vr-thumb:active{transform:scale(.93)}.vr-thumb-ov{background:#7c3aed00;justify-content:center;align-items:center;transition:background .15s;display:flex;position:absolute;inset:0}.vr-thumb:hover .vr-thumb-ov{background:#7c3aed8c}.vr-thumb-ov svg{color:#fff;opacity:0;width:18px;height:18px;transition:opacity .15s;display:block}.vr-thumb:hover .vr-thumb-ov svg{opacity:1}.vr-sinfo{cursor:pointer;min-width:0}.vr-scode{font-family:var(--fm);color:var(--tx3);letter-spacing:.5px;text-transform:uppercase;margin-bottom:3px;font-size:.6rem}.vr-sname{color:var(--tx1);white-space:nowrap;text-overflow:ellipsis;margin-bottom:7px;font-size:.9rem;font-weight:700;line-height:1.3;overflow:hidden}.vr-sname.empty{color:var(--tx3);font-style:italic;font-weight:400}.vr-srow{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.vr-spill{border-radius:var(--r-p);background:#ffffffa6;border:1px solid #0000000f;align-items:center;gap:5px;padding:3px 8px;display:flex}.vr-mbar{background:#00000014;border-radius:2px;width:32px;height:4px;overflow:hidden}.vr-mfill{border-radius:2px;height:100%;transition:width .4s}.vr-mfill.ok{background:linear-gradient(to right,#34d399,var(--green))}.vr-mfill.low{background:linear-gradient(to right,#fcd34d,var(--amber))}.vr-mfill.mt0{background:#0000001a}.vr-mfill.over{background:linear-gradient(to right,#f87171,var(--red))}.vr-stxt2{font-family:var(--fm);color:var(--tx2);white-space:nowrap;font-size:.65rem}.vr-badge{border-radius:var(--r-p);white-space:nowrap;align-items:center;gap:3px;padding:3px 8px;font-size:.63rem;font-weight:600;display:inline-flex}.vr-bg-store{background:var(--green-soft);color:#065f46;border:1px solid #10b98133}.vr-bg-warn{background:var(--amber-soft);color:#92400e;border:1px solid #f59e0b40}.vr-bg-over{background:var(--red-soft);color:#991b1b;border:1px solid #ef444433}.vr-qty{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.vr-qlbl{color:var(--tx3);text-transform:uppercase;letter-spacing:.8px;font-size:.58rem;font-weight:600}.vr-qinput{border-radius:var(--r-md);width:68px;height:48px;font-family:var(--fm);text-align:center;color:var(--violet);transition:all var(--t);-moz-appearance:textfield;background:#ffffffe6;border:1.5px solid #7c3aed24;font-size:1.25rem;font-weight:500;box-shadow:0 2px 8px #7c3aed12}.vr-qinput::-webkit-inner-spin-button{-webkit-appearance:none}.vr-qinput::-webkit-outer-spin-button{-webkit-appearance:none}.vr-qinput:focus{border-color:var(--violet);background:#fff;outline:none;box-shadow:0 0 0 4px #7c3aed17}.vr-qinput.over{border-color:var(--red);color:var(--red);background:#fef2f2e6;box-shadow:0 0 0 3px #ef444417}.vr-bar{z-index:200;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:var(--glass);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--glass-border);align-items:center;gap:14px;display:flex;position:fixed;bottom:0;left:0;right:0}.vr-bar-info{flex:1;min-width:0}.vr-bar-info strong{color:var(--tx1);font-size:.9rem;font-weight:700;display:block}.vr-bar-info span{color:var(--tx3);font-size:.73rem}.vr-bar-btn{background:linear-gradient(135deg,var(--violet),var(--indigo));color:#fff;border-radius:var(--r-p);min-width:130px;height:50px;font-family:var(--f);cursor:pointer;box-shadow:var(--sh-violet);transition:all var(--t)var(--ease);border:none;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:0 26px;font-size:.9rem;font-weight:700;display:flex}.vr-bar-btn svg{flex-shrink:0;width:15px;height:15px;display:block}.vr-bar-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 32px #7c3aed61}.vr-bar-btn:active:not(:disabled){transform:scale(.96)}.vr-bar-btn:disabled{box-shadow:none;cursor:not-allowed;background:#d1d5db;transform:none}.vr-mbg{z-index:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f0a2880;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.vr-modal{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1.5px solid var(--glass-border);border-radius:var(--r-xl)var(--r-xl)0 0;width:100%;max-width:520px;max-height:88vh;box-shadow:var(--sh-modal);animation:sheetup .32s var(--ease);background:#fffffff7;border-bottom:none;flex-direction:column;display:flex;overflow:hidden}@keyframes sheetup{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.vr-mhandle{background:#e2e8f0;border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:12px auto 0}.vr-mtop{border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;padding:14px 16px 12px;display:flex}.vr-msearch{border-radius:var(--r-md);height:44px;transition:all var(--t);background:#f8fafc;border:1.5px solid #e2e8f0;flex:1;align-items:center;gap:8px;padding:0 14px;display:flex}.vr-msearch:focus-within{border-color:var(--violet);background:#fff;box-shadow:0 0 0 3px #7c3aed17}.vr-msearch-ic{color:var(--tx3);flex-shrink:0;width:15px;height:15px}.vr-msearch input{font-family:var(--f);color:var(--tx1);background:0 0;border:none;flex:1;font-size:.9rem}.vr-msearch input:focus{outline:none}.vr-msearch input::placeholder{color:var(--tx3)}.vr-mx{width:40px;height:40px;color:var(--tx3);cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:all .14s;display:flex}.vr-mx svg{flex-shrink:0;width:15px;height:15px;display:block}.vr-mx:hover{background:var(--red-soft);color:var(--red)}.vr-plist{flex:1;overflow-y:auto}.vr-pi{cursor:pointer;border-bottom:1px solid #f8fafc;align-items:center;gap:13px;padding:11px 16px;transition:background .12s;display:flex}.vr-pi:hover{background:#faf8ff}.vr-pi:active{background:var(--violet-soft)}.vr-pi.clr{border-bottom:1px solid #f1f5f9;margin-bottom:4px}.vr-pi.clr:hover{background:#fff5f5}.vr-pthumb{border-radius:var(--r-sm);color:#c4b5fd;background:#7c3aed0f;border:1px solid #7c3aed14;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;display:flex;overflow:hidden}.vr-pthumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.vr-pi.clr .vr-pthumb{background:var(--red-soft);color:var(--red);border-color:#ef44441f}.vr-pn{color:var(--tx1);margin-bottom:2px;font-size:.875rem;font-weight:700}.vr-pi.clr .vr-pn{color:var(--red)}.vr-pp{color:var(--tx3);font-size:.73rem}@media (max-width:380px){.vr-slot{grid-template-columns:50px 1fr auto;gap:10px;padding:12px}.vr-thumb{width:50px;height:50px}.vr-qinput{width:60px;height:44px;font-size:1.1rem}}@media (min-width:640px){.vr-verify,.vr-app{max-width:560px;margin:0 auto}}:root{--bg:#0a0f1e;--bg-panel:#0d1427;--bg-card:#ffffff08;--bg-card-hv:#ffffff0e;--bg-input:#ffffff0f;--bd:#ffffff12;--bd-hi:#ffffff1c;--bd-accent:#7c3aed4d;--tx1:#f1f5f9;--tx2:#94a3b8;--tx3:#475569;--tx-accent:#a78bfa;--violet:#7c3aed;--indigo:#4f46e5;--grad:linear-gradient(135deg,#7c3aed,#4f46e5);--green:#10b981;--green-bg:#10b9811a;--green-bd:#10b98138;--green-tx:#34d399;--amber:#f59e0b;--amber-bg:#f59e0b14;--amber-bd:#f59e0b38;--amber-tx:#fbbf24;--red:#ef4444;--red-bg:#ef44441a;--red-bd:#ef444438;--red-tx:#f87171;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:22px;--r-full:999px;--sh-sm:0 2px 8px #0006;--sh-md:0 8px 32px #00000080;--sh-lg:0 24px 64px #000000a6,0 4px 16px #0000004d;--sh-glow:0 4px 20px #7c3aed61;--f:"Prompt",system-ui,sans-serif;--fm:"JetBrains Mono",monospace;--t:.15s ease;--ts:.25s cubic-bezier(.34,1.15,.64,1)}.vm-page{background:var(--bg);min-height:100vh;font-family:var(--f);-webkit-font-smoothing:antialiased;color:var(--tx1);position:relative;overflow-x:hidden}.vm-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#7c3aed12 0%,#0000 60%);width:700px;height:700px;position:fixed;top:-300px;right:-200px}.vm-page:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#4f46e50d 0%,#0000 60%);width:500px;height:500px;position:fixed;bottom:-200px;left:-150px}.vm-loading{min-height:100vh;color:var(--tx3);z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:.9rem;display:flex;position:relative}.vm-loading__ring{border:3px solid #7c3aed26;border-top-color:var(--violet);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite vm-spin}@keyframes vm-spin{to{transform:rotate(360deg)}}.vm-scanner-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:200;background:#000000eb;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.vm-scanner-frame{background:var(--bg-panel);border:1px solid var(--bd-hi);border-radius:var(--r-xl);width:100%;max-width:360px;box-shadow:var(--sh-lg);animation:.2s vm-fadein;overflow:hidden}.vm-scanner-hd{border-bottom:1px solid var(--bd);color:var(--tx1);justify-content:space-between;align-items:center;padding:14px 18px;font-size:.88rem;font-weight:600;display:flex}.vm-scanner-close{background:var(--red-bg);border:1px solid var(--red-bd);width:30px;height:30px;color:var(--red-tx);cursor:pointer;transition:all var(--t);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;display:flex}.vm-scanner-close:hover{background:var(--red);color:#fff}.vm-reader{background:#000;min-height:280px}.vm-scanner-hint{color:var(--tx3);text-align:center;padding:12px 18px;font-size:.78rem}.vm-verify-screen{z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:32px 20px 60px;display:flex;position:relative}.vm-verify-hero{text-align:center;margin-bottom:32px;position:relative}.vm-brand-glow{pointer-events:none;background:radial-gradient(circle,#7c3aed2e 0%,#0000 65%);width:220px;height:220px;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.vm-verify-icon{border-radius:var(--r-lg);background:var(--grad);color:#fff;width:76px;height:76px;box-shadow:var(--sh-glow);justify-content:center;align-items:center;margin:0 auto 20px;font-size:1.8rem;animation:.4s vm-fadein;display:flex;position:relative}.vm-verify-hero h1{color:var(--tx1);letter-spacing:-.3px;margin-bottom:8px;font-size:1.6rem;font-weight:800}.vm-verify-hero p{color:var(--tx3);font-size:.875rem;line-height:1.6}.vm-verify-card{background:var(--bg-card);border:1px solid var(--bd-hi);border-radius:var(--r-xl);width:100%;max-width:400px;box-shadow:var(--sh-md);flex-direction:column;gap:16px;padding:24px;animation:.3s .1s both vm-fadein;display:flex}.vm-scan-btn{background:var(--grad);border-radius:var(--r-md);cursor:pointer;transition:all var(--t);box-shadow:var(--sh-glow);text-align:left;border:none;align-items:center;gap:14px;padding:14px 18px;display:flex}.vm-scan-btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 8px 28px #7c3aed73}.vm-scan-btn:active{transform:scale(.98)}.vm-scan-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.vm-scan-btn__ico{border-radius:var(--r-sm);color:#fff;background:#ffffff26;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;display:flex}.vm-scan-btn__txt strong{color:#fff;margin-bottom:2px;font-size:.95rem;font-weight:700;display:block}.vm-scan-btn__txt span{color:#ffffffa6;font-size:.75rem}.vm-or{align-items:center;gap:10px;display:flex}.vm-or__line{background:var(--bd);flex:1;height:1px}.vm-or span{color:var(--tx3);white-space:nowrap;font-size:.75rem}.vm-manual-form{flex-direction:column;gap:10px;display:flex}.vm-input-wrap{align-items:center;display:flex;position:relative}.vm-input-ico{color:var(--tx3);pointer-events:none;width:13px;height:13px;position:absolute;left:13px}.vm-input{background:var(--bg-input);border:1px solid var(--bd);border-radius:var(--r-sm);width:100%;height:46px;font-family:var(--fm);color:var(--tx1);letter-spacing:.5px;transition:all var(--t);padding:0 36px;font-size:.9rem}.vm-input:focus{background:#ffffff14;border-color:#7c3aed66;outline:none;box-shadow:0 0 0 3px #7c3aed1a}.vm-input::placeholder{font-family:var(--f);color:var(--tx3);letter-spacing:0}.vm-input-clear{width:22px;height:22px;color:var(--tx3);cursor:pointer;transition:all var(--t);background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.6rem;display:flex;position:absolute;right:11px}.vm-input-clear:hover{background:var(--red-bg);color:var(--red-tx)}.vm-verify-btn{border:1px solid var(--bd-accent);border-radius:var(--r-sm);height:46px;font-family:var(--f);color:var(--tx-accent);cursor:pointer;transition:all var(--t);background:#7c3aed1f;justify-content:center;align-items:center;gap:8px;font-size:.9rem;font-weight:700;display:flex}.vm-verify-btn:hover:not(:disabled){background:var(--grad);color:#fff;box-shadow:var(--sh-glow);border-color:#0000}.vm-verify-btn:disabled{opacity:.45;cursor:not-allowed}.vm-verify-btn.loading{opacity:.7}.vm-verify-btn svg{width:13px;height:13px}.vm-btn-ring{border:2px solid #a78bfa4d;border-top-color:var(--tx-accent);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite vm-spin}.vm-tip{background:var(--amber-bg);border:1px solid var(--amber-bd);border-radius:var(--r-sm);color:var(--tx2);align-items:flex-start;gap:9px;padding:11px 14px;font-size:.8rem;line-height:1.5;display:flex}.vm-tip svg{color:var(--amber-tx);flex-shrink:0;width:13px;height:13px;margin-top:1px}.vm-tip strong{color:var(--amber-tx)}.vm-maint-screen{z-index:1;flex-direction:column;max-width:680px;min-height:100vh;margin:0 auto;display:flex;position:relative}.vm-maint-header{z-index:50;background:var(--bg);color:#1e293b;border-bottom:1px solid #0000001a;flex-shrink:0;align-items:center;gap:12px;height:60px;padding:0 16px;display:flex;position:sticky;top:0}.vm-maint-name{color:#1e293b;font-weight:700}.vm-maint-meta{color:#64748b}.vm-back-btn,.vm-done-btn{color:#1e293b;background:#fff;border:1px solid #0000001a}.vm-status-dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.vm-slot-status.ok .vm-status-dot{background:#10b981;box-shadow:0 0 6px #10b98166}.vm-slot-status.err .vm-status-dot{background:#ef4444;animation:2s infinite vm-pulse-err;box-shadow:0 0 6px #ef444466}@keyframes vm-pulse-err{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.vm-back-btn{border:1px solid var(--bd);border-radius:var(--r-sm);width:36px;height:36px;color:var(--tx2);cursor:pointer;transition:all var(--t);background:#ffffff0d;flex-shrink:0;justify-content:center;align-items:center;font-size:.88rem;display:flex}.vm-back-btn:hover{color:var(--tx1);background:#ffffff1a}.vm-maint-info{flex:1;min-width:0}.vm-maint-name{color:var(--tx1);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.vm-maint-meta{align-items:center;gap:8px;margin-top:2px;display:flex}.vm-mono{font-family:var(--fm)}.vm-maint-meta .vm-mono{color:var(--tx3);font-size:.72rem}.vm-err-badge{background:var(--red-bg);border:1px solid var(--red-bd);border-radius:var(--r-full);color:var(--red-tx);align-items:center;gap:4px;padding:1px 8px;font-size:.65rem;font-weight:700;display:inline-flex}.vm-err-badge svg{width:9px;height:9px}.vm-done-btn{background:var(--green-bg);border:1px solid var(--green-bd);border-radius:var(--r-sm);height:34px;font-family:var(--f);color:var(--green-tx);cursor:pointer;transition:all var(--t);flex-shrink:0;align-items:center;gap:6px;padding:0 12px;font-size:.8rem;font-weight:700;display:flex}.vm-done-btn:hover{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 3px 12px #10b9814d}.vm-done-btn svg{width:11px;height:11px}.vm-summary-strip{border-bottom:1px solid var(--bd);background:#ffffff05;align-items:center;gap:0;padding:12px 20px;display:flex}.vm-summary-item{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.vm-summary-val{color:var(--tx1);font-size:1.25rem;font-weight:700;line-height:1}.vm-summary-val.vm-ok{color:var(--green-tx)}.vm-summary-val.vm-err{color:var(--red-tx)}.vm-summary-lbl{letter-spacing:.7px;text-transform:uppercase;color:var(--tx3);font-size:.65rem;font-weight:600}.vm-summary-sep{background:var(--bd);flex-shrink:0;width:1px;height:28px}.vm-row-tabs{scrollbar-width:none;border-bottom:1px solid var(--bd);flex-shrink:0;gap:6px;padding:12px 16px;display:flex;overflow-x:auto}.vm-row-tabs::-webkit-scrollbar{display:none}.vm-row-tab{border:1px solid var(--bd);border-radius:var(--r-full);font-family:var(--f);color:var(--tx3);cursor:pointer;transition:all var(--t);white-space:nowrap;background:0 0;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;display:flex}.vm-row-tab:hover{color:var(--tx-accent);border-color:var(--bd-accent)}.vm-row-tab.active{background:var(--grad);color:#fff;box-shadow:var(--sh-glow);border-color:#0000}.vm-row-err-dot{background:var(--red);color:#fff;border-radius:var(--r-full);justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.62rem;font-weight:700;display:flex}.vm-row-tab.active .vm-row-err-dot{background:#ef4444cc}.vm-slots-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding:16px;display:grid}.vm-slot-card{background:var(--bg-card);border:1px solid var(--bd);border-radius:var(--r-lg);transition:all var(--t);flex-direction:column;gap:12px;padding:14px;animation:.2s vm-fadein;display:flex}.vm-slot-card:hover{background:var(--bg-card-hv);border-color:#ffffff1f}.vm-slot-card--error{border-color:var(--red-bd);background:#ef44440d}.vm-slot-card--error:hover{border-color:#ef444466}.vm-slot-hd{justify-content:space-between;align-items:center;display:flex}.vm-slot-num{color:var(--tx3);font-size:.78rem;font-weight:600}.vm-slot-status{border-radius:var(--r-full);border:1px solid;align-items:center;gap:5px;padding:3px 9px;font-size:.68rem;font-weight:700;display:inline-flex}.vm-slot-status.ok{background:var(--green-bg);color:var(--green-tx);border-color:var(--green-bd)}.vm-slot-status.err{background:var(--red-bg);color:var(--red-tx);border-color:var(--red-bd)}.vm-status-dot{width:6px!important;height:6px!important}.vm-slot-body{align-items:center;gap:12px;display:flex}.vm-slot-img{border:1px solid var(--bd);border-radius:var(--r-sm);background:#ffffff0a;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.vm-slot-img img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.vm-slot-img-ph{width:22px;height:22px;color:var(--tx3);opacity:.35}.vm-slot-details{flex:1;min-width:0}.vm-slot-pname{color:var(--tx1);white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;font-size:.9rem;font-weight:700;overflow:hidden}.vm-slot-stock{color:var(--tx3);align-items:center;gap:6px;font-size:.75rem;display:flex}.vm-slot-stock strong{color:var(--tx-accent);font-size:.85rem}.vm-slot-actions{gap:8px;display:flex}.vm-act{border-radius:var(--r-sm);height:38px;font-family:var(--f);cursor:pointer;transition:all var(--t);border:1px solid;flex:1;justify-content:center;align-items:center;gap:6px;font-size:.82rem;font-weight:700;display:flex}.vm-act svg{flex-shrink:0;width:12px;height:12px}.vm-act--test{color:var(--tx2);border-color:var(--bd);background:#ffffff0d}.vm-act--test:hover{color:var(--tx1);border-color:var(--bd-hi);background:#ffffff1a}.vm-act--fix{background:var(--green-bg);color:var(--green-tx);border-color:var(--green-bd)}.vm-act--fix:hover{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 3px 12px #10b9814d}.vm-slot-ok{background:var(--green-bg);border:1px solid var(--green-bd);border-radius:var(--r-sm);width:100%;color:var(--green-tx);justify-content:center;align-items:center;gap:7px;padding:9px;font-size:.82rem;font-weight:600;display:flex}.vm-slot-ok svg{width:13px;height:13px}@keyframes vm-fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.vm-verify-screen{padding:24px 16px 48px}.vm-slots-grid{grid-template-columns:1fr;padding:12px}.vm-maint-header{padding:0 12px}.vm-done-btn span{display:none}}:root{--violet:#7c3aed;--violet-2:#6d28d9;--violet-soft:#ede9fe;--violet-glow:#7c3aed38;--indigo:#4f46e5;--cyan:#06b6d4;--green:#10b981;--green-soft:#d1fae5;--red:#ef4444;--red-soft:#fee2e2;--amber:#f59e0b;--amber-soft:#fef3c7;--amber-2:#d97706;--blue:#3b82f6;--blue-soft:#eff6ff;--bg-from:#f5f3ff;--bg-via:#eff6ff;--bg-to:#f0fdfa;--glass:#ffffffb8;--glass-hi:#ffffffeb;--glass-border:#ffffff9e;--warm-100:#fffc;--warm-200:#7c3aed1a;--warm-300:#c4b5fd;--ink:#1a1333;--ink-2:#4b4569;--muted:#9390aa;--muted-2:#b8b5cc;--border:#ffffff8c;--border-2:#7c3aed1a;--f:"Prompt",sans-serif;--fm:"Fira Code",monospace;--r-sm:10px;--r-md:16px;--r-lg:20px;--r-xl:26px;--r-p:999px;--sh:0 4px 20px #7c3aed12,0 1px 4px #0000000a;--sh-md:0 8px 40px #7c3aed21,0 2px 8px #0000000d;--sh-warm:0 4px 20px #7c3aed2e;--sh-or:0 6px 24px #7c3aed52;--t:.2s ease;--ts:.13s ease;--spring:cubic-bezier(.34,1.2,.64,1)}.vdp-page{min-height:100vh;font-family:var(--f);background:0 0;padding-bottom:96px;position:relative;overflow-x:hidden}.vdp-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#f59e0b14 0%,#0000 65%);border-radius:50%;width:320px;height:320px;position:fixed;top:-100px;right:-80px}.vdp-loading{height:100vh;color:var(--muted);background:linear-gradient(145deg,#f5f3ff 0%,#eff6ff 50%,#f0fdfa 100%);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:.875rem;font-weight:500;display:flex}.vdp-spinner{border:3px solid var(--warm-200);border-top-color:var(--amber);border-radius:50%;width:32px;height:32px;animation:.75s linear infinite vdp-spin}@keyframes vdp-spin{to{transform:rotate(360deg)}}.vdp-header{z-index:300;background:linear-gradient(135deg,var(--violet)0%,var(--indigo)100%);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);align-items:center;gap:12px;height:60px;padding:0 16px;display:flex;position:sticky;top:0;box-shadow:0 6px 24px #7c3aed52}.vdp-header:before{content:"";background-image:repeating-linear-gradient(45deg,#ffffff0a 0 1px,#0000 1px 8px);position:absolute;inset:0}.vdp-back{color:#fff;cursor:pointer;width:36px;height:36px;transition:background var(--ts);background:#ffffff2e;border:1px solid #ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex;position:relative}.vdp-back svg{flex-shrink:0;width:16px;height:16px;display:block}.vdp-back:hover{background:#ffffff47}.vdp-back:active{transform:scale(.92)}.vdp-header-center{flex:1;min-width:0;position:relative}.vdp-header-title{color:#fff;letter-spacing:.3px;font-size:1.0625rem;font-weight:800;line-height:1.1}.vdp-header-sub{color:#ffffffbf;letter-spacing:.5px;text-transform:uppercase;margin-top:1px;font-size:.68rem;font-weight:400}.vdp-truck-icon{border-radius:var(--r-sm);color:#fff;background:#ffffff2e;border:1px solid #ffffff40;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex;position:relative}.vdp-content{z-index:1;flex-direction:column;gap:16px;padding:16px;display:flex;position:relative}.vdp-section-label{color:var(--muted);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:8px;margin-bottom:10px;font-size:.7rem;font-weight:700;display:flex}.vdp-section-label-icon{border-radius:var(--r-sm);justify-content:center;align-items:center;width:22px;height:22px;font-size:.65rem;display:flex}.vdp-section-label-icon.amber{background:var(--violet-soft);color:var(--violet-2)}.vdp-section-label-icon.green{background:var(--green-soft);color:var(--green)}.vdp-section-label-icon.blue{background:var(--blue-soft);color:var(--blue)}.vdp-section-label-line{background:var(--border-2);flex:1;height:1px}.vdp-card{background:var(--glass-hi);-webkit-backdrop-filter:blur(16px);border:1.5px solid var(--glass-border);border-radius:var(--r-lg);box-shadow:var(--sh);padding:16px}.vdp-select-wrap{position:relative}.vdp-select-ico{color:var(--violet);pointer-events:none;z-index:1;font-size:.875rem;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.vdp-select-arrow{color:var(--muted-2);pointer-events:none;font-size:.75rem;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.vdp-select{background:var(--warm-100);border:1.5px solid var(--border);border-radius:var(--r-md);width:100%;height:52px;font-family:var(--f);color:var(--muted);appearance:none;transition:all var(--t);cursor:pointer;padding:0 40px 0 42px;font-size:.9375rem;font-weight:500}.vdp-select.has-value{color:var(--ink);border-color:var(--violet);background:#fffffff2;box-shadow:0 0 0 3px #7c3aed1f}.vdp-select:focus{border-color:var(--violet);background:#fffffff2;outline:none;box-shadow:0 0 0 3px #7c3aed1f}.vdp-loc-pill{background:var(--violet-soft);border-radius:var(--r-p);color:var(--violet-2);border:1.5px solid #7c3aed33;align-items:center;gap:6px;margin-top:10px;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.vdp-cart-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.vdp-clear-btn{color:var(--red);background:var(--red-soft);border-radius:var(--r-p);cursor:pointer;transition:all var(--ts);border:none;padding:4px 10px;font-size:.72rem;font-weight:700}.vdp-clear-btn:hover{background:#fecaca}.vdp-empty-cart{background:var(--warm-100);border:2px dashed var(--warm-200);border-radius:var(--r-lg);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:32px 20px;display:flex}.vdp-empty-icon{background:var(--warm-200);width:52px;height:52px;color:var(--warm-300);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;font-size:1.3rem;display:flex}.vdp-empty-cart p{color:var(--muted);font-size:.875rem;font-weight:600}.vdp-empty-cart span{color:var(--muted-2);font-size:.78rem}.vdp-item{background:var(--glass-hi);-webkit-backdrop-filter:blur(12px);border:1.5px solid var(--glass-border);border-radius:var(--r-md);box-shadow:var(--sh);transition:all var(--t);animation:itemIn .3s var(--spring)both;isolation:isolate;flex-direction:column;gap:10px;padding:12px;display:flex;position:relative}@keyframes itemIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.vdp-item:hover{box-shadow:var(--sh-md)}.vdp-item-top{align-items:center;gap:12px;display:flex}.vdp-item-img{border-radius:var(--r-sm);background:var(--warm-100);border:1px solid var(--border-2);width:52px;height:52px;color:var(--warm-300);flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex;overflow:hidden}.vdp-item-img img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.vdp-item-info{flex:1;min-width:0}.vdp-item-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:700;line-height:1.2;overflow:hidden}.vdp-item-price{font-family:var(--fm);color:var(--muted);margin-top:3px;font-size:.78rem}.vdp-item-bottom{border-top:1px solid var(--border-2);justify-content:space-between;align-items:center;padding-top:8px;display:flex}.vdp-stepper{border-radius:var(--r-md);background:0 0;border:none;align-items:center;gap:6px;padding:0;display:flex}.vdp-step-btn{border-radius:var(--r-sm);cursor:pointer;width:40px;height:40px;transition:transform var(--ts),box-shadow var(--ts);isolation:isolate;z-index:1;border:none;justify-content:center;align-items:center;font-size:1rem;font-weight:800;display:flex;position:relative}.vdp-step-btn svg{flex-shrink:0;width:16px;height:16px;display:block}.vdp-step-btn.minus{color:#fff;background:#ef4444;box-shadow:0 3px 10px #ef444466}.vdp-step-btn.minus:hover{background:#dc2626;box-shadow:0 5px 16px #ef44448c}.vdp-step-btn.minus:active{transform:scale(.88);box-shadow:0 1px 4px #ef44444d}.vdp-step-btn.plus{color:#fff;background:#10b981;box-shadow:0 3px 10px #10b98166}.vdp-step-btn.plus:hover{background:#059669;box-shadow:0 5px 16px #10b9818c}.vdp-step-btn.plus:active{transform:scale(.88);box-shadow:0 1px 4px #10b9814d}.vdp-stepper input{text-align:center;width:44px;font-family:var(--fm);color:var(--ink);background:0 0;border:none;font-size:1rem;font-weight:700}.vdp-stepper input:focus{outline:none}.vdp-remove-btn{border-radius:var(--r-sm);color:#fff;cursor:pointer;width:40px;height:40px;transition:all var(--ts);isolation:isolate;background:#ef4444;border:none;justify-content:center;align-items:center;font-size:1rem;display:flex;box-shadow:0 3px 10px #ef444459}.vdp-remove-btn svg{flex-shrink:0;width:15px;height:15px;display:block}.vdp-remove-btn:hover{background:#dc2626;box-shadow:0 5px 14px #ef444480}.vdp-remove-btn:active{transform:scale(.9)}.vdp-search-wrap{margin-bottom:14px;position:relative}.vdp-search-icon{color:var(--muted-2);pointer-events:none;font-size:.875rem;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.vdp-search-clear{color:var(--muted-2);cursor:pointer;background:var(--border-2);width:22px;height:22px;transition:all var(--ts);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.vdp-search-clear:hover{background:var(--border);color:var(--ink-2)}.vdp-search{border:1.5px solid var(--border);border-radius:var(--r-md);width:100%;height:50px;font-family:var(--f);color:var(--ink);box-shadow:var(--sh);transition:all var(--t);background:#fff;padding:0 44px 0 42px;font-size:.9375rem;font-weight:400}.vdp-search::placeholder{color:var(--muted-2);font-size:.875rem}.vdp-search:focus{border-color:var(--violet);box-shadow:0 0 0 3px #7c3aed1a,var(--sh);outline:none}.vdp-product-grid{flex-direction:column;gap:9px;display:flex}.vdp-product-card{background:var(--glass-hi);border:1.5px solid var(--glass-border);border-radius:var(--r-md);cursor:pointer;box-shadow:var(--sh);transition:all var(--t);align-items:center;gap:12px;padding:10px 12px;display:flex;position:relative;overflow:hidden}.vdp-product-card:after{content:"";opacity:0;transition:opacity var(--ts);background:linear-gradient(135deg,#f59e0b00,#f59e0b0f);position:absolute;inset:0}.vdp-product-card:hover{box-shadow:var(--sh-warm);border-color:#7c3aed40}.vdp-product-card:hover:after{opacity:1}.vdp-product-card:active{transform:scale(.98)}.vdp-product-card.in-cart{background:#d1fae540;border-color:#10b98159}.vdp-pcard-img{border-radius:var(--r-sm);background:var(--warm-100);border:1px solid var(--border-2);width:46px;height:46px;color:var(--warm-300);flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex;overflow:hidden}.vdp-pcard-img img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.vdp-pcard-info{flex:1;min-width:0}.vdp-pcard-name{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.vdp-pcard-meta{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.vdp-pcard-price{font-family:var(--fm);color:var(--muted);font-size:.72rem}.vdp-add-chip{color:var(--violet-2);background:var(--violet-soft);border-radius:var(--r-p);transition:all var(--ts);border:1px solid #7c3aed26;align-items:center;gap:4px;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.vdp-product-card:hover .vdp-add-chip{background:var(--violet);color:#fff;border-color:#0000}.vdp-in-cart-chip{color:var(--green);background:var(--green-soft);border-radius:var(--r-p);border:1px solid #10b98133;align-items:center;gap:3px;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.vdp-no-results{text-align:center;background:var(--warm-100);border:1px solid var(--border-2);border-radius:var(--r-lg);flex-direction:column;align-items:center;gap:14px;padding:36px 20px;display:flex}.vdp-no-results p{color:var(--muted);font-size:.875rem;font-weight:500}.vdp-request-btn{background:linear-gradient(135deg,var(--indigo),#4f46e5);color:#fff;border-radius:var(--r-md);height:44px;font-family:var(--f);cursor:pointer;transition:all var(--t);border:none;align-items:center;gap:8px;padding:0 20px;font-size:.875rem;font-weight:700;display:flex;box-shadow:0 4px 16px #6366f140}.vdp-request-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f159}.vdp-toast{background:var(--ink);color:#fff;border-radius:var(--r-p);opacity:0;pointer-events:none;transition:all .25s var(--spring);z-index:9000;white-space:nowrap;align-items:center;gap:6px;padding:8px 18px;font-size:.8rem;font-weight:600;display:flex;position:fixed;bottom:108px;left:50%;transform:translate(-50%)translateY(12px);box-shadow:0 4px 16px #0003}.vdp-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.vdp-toast-dot{background:var(--violet);border-radius:50%;flex-shrink:0;width:7px;height:7px}.vdp-bottom{z-index:200;-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:#f5f3ffeb;align-items:center;gap:14px;display:flex;position:fixed;bottom:0;left:0;right:0}.vdp-bottom-info{flex:none}.vdp-bottom-count{font-family:var(--fm);color:var(--ink);font-size:1.125rem;font-weight:700;line-height:1}.vdp-bottom-label{color:var(--muted);margin-top:3px;font-size:.68rem;font-weight:500}.vdp-divider-v{background:var(--border);flex-shrink:0;width:1px;height:28px}.vdp-submit-btn{background:linear-gradient(135deg,var(--violet),var(--indigo));color:#fff;border-radius:var(--r-md);height:50px;font-family:var(--f);cursor:pointer;letter-spacing:.3px;transition:all var(--t)var(--spring);border:none;flex:1;justify-content:center;align-items:center;gap:8px;font-size:.9375rem;font-weight:800;display:flex;box-shadow:0 6px 24px #7c3aed52}.vdp-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 32px #7c3aed66}.vdp-submit-btn:active:not(:disabled){transform:scale(.97)}.vdp-submit-btn:disabled{color:var(--muted-2);box-shadow:none;cursor:not-allowed;background:#d1d5db;transform:none}.vdp-modal-bg{z-index:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1c100880;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (min-width:600px){.vdp-modal-bg{align-items:center}}.vdp-modal{border:1px solid var(--border);border-radius:var(--r-xl)var(--r-xl)0 0;width:100%;max-width:480px;max-height:92vh;animation:vdp-sheet .3s var(--spring);background:#fff;border-bottom:none;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 32px 80px #00000038}@media (min-width:600px){.vdp-modal{border-radius:var(--r-xl);border-bottom:1px solid var(--border);max-height:85vh}}@keyframes vdp-sheet{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.vdp-modal-handle{background:var(--border);border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:12px auto 0}.vdp-modal-head{border-bottom:1px solid var(--border-2);align-items:center;gap:12px;padding:16px 20px 14px;display:flex}.vdp-modal-head-icon{border-radius:var(--r-sm);background:var(--indigo);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.9rem;display:flex}.vdp-modal-head-text{flex:1}.vdp-modal-head-text h3{color:var(--ink);font-size:1rem;font-weight:700}.vdp-modal-head-text p{color:var(--muted);margin-top:1px;font-size:.75rem}.vdp-modal-x{width:34px;height:34px;color:var(--muted);cursor:pointer;transition:all var(--ts);background:#7c3aed12;border:1px solid #7c3aed1f;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;display:flex}.vdp-modal-x:hover{background:var(--red-soft);color:var(--red)}.vdp-modal-body{flex-direction:column;flex:1;gap:14px;padding:18px 20px;display:flex;overflow-y:auto}.vdp-field{flex-direction:column;gap:6px;display:flex}.vdp-field-label{letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:.68rem;font-weight:700}.vdp-field-input{background:var(--warm-100);border:1.5px solid var(--border);border-radius:var(--r-md);height:50px;font-family:var(--f);color:var(--ink);transition:all var(--t);padding:0 14px;font-size:.9375rem}.vdp-field-input:focus{border-color:var(--violet);background:#fff;outline:none;box-shadow:0 0 0 3px #7c3aed17}.vdp-field-input::placeholder{color:var(--muted-2);font-size:.875rem}.vdp-upload-area{aspect-ratio:16/9;background:var(--warm-100);border:2px dashed var(--warm-200);border-radius:var(--r-md);cursor:pointer;transition:border-color var(--ts);justify-content:center;align-items:center;display:flex;overflow:hidden}.vdp-upload-area:hover{border-color:var(--violet)}.vdp-upload-placeholder{color:var(--muted-2);flex-direction:column;align-items:center;gap:8px;font-size:.8rem;font-weight:500;display:flex}.vdp-upload-placeholder svg{color:var(--warm-300);font-size:1.5rem}.vdp-upload-preview{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.vdp-modal-footer{padding:14px 20px;padding-bottom:max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--border-2);background:#fff;grid-template-columns:1fr 2fr;gap:10px;display:grid}.vdp-modal-cancel{background:var(--warm-100);border:1px solid var(--border);border-radius:var(--r-md);height:48px;font-family:var(--f);color:var(--muted);cursor:pointer;transition:all var(--ts);font-size:.875rem;font-weight:600}.vdp-modal-cancel:hover{background:var(--border-2)}.vdp-modal-submit{background:linear-gradient(135deg,var(--indigo),#4f46e5);border-radius:var(--r-md);height:48px;font-family:var(--f);color:#fff;cursor:pointer;transition:all var(--t);border:none;justify-content:center;align-items:center;gap:8px;font-size:.9375rem;font-weight:800;display:flex;box-shadow:0 4px 16px #6366f147}.vdp-modal-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 22px #6366f161}.vdp-modal-submit:active:not(:disabled){transform:scale(.97)}.vdp-modal-submit:disabled{box-shadow:none;cursor:not-allowed;background:#c7d2fe;transform:none}@media (max-width:380px){.vdp-item-img{width:44px;height:44px}.vdp-step-btn{width:30px;height:30px}.vdp-stepper input{width:38px}}:root{--violet:#7c3aed;--violet-2:#6d28d9;--violet-soft:#ede9fe;--violet-muted:#7c3aed1a;--violet-glow:#7c3aed38;--indigo:#4f46e5;--cyan:#06b6d4;--green:#10b981;--green-soft:#d1fae5;--red:#ef4444;--red-soft:#fee2e2;--amber:#f59e0b;--amber-soft:#fef3c7;--bg-from:#f5f3ff;--bg-via:#eff6ff;--bg-to:#f0fdfa;--bg:linear-gradient(145deg,#f5f3ff 0%,#eff6ff 50%,#f0fdfa 100%);--bg-card:#ffffffeb;--glass:#ffffffb8;--glass-hi:#ffffffeb;--glass-border:#ffffff9e;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#7c3aed1f;--slate-300:#c4b5fd;--slate-400:#9390aa;--slate-500:#7c6fa8;--slate-600:#6d28d9;--slate-700:#4b4569;--slate-800:#1a1333;--slate-900:#0f0a24;--f:"Prompt",sans-serif;--fm:"Fira Code",monospace;--r-sm:10px;--r-md:16px;--r-lg:20px;--r-xl:28px;--r-p:999px;--sh:0 4px 20px #7c3aed12,0 1px 4px #0000000a;--sh-md:0 8px 40px #7c3aed21,0 2px 8px #0000000d;--sh-teal:0 6px 24px #7c3aed52;--sh-modal:0 32px 80px #0f0a2847,0 8px 24px #0000001a;--t:.2s ease;--ts:.14s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--f);-webkit-font-smoothing:antialiased;background:linear-gradient(145deg,#f5f3ff 0%,#eff6ff 50%,#f0fdfa 100%) fixed}.vending-receive-page{min-height:100vh;font-family:var(--f);background:0 0;padding-bottom:40px;position:relative}.vending-receive-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#7c3aed17 0%,#0000 65%);border-radius:50%;width:380px;height:380px;position:fixed;top:-140px;right:-120px}.receive-loading{height:100vh;color:var(--slate-500);background:linear-gradient(145deg,#f5f3ff 0%,#eff6ff 50%,#f0fdfa 100%);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:.9rem;font-weight:500;display:flex}.recv-spinner{border:3px solid var(--violet-soft);border-top-color:var(--violet);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite rspin}@keyframes rspin{to{transform:rotate(360deg)}}.mobile-header{background:linear-gradient(135deg,var(--violet)0%,var(--indigo)100%);padding:52px 20px 24px;position:relative;overflow:hidden}.mobile-header:before{content:"";background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.mobile-header:after{content:"";background:#ffffff14;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-60px;right:-60px}.header-inner{z-index:1;position:relative}.header-eyebrow{border-radius:var(--r-p);letter-spacing:1px;text-transform:uppercase;color:#ffffffe6;background:#ffffff26;border:1px solid #ffffff38;align-items:center;gap:6px;margin-bottom:10px;padding:4px 12px;font-size:.68rem;font-weight:600;display:inline-flex}.header-eyebrow-dot{background:#4ade80;border-radius:50%;width:6px;height:6px;animation:1.6s ease-out infinite hblink}@keyframes hblink{0%,to{opacity:1}50%{opacity:.4}}.mobile-header h1{color:#fff;letter-spacing:-.3px;margin-bottom:6px;font-size:1.5rem;font-weight:800;line-height:1.2}.header-sub{color:#ffffffb3;font-size:.8rem;font-weight:400}.header-stats{gap:10px;margin-top:18px;display:flex}.hstat{border-radius:var(--r-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff24;border:1px solid #fff3;flex:1;padding:10px 12px}.hstat-n{font-family:var(--fm);color:#fff;margin-bottom:3px;font-size:1.375rem;font-weight:600;line-height:1}.hstat-l{letter-spacing:.8px;text-transform:uppercase;color:#ffffffa6;font-size:.65rem;font-weight:600}.receive-container{z-index:1;padding:18px 16px;position:relative}.section-title{color:var(--slate-500);text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:8px;margin-bottom:14px;font-size:.8125rem;font-weight:700;display:flex}.section-title-line{background:var(--slate-200);flex:1;height:1px}.empty-pending{background:var(--glass-hi);-webkit-backdrop-filter:blur(16px);border:1.5px solid var(--glass-border);border-radius:var(--r-xl);text-align:center;box-shadow:var(--sh);flex-direction:column;align-items:center;gap:12px;margin-top:8px;padding:56px 24px;display:flex}.empty-icon-wrap{background:var(--violet-soft);width:80px;height:80px;color:var(--violet);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;font-size:2rem;display:flex}.empty-pending h3{color:var(--slate-800);font-size:1.125rem;font-weight:700}.empty-pending p{color:var(--slate-400);max-width:260px;font-size:.875rem;line-height:1.6}.pending-list{flex-direction:column;gap:12px;display:flex}.pending-card{background:var(--glass-hi);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-left:4px solid var(--violet);border-radius:var(--r-lg);cursor:pointer;box-shadow:var(--sh);transition:all var(--t);padding:16px;animation:.35s both cardIn;position:relative;overflow:hidden}@keyframes cardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pending-card:hover{box-shadow:var(--sh-md);border-left-color:var(--violet-2);transform:translate(2px)}.pending-card:active{transform:scale(.98)}.pending-card:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff6,#0000);width:50%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}.pending-card:hover:after{left:150%}.dev-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.dev-loc{color:var(--slate-800);font-size:1.0625rem;font-weight:700}.dev-no{font-family:var(--fm);color:var(--violet);background:var(--violet-muted);border-radius:var(--r-p);border:1px solid #7c3aed26;padding:3px 9px;font-size:.65rem;font-weight:500}.dev-meta{color:var(--slate-500);flex-wrap:wrap;gap:12px;margin-bottom:12px;font-size:.8rem;display:flex}.dev-meta span{align-items:center;gap:5px;display:flex}.dev-meta svg{color:var(--violet);font-size:.75rem}.dev-summary{background:var(--slate-50);border:1px solid var(--slate-200);border-radius:var(--r-sm);color:var(--slate-700);align-items:center;gap:8px;margin-bottom:12px;padding:9px 12px;font-size:.8125rem;font-weight:600;display:flex}.dev-summary-chip{background:var(--violet-soft);color:var(--violet-2);border-radius:var(--r-p);align-items:center;gap:4px;padding:2px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.dev-action{color:var(--violet);border-top:1px solid var(--slate-100);justify-content:flex-end;align-items:center;gap:6px;padding-top:10px;font-size:.8125rem;font-weight:700;display:flex}.dev-action-arrow{background:var(--violet-muted);width:24px;height:24px;transition:transform var(--ts);border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;display:flex}.pending-card:hover .dev-action-arrow{transform:translate(3px)}.receive-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;background:#0f0a2880;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}@media (min-width:600px){.receive-modal-overlay{align-items:center;padding:20px}}.receive-modal{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:var(--r-xl)var(--r-xl)0 0;width:100%;max-width:520px;max-height:92vh;box-shadow:var(--sh-modal);background:#fffffff7;flex-direction:column;animation:.32s cubic-bezier(.34,1.2,.64,1) sheetUp;display:flex;overflow:hidden}@media (min-width:600px){.receive-modal{border-radius:var(--r-xl);max-height:85vh}}@keyframes sheetUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.modal-handle{background:var(--slate-200);border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:12px auto 0}.receive-modal .modal-header{border-bottom:1px solid var(--slate-100);align-items:flex-start;gap:14px;padding:16px 20px 14px;display:flex}.modal-header-icon{border-radius:var(--r-sm);background:var(--violet-muted);width:40px;height:40px;color:var(--violet);flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;display:flex}.modal-header-text{flex:1;min-width:0}.modal-header-text h3{color:var(--slate-800);font-size:1rem;font-weight:700;line-height:1.3}.modal-header-text p{color:var(--slate-400);margin-top:2px;font-size:.75rem}.btn-close{background:var(--slate-100);width:34px;height:34px;color:var(--slate-500);cursor:pointer;transition:all var(--ts);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;display:flex}.btn-close:hover{background:var(--red-soft);color:var(--red)}.receive-modal .modal-body{flex:1;padding:16px 20px;overflow-y:auto}.hint-banner{background:var(--amber-soft);border:1.5px solid #f59e0b33;border-left:3px solid var(--amber);border-radius:var(--r-sm);color:#92400e;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:.8rem;line-height:1.55;display:flex}.hint-banner svg{color:var(--amber);flex-shrink:0;margin-top:1px;font-size:.875rem}.receive-items-list{flex-direction:column;gap:0;display:flex}.receive-item-row{border-bottom:1px solid var(--slate-50);transition:background var(--ts);grid-template-columns:48px 1fr 88px;align-items:center;gap:12px;padding:14px 0;display:grid}.receive-item-row:last-child{border-bottom:none}.receive-item-row:hover{background:var(--slate-50);border-radius:var(--r-sm);margin:0 -20px;padding-left:20px;padding-right:20px}.item-img{border-radius:var(--r-sm);background:var(--slate-50);border:1px solid var(--slate-200);width:48px;height:48px;color:var(--slate-300);flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex;overflow:hidden}.item-img img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.item-info{min-width:0}.item-info strong{color:var(--slate-800);font-size:.875rem;font-weight:600;line-height:1.3;display:block}.claimed-qty{color:var(--slate-500);background:var(--slate-100);border-radius:var(--r-p);align-items:center;gap:4px;margin-top:4px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.item-input{flex-direction:column;align-items:center;gap:4px;display:flex}.item-input label{letter-spacing:1px;text-transform:uppercase;color:var(--slate-400);font-size:.6rem;font-weight:700}.item-input input{border:2px solid var(--slate-200);border-radius:var(--r-sm);background:var(--slate-50);width:100%;height:44px;font-family:var(--fm);text-align:center;color:var(--violet);transition:all var(--t);-moz-appearance:textfield;font-size:1.125rem;font-weight:600}.item-input input::-webkit-inner-spin-button{-webkit-appearance:none}.item-input input::-webkit-outer-spin-button{-webkit-appearance:none}.item-input input:focus{border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-muted);background:#fff;outline:none}.item-diff{text-align:center;font-size:.65rem;font-weight:700}.item-diff.ok{color:var(--emerald)}.item-diff.low{color:var(--red)}.receive-modal .modal-footer{padding:14px 20px;padding-bottom:max(14px,env(safe-area-inset-bottom));background:#fffffff7;border-top:1px solid #7c3aed1a;grid-template-columns:1fr 2fr;gap:10px;display:grid}.btn-cancel{background:var(--slate-100);border:1px solid var(--slate-200);border-radius:var(--r-md);height:48px;font-family:var(--f);color:var(--slate-600);cursor:pointer;transition:all var(--ts);font-size:.875rem;font-weight:600}.btn-cancel:hover{background:var(--slate-200)}.btn-cancel:active{transform:scale(.97)}.btn-confirm{background:linear-gradient(135deg,var(--violet),var(--indigo));border-radius:var(--r-md);height:48px;font-family:var(--f);color:#fff;cursor:pointer;box-shadow:var(--sh-teal);transition:all var(--t);border:none;justify-content:center;align-items:center;gap:8px;font-size:.9375rem;font-weight:700;display:flex}.btn-confirm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 28px #0d948861}.btn-confirm:active:not(:disabled){transform:scale(.97)}.btn-confirm:disabled{color:#a78bfa;box-shadow:none;cursor:not-allowed;background:#c4b5fd}@media (max-width:380px){.receive-item-row{grid-template-columns:42px 1fr 76px}.item-img{width:42px;height:42px}.item-input input{height:40px;font-size:1rem}}.simulation-container{background-color:#f0f2f5;flex-direction:column;min-height:100vh;padding:10px;display:flex}.simulation-header{background:#fff;border-radius:12px;margin-bottom:10px;padding:12px;box-shadow:0 2px 8px #0000000d}.simulation-header h2{margin-bottom:8px;font-size:1.2rem}.simulation-controls{flex-wrap:wrap;gap:8px;display:flex}.simulation-main{flex-direction:row;flex:1;gap:15px;display:flex}@media (max-width:768px){.simulation-main{flex-direction:column}.simulation-sidebar{order:2;width:100%!important}.simulation-layout-container{order:1;min-height:400px!important;padding:20px!important}}.simulation-layout-container{background:#d1d5db;border-radius:12px;flex:1;justify-content:center;align-items:flex-start;padding:30px;display:flex;position:relative;overflow:auto}.simulation-layout{transform-origin:0 0;background-color:#fff;border:2px solid #1f2937;position:relative;box-shadow:0 10px 30px #00000026}.simulation-layout:after{content:"";pointer-events:none;background-image:linear-gradient(90deg,#0000000d 1px,#0000 1px),linear-gradient(#0000000d 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0}.installation-point{cursor:pointer;z-index:10;touch-action:none;box-sizing:border-box;background-color:#3b82f626;border:2px solid #3b82f6;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.installation-point.has-machine{background-color:#10b98126;border-color:#10b981}.installation-point.selected{z-index:30;background-color:#ef44441a;border-color:#ef4444;box-shadow:0 0 0 4px #ef444433}.point-label{color:#1e40af;text-align:center;font-size:10px;font-weight:700}.machine-label{color:#064e3b;text-align:center;font-size:11px;font-weight:800}.status-indicator{border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:-6px;right:-6px}.status-online{background-color:#10b981;box-shadow:0 0 8px #10b981}.status-offline{background-color:#ef4444}.installation-point.filtered-out{opacity:.15;filter:grayscale(.8);pointer-events:none}.product-filter-select{color:#92400e!important;background-color:#fef3c7!important;border-color:#f59e0b!important;font-weight:700!important}.resize-corner-icon{color:#3b82f6;opacity:.7;font-size:10px;position:absolute;bottom:2px;right:2px}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon .input-icon{color:#9ca3af;font-size:14px;position:absolute;left:10px}.input-with-icon input{padding-left:35px!important}.simulation-sidebar{background:#fff;border-radius:12px;width:350px;padding:20px;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.sidebar-section{margin-bottom:24px}.sidebar-section h3{color:#374151;align-items:center;gap:8px;margin-bottom:15px;font-size:1rem;font-weight:700;display:flex}.btn-group-mobile{grid-template-columns:1fr 1fr;gap:8px;display:grid}.slot-grid-mobile{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin-top:10px;display:grid}.slot-item-mobile{text-align:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:6px}.slot-item-mobile img{-o-object-fit:contain;object-fit:contain;width:100%;height:40px}.zoom-controls{z-index:100;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:20px;right:20px}.zoom-btn{color:#374151;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.2rem;display:flex;box-shadow:0 4px 10px #0003}.btn-primary{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:12px;font-weight:600}.btn-success{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;padding:12px;font-weight:600}.btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:12px;font-weight:600}.btn-warning{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:8px;padding:12px;font-weight:600}.form-control{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px}.no-data-mobile{text-align:center;color:#6b7280;background:#fff;border-radius:12px;padding:40px}.pp-page{background:#f8fafc;max-width:500px;min-height:100vh;margin:0 auto;padding:15px;font-family:Sarabun,sans-serif}.pp-header{margin-bottom:20px}.pp-header-top{align-items:center;gap:12px;margin-bottom:20px;display:flex}.pp-header-icon{color:#fff;background:#3b82f6;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pp-title{color:#1e293b;margin:0;font-size:1.25rem;font-weight:800}.pp-subtitle{color:#64748b;margin:0;font-size:.8rem}.pp-steps{justify-content:space-between;align-items:center;padding:0 10px;display:flex}.pp-step{z-index:2;flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.pp-step-dot{color:#94a3b8;background:#fff;border:2px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;transition:all .3s;display:flex}.pp-step-label{color:#94a3b8;font-size:.7rem;font-weight:600}.pp-step.active .pp-step-dot{color:#3b82f6;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.pp-step.active .pp-step-label{color:#3b82f6}.pp-step.done .pp-step-dot{color:#fff;background:#3b82f6;border-color:#3b82f6}.pp-step-line{background:#e2e8f0;flex:1;height:2px;margin-top:-18px}.pp-step-line.done{background:#3b82f6}.pp-cam-wrap{aspect-ratio:4/3;background:#000;border-radius:16px;width:100%;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.pp-video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.pp-qr-guide{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pp-qr-box{width:200px;height:200px;position:relative}.pp-corner{border:4px solid #3b82f6;width:30px;height:30px;position:absolute}.pp-corner.tl{border-bottom:0;border-right:0;border-radius:8px 0 0;top:0;left:0}.pp-corner.tr{border-bottom:0;border-left:0;border-radius:0 8px 0 0;top:0;right:0}.pp-corner.bl{border-top:0;border-right:0;border-radius:0 0 0 8px;bottom:0;left:0}.pp-corner.br{border-top:0;border-left:0;border-radius:0 0 8px;bottom:0;right:0}.pp-cam-hint{text-align:center;color:#fff;text-shadow:0 1px 4px #000c;font-size:.85rem;font-weight:600;position:absolute;bottom:15px;left:0;right:0}.pp-scan-opts{grid-template-columns:1fr 1fr;gap:10px;margin:15px 0;display:grid}.pp-opt-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.85rem;font-weight:600;display:flex}.pp-manual-row{gap:8px;display:flex}.pp-input{border:1px solid #e2e8f0;border-radius:12px;outline:none;flex:1;padding:12px;font-size:1rem}.pp-btn{cursor:pointer;border:none;border-radius:12px;padding:10px 20px;font-weight:700}.pp-btn-primary{color:#fff;background:#3b82f6}.pp-btn-white{color:#3b82f6;background:#fff}.pp-machine-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:15px;padding:15px}.pp-field-label{color:#64748b;text-transform:uppercase;font-size:.75rem;font-weight:700}.pp-serial-val{color:#1e293b;font-size:1.2rem;font-weight:800}.pp-select{border:1px solid #e2e8f0;border-radius:10px;width:100%;margin-top:5px;padding:10px;font-size:.9rem}.pp-msg{border-radius:12px;align-items:center;gap:10px;margin-bottom:15px;padding:12px;font-size:.85rem;display:flex}.pp-msg-success{color:#15803d;background:#f0fdf4;border:1px solid #bcf0da}.pp-msg-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.pp-action-list{flex-direction:column;gap:10px;display:flex}.pp-action-btn{cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.pp-action-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.pp-action-blue .pp-action-icon{background:#3b82f6}.pp-action-amber .pp-action-icon{background:#f59e0b}.pp-action-purple .pp-action-icon{background:#8b5cf6}.pp-action-green .pp-action-icon{background:#10b981}.pp-action-red .pp-action-icon{background:#ef4444}.pp-action-ghost .pp-action-icon{background:#94a3b8}.pp-action-main{color:#1e293b;font-size:.9rem;font-weight:800}.pp-action-sub{color:#64748b;font-size:.7rem}.pp-action-btn:active{transform:scale(.98)}.pp-action-btn:disabled{opacity:.5}.pp-shutter{cursor:pointer;color:#3b82f6;background:#fff;border:4px solid #3b82f6;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:15px auto;display:flex}.pp-photo-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:8px;padding:4px 10px;font-size:.75rem;position:absolute;top:15px;left:15px}.pp-preview-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:15px;overflow:hidden}.pp-preview-img{aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;width:100%}.pp-preview-info{padding:15px}.pp-preview-type{color:#3b82f6;font-weight:800}.pp-spin{animation:1s linear infinite pp-spin}@keyframes pp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pp-price-row{border-top:1px solid #f1f5f9;align-items:center;gap:10px;margin-top:14px;padding-top:12px;display:flex}.pp-price-label{color:#94a3b8;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;font-size:11px;font-weight:700}.pp-price-chips{flex-wrap:wrap;gap:6px;display:flex}.pp-price-chip{color:#64748b;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:20px;padding:4px 12px;font-family:Sarabun,sans-serif;font-size:13px;font-weight:700;line-height:1.4;transition:all .12s}.pp-price-chip:hover{color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.pp-price-chip.selected{color:#fff;background:#3b82f6;border-color:#3b82f6}.pp-condition-toggle{gap:8px;display:flex}.pp-condition-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;flex:1;padding:9px 12px;font-family:Sarabun,sans-serif;font-size:13px;font-weight:700;transition:all .12s}.pp-condition-btn:hover{color:#1e293b;border-color:#94a3b8}.pp-condition-btn.active-new{color:#065f46;background:#ecfdf5;border-color:#6ee7b7;font-weight:800}.pp-condition-btn.active-old{color:#9a3412;background:#fff7ed;border-color:#fdba74;font-weight:800}:root{--blue:#185fa5;--blue-50:#e6f1fb;--blue-100:#b5d4f4;--blue-800:#0c447c;--green-50:#eaf3de;--green-800:#27500a;--red-50:#fcebeb;--red-100:#f7c1c1;--red-800:#791f1f;--surface:#fff;--bg:#f4f6f9;--border:#e2e8f0;--border-md:#cbd5e1;--text:#1e293b;--text-2:#475569;--text-3:#94a3b8;--r:10px;--r-lg:14px}.psp-page{max-width:1200px;color:var(--text);background:var(--bg);min-height:100vh;margin:0 auto;padding:22px 24px 60px;font-family:Sarabun,sans-serif}.psp-topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.psp-title{font-size:18px;font-weight:700}.psp-sub{color:var(--text-3);margin-top:3px;font-size:12px}.psp-btn-refresh{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);height:34px;color:var(--text-2);cursor:pointer;align-items:center;gap:7px;padding:0 14px;font-family:Sarabun,sans-serif;font-size:12px;font-weight:500;display:inline-flex}.psp-btn-refresh:hover{background:var(--bg)}.psp-summary-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-bottom:16px;display:grid}.psp-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;align-items:flex-start;gap:12px;padding:14px 16px;transition:border-color .12s;display:flex;position:relative}.psp-stat:hover{border-color:var(--border-md)}.psp-stat.psp-stat-active{border-color:var(--blue);background:var(--blue-50);border-width:1.5px}.psp-stat-icon{border-radius:var(--r);background:var(--blue-50);width:36px;height:36px;color:var(--blue-800);flex-shrink:0;justify-content:center;align-items:center;display:flex}.psp-stat-active .psp-stat-icon{background:var(--blue-100)}.psp-stat-type{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px;font-size:11px;font-weight:600}.psp-stat-val{color:var(--text);font-size:20px;font-weight:700;line-height:1.2}.psp-stat-unit{color:var(--text-3);font-size:12px;font-weight:500}.psp-stat-locs{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.psp-loc-pill{background:var(--bg);border:1px solid var(--border);color:var(--text-2);border-radius:20px;padding:2px 8px;font-size:10px;font-weight:500}.psp-stat-active .psp-loc-pill{background:var(--blue-50);border-color:var(--blue-100);color:var(--blue-800)}.psp-stat-check{background:var(--blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:10px;right:10px}.psp-empty-stat{text-align:center;color:var(--text-3);grid-column:1/-1;padding:32px;font-size:13px}.psp-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.psp-filter-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;display:flex}.psp-search{flex:1;align-items:center;gap:8px;min-width:200px;display:flex}.psp-search-inp{border:1px solid var(--border-md);border-radius:var(--r);height:34px;color:var(--text);background:var(--surface);outline:none;flex:1;padding:0 10px;font-family:Sarabun,sans-serif;font-size:13px}.psp-search-inp:focus{border-color:var(--blue)}.psp-selects{flex-wrap:wrap;gap:8px;display:flex}.psp-select{border:1px solid var(--border-md);border-radius:var(--r);height:34px;color:var(--text);background:var(--surface);cursor:pointer;outline:none;padding:0 10px;font-family:Sarabun,sans-serif;font-size:12px}.psp-btn-clear{border:1px solid var(--border);border-radius:var(--r);background:var(--bg);height:34px;color:var(--text-2);cursor:pointer;padding:0 12px;font-family:Sarabun,sans-serif;font-size:12px}.psp-result-count{color:var(--text-3);white-space:nowrap;margin-left:auto;font-size:12px}.psp-tbl-wrap{overflow-x:auto}.psp-tbl{border-collapse:collapse;width:100%;font-size:13px}.psp-tbl thead{background:var(--bg)}.psp-tbl th{text-align:left;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding:10px 14px;font-size:10px;font-weight:600}.psp-tbl td{color:var(--text);border-bottom:1px solid #f1f5f9;padding:12px 14px}.psp-tbl tr:last-child td{border-bottom:none}.psp-tbl tbody tr:hover td{background:#f9fafb}.psp-td-serial{color:var(--text);letter-spacing:.02em;font-family:Courier New,monospace;font-weight:700}.psp-type-badge{background:var(--blue-50);color:var(--blue-800);white-space:nowrap;border-radius:20px;padding:3px 9px;font-size:11px;font-weight:600}.psp-td-loc{color:var(--text-2);align-items:center;gap:6px;display:flex}.psp-td-date{color:var(--text-3);font-size:11px}.psp-key-row{align-items:center;gap:8px;display:flex}.psp-key-val{background:var(--bg);color:var(--text);border-radius:6px;padding:2px 8px;font-family:Courier New,monospace;font-size:12px;font-weight:600}.psp-no-key{color:var(--text-3);font-size:11px;font-style:italic}.psp-btn-edit{border:1px solid var(--blue-100);background:var(--blue-50);width:26px;height:26px;color:var(--blue-800);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.psp-btn-edit:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.psp-btn-edit svg{flex-shrink:0;width:13px;height:13px;display:block}.psp-edit-row{align-items:center;gap:5px;display:flex}.psp-key-inp{border:1px solid var(--blue);width:100px;height:28px;color:var(--text);border-radius:6px;outline:none;padding:0 8px;font-family:Courier New,monospace;font-size:12px}.psp-btn-ok{background:var(--green-50);width:28px;height:28px;color:var(--green-800);cursor:pointer;border:1px solid #c0dd97;border-radius:6px;justify-content:center;align-items:center;display:flex}.psp-btn-ok:hover{color:#fff;background:#3b6d11;border-color:#3b6d11}.psp-btn-x{border:1px solid var(--border);background:var(--bg);width:28px;height:28px;color:var(--text-3);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;display:flex}.psp-btn-x:hover{background:var(--red-50);color:var(--red-800);border-color:var(--red-100)}.psp-btn-del{border:1px solid var(--red-100);border-radius:var(--r);background:var(--red-50);color:#a32d2d;cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.psp-btn-del:hover{color:#fff;background:#a32d2d;border-color:#a32d2d}.psp-btn-del svg{flex-shrink:0;width:13px;height:13px;display:block}.psp-tbl-empty{text-align:center;color:var(--text-3);padding:48px;font-size:13px}.psp-center{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:60vh;display:flex}.psp-spinner{border:3px solid var(--border);border-top-color:var(--blue);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite psp-spin}.psp-loading-txt{color:var(--text-3);font-family:Sarabun,sans-serif;font-size:14px}@keyframes psp-spin{to{transform:rotate(360deg)}}.psp-page-size-row{align-items:center;gap:5px;display:flex}.psp-page-label{color:var(--text-3);font-size:12px}.psp-page-size-btn{border:1px solid var(--border);background:var(--surface);min-width:36px;height:28px;color:var(--text-2);cursor:pointer;border-radius:6px;padding:0 8px;font-family:Sarabun,sans-serif;font-size:12px}.psp-page-size-btn.act{background:var(--blue-50);border-color:var(--blue-100);color:var(--blue-800);font-weight:600}.psp-page-size-btn:hover:not(.act){background:var(--bg)}.psp-pagination{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.psp-page-info{color:var(--text-3);font-size:12px}.psp-page-btns{align-items:center;gap:4px;display:flex}.psp-page-nav{border:1px solid var(--border);border-radius:var(--r);background:var(--surface);cursor:pointer;width:30px;height:30px;color:var(--text-2);justify-content:center;align-items:center;display:flex}.psp-page-nav:hover:not(:disabled){background:var(--bg)}.psp-page-nav:disabled{opacity:.35;cursor:not-allowed}.psp-page-num{border:1px solid var(--border);border-radius:var(--r);background:var(--surface);width:30px;height:30px;color:var(--text-2);cursor:pointer;font-family:Sarabun,sans-serif;font-size:12px}.psp-page-num:hover:not(.act){background:var(--bg)}.psp-page-num.act{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600}.psp-today-banner{border-radius:var(--r-lg);background:#fffbeb;border:1px solid #fde68a;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;display:flex}.psp-today-icon{border-radius:var(--r);color:#92400e;background:#fef3c7;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.psp-today-text{color:#78350f;font-size:13px;font-weight:500}.psp-today-count{color:#92400e;margin-left:4px;font-size:22px;font-weight:800;line-height:1}.psp-today-unit{color:#a16207;margin-left:2px;font-size:12px}.psp-condition-badge{border-radius:20px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-block}.psp-condition-new{color:#065f46;background:#ecfdf5;border:1px solid #6ee7b7}.psp-condition-old{color:#9a3412;background:#fff7ed;border:1px solid #fdba74}.psp-td-user{color:var(--text-2);white-space:nowrap;font-size:12px}.psp-desktop-only{display:block}.psp-mobile-only{display:none}.psp-card-list{flex-direction:column;gap:10px;padding:12px;display:flex}.psp-mcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;gap:8px;padding:14px 16px;display:flex}.psp-mcard-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.psp-mcard-serial{color:var(--text);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-family:Courier New,monospace;font-size:15px;font-weight:700;overflow:hidden}.psp-mcard-badges{flex-wrap:wrap;gap:6px;display:flex}.psp-mcard-rows{border-top:1px solid var(--border);flex-direction:column;gap:7px;margin-top:2px;padding-top:10px;display:flex}.psp-mcard-row{align-items:baseline;gap:8px;display:flex}.psp-mcard-lbl{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;min-width:72px;font-size:11px;font-weight:600}.psp-mcard-val{color:var(--text);font-size:13px;font-weight:500}.psp-mcard-key{color:var(--blue-800);background:var(--blue-50);border:1px solid var(--blue-100);border-radius:6px;padding:2px 9px;font-family:Courier New,monospace;font-size:14px;font-weight:700}.psp-mcard-nokey{color:var(--text-3);font-size:12px;font-style:italic}@media (max-width:768px){.psp-page{padding:12px 10px 70px}.psp-desktop-only{display:none!important}.psp-mobile-only{display:block}.psp-topbar{margin-bottom:14px}.psp-title{font-size:16px}.psp-summary-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.psp-stat{gap:8px;padding:10px 12px}.psp-stat-icon{width:30px;height:30px}.psp-stat-val{font-size:18px}.psp-stat-type{font-size:10px}.psp-today-banner{gap:8px;padding:10px 12px}.psp-today-count{font-size:18px}.psp-filter-row{flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px}.psp-search{min-width:0}.psp-search-inp{height:38px;font-size:14px}.psp-selects{flex-wrap:nowrap}.psp-select{flex:1;min-width:0;height:38px;font-size:13px}.psp-result-count{text-align:right;margin-left:0}.psp-card-list{gap:8px;padding:10px}.psp-mcard{padding:12px 14px}.psp-mcard-serial{font-size:14px}.psp-pagination{padding:10px 12px}.psp-page-info{font-size:11px}.psp-page-nav,.psp-page-num{width:34px;height:34px}}.pdb-page{background:#f8fafc;max-width:900px;min-height:100vh;margin:0 auto;padding:20px;font-family:Sarabun,sans-serif}.pdb-welcome{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:30px;display:flex}.welcome-text h1{color:#1e293b;margin:0;font-size:1.5rem}.welcome-text p{color:#64748b;margin:5px 0 0}.welcome-date{color:#3b82f6;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:8px 15px;font-size:.85rem;font-weight:600}.pdb-stats-grid{grid-template-columns:1fr 1.2fr;gap:20px;margin-bottom:30px;display:grid}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:20px;padding:25px;display:flex;box-shadow:0 4px 6px -1px #0000000d}.stat-card.main{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none}.stat-card.quick-action{cursor:pointer;transition:all .2s;position:relative}.stat-card.quick-action:hover{border-color:#3b82f6;transform:translateY(-4px)}.stat-icon{background:#fff3;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.75rem;display:flex}.stat-icon.action{color:#3b82f6;background:#f0f9ff}.stat-info{flex-direction:column;display:flex}.stat-label{opacity:.9;font-size:.85rem;font-weight:600}.stat-value{font-size:2rem;font-weight:800}.stat-value.small{color:#1e293b;margin-top:4px;font-size:1.1rem}.arrow{color:#3b82f6;margin-left:auto}.pdb-section-title{color:#1e293b;align-items:center;gap:10px;margin-bottom:15px;font-weight:800;display:flex}.pdb-summary-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-bottom:40px;display:grid}.summary-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:15px;transition:all .2s}.summary-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.summary-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.type-badge{color:#475569;background:#f1f5f9;border-radius:8px;padding:4px 10px;font-size:.75rem;font-weight:800}.count-val{color:#3b82f6;font-size:1.25rem;font-weight:800}.summary-footer{color:#94a3b8;align-items:center;gap:6px;font-size:.75rem;display:flex}.pdb-action-menu{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.menu-item{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:20px;transition:all .2s;display:flex}.menu-item:hover{background:#eff6ff;border-color:#3b82f6}.menu-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.25rem;display:flex}.menu-icon.test{background:#3b82f6}.menu-icon.stock{background:#10b981}.menu-icon.req{background:#f59e0b}.menu-item span{color:#1e293b;font-size:.85rem;font-weight:600}@media (max-width:768px){.pdb-stats-grid{grid-template-columns:1fr}.pdb-action-menu{grid-template-columns:1fr 1fr}}@media (max-width:480px){.pdb-action-menu{grid-template-columns:1fr}}.pdb-qc-alert-banner{cursor:pointer;background:#fef2f2;border:1.5px solid #fecaca;border-left:5px solid #dc2626;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;transition:background .15s;display:flex}.pdb-qc-alert-banner:hover{background:#fee2e2}.pdb-qc-alert-left{align-items:center;gap:12px;display:flex}.pdb-qc-alert-icon{color:#dc2626;flex-shrink:0;font-size:1.4rem}.pdb-qc-alert-title{color:#991b1b;font-size:14px;font-weight:700}.pdb-qc-alert-sub{color:#b91c1c;margin-top:2px;font-size:12px}.pdb-qc-alert-count{color:#fff;background:#dc2626;border-radius:20px;flex-shrink:0;padding:4px 12px;font-size:14px;font-weight:700}.pdb-qc-alert-banner.pdb-qc-alert-ok{background:#f0fdf4;border-color:#bbf7d0 #bbf7d0 #bbf7d0 #16a34a}.pdb-qc-alert-banner.pdb-qc-alert-ok:hover{background:#dcfce7}.pdb-qc-alert-banner.pdb-qc-alert-ok .pdb-qc-alert-icon{color:#16a34a}.pdb-qc-alert-banner.pdb-qc-alert-ok .pdb-qc-alert-title{color:#15803d}.pdb-qc-alert-banner.pdb-qc-alert-ok .pdb-qc-alert-sub{color:#166534}.pdb-qc-alert-count-ok{background:#16a34a!important}.pdb-returned-banner{background:#fff7ed;border:1.5px solid #fed7aa;border-left:5px solid #f97316;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:14px 16px;transition:background .15s;display:flex}.pdb-returned-banner:hover{background:#ffedd5}.pdb-returned-icon{color:#f97316;flex-shrink:0;font-size:1.4rem}.pdb-returned-title{color:#9a3412;font-size:14px;font-weight:700}.pdb-returned-sub{color:#c2410c;margin-top:2px;font-size:12px}.pdb-returned-count{color:#fff;background:#f97316;border-radius:20px;flex-shrink:0;padding:4px 12px;font-size:14px;font-weight:700}.pdb-returned-banner.pdb-returned-banner-ok{background:#f0fdf4;border-color:#bbf7d0 #bbf7d0 #bbf7d0 #16a34a}.pdb-returned-banner.pdb-returned-banner-ok:hover{background:#dcfce7}.pdb-returned-banner.pdb-returned-banner-ok .pdb-returned-icon{color:#16a34a}.pdb-returned-banner.pdb-returned-banner-ok .pdb-returned-title{color:#15803d}.pdb-returned-banner.pdb-returned-banner-ok .pdb-returned-sub{color:#166534}.pdb-returned-count-ok{background:#16a34a!important}.pdb-repair-banner{background:#fffbeb!important;border-color:#fde68a #fde68a #fde68a #f59e0b!important}.pdb-repair-banner:hover{background:#fef3c7!important}.pdb-repair-icon{color:#f59e0b;flex-shrink:0;font-size:1.4rem}.pdb-repair-title{color:#92400e;font-size:14px;font-weight:700}.pdb-repair-sub{color:#b45309;margin-top:2px;font-size:12px}.pdb-repair-banner.pdb-repair-banner-ok{background:#f0fdf4!important;border-color:#bbf7d0 #bbf7d0 #bbf7d0 #16a34a!important}.pdb-repair-banner.pdb-repair-banner-ok:hover{background:#dcfce7!important}.pdb-repair-banner.pdb-repair-banner-ok .pdb-repair-icon{color:#16a34a}.pdb-repair-banner.pdb-repair-banner-ok .pdb-repair-title{color:#15803d}.pdb-repair-banner.pdb-repair-banner-ok .pdb-repair-sub{color:#166534}.pdb-repair-count-active{background:#f59e0b!important}.pdb-repair-count-ok{background:#16a34a!important}.menu-icon.repair{background:#f59e0b}.pqa-page{color:#1e293b;background:#f4f6f9;max-width:720px;min-height:100vh;margin:0 auto;padding:18px 16px 60px;font-family:Sarabun,sans-serif}.pqa-header{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.pqa-back{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-self:center;padding:7px 14px;font-family:Sarabun,sans-serif;font-size:12px;font-weight:600}.pqa-back:hover{background:#f8fafc}.pqa-title{margin:0;font-size:17px;font-weight:700}.pqa-sub{color:#94a3b8;margin:2px 0 0;font-size:12px}.pqa-count-badge{color:#fff;background:#dc2626;border-radius:20px;align-self:center;margin-left:auto;padding:4px 12px;font-size:12px;font-weight:700}.pqa-loading{text-align:center;color:#94a3b8;padding:60px;font-size:13px}.pqa-empty{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:60px 20px}.pqa-empty-icon{margin-bottom:12px;font-size:2.5rem}.pqa-empty-title{color:#475569;margin-bottom:4px;font-size:14px;font-weight:600}.pqa-empty-sub{color:#94a3b8;font-size:12px}.pqa-list{flex-direction:column;gap:12px;display:flex}.pqa-card{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #dc2626;border-radius:14px;overflow:hidden}.pqa-card-top{justify-content:space-between;align-items:center;gap:8px;padding:12px 14px 8px;display:flex}.pqa-serial{color:#1e293b;font-family:monospace;font-size:15px;font-weight:700}.pqa-type-badge{white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.pqa-card-info{flex-direction:column;gap:4px;padding:0 14px 10px;display:flex}.pqa-info-row{gap:8px;font-size:12px;display:flex}.pqa-info-label{color:#94a3b8;flex-shrink:0;min-width:110px}.pqa-info-val{color:#334155;font-weight:600}.pqa-highlight-red{color:#dc2626}.pqa-card-comment-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:0 14px 10px;padding:10px 12px}.pqa-comment-text{color:#475569;font-size:12px;line-height:1.5}.pqa-comment-by{color:#94a3b8;text-align:right;margin-top:4px;font-size:11px}.pqa-card-actions{border-top:1px solid #f1f5f9;align-items:center;gap:6px;padding:10px 14px;display:flex}.pqa-type-select{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;flex-shrink:0;padding:7px 8px;font-family:Sarabun,sans-serif;font-size:12px}.pqa-comment-input{color:#1e293b;border:1px solid #e2e8f0;border-radius:8px;outline:none;flex:1;padding:7px 10px;font-family:Sarabun,sans-serif;font-size:12px;transition:border-color .15s}.pqa-comment-input:focus{border-color:#185fa5}.pqa-btn-send{color:#fff;cursor:pointer;background:#185fa5;border:none;border-radius:8px;flex-shrink:0;padding:7px 14px;font-family:Sarabun,sans-serif;font-size:12px;font-weight:700;transition:background .15s}.pqa-btn-send:hover:not(:disabled){background:#0c447c}.pqa-btn-send:disabled{opacity:.45;cursor:not-allowed}.pqa-btn-resolve{color:#16a34a;cursor:pointer;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;flex-shrink:0;padding:7px 12px;font-family:Sarabun,sans-serif;font-size:12px;font-weight:700;transition:background .15s}.pqa-btn-resolve:hover{background:#dcfce7}.rm-page{background:#f8fafc;max-width:860px;min-height:100vh;margin:0 auto;padding:20px;font-family:Sarabun,sans-serif}.rm-header{flex-wrap:wrap;align-items:flex-start;gap:14px;margin-bottom:24px;display:flex}.rm-back-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;margin-top:4px;padding:8px 14px;font-size:13px;font-weight:700;display:flex}.rm-back-btn:hover{background:#f1f5f9}.rm-header>div{flex:1}.rm-title{color:#1e293b;margin:0;font-size:1.4rem;font-weight:800}.rm-subtitle{color:#64748b;margin:4px 0 0;font-size:13px}.rm-refresh-btn{cursor:pointer;color:#64748b;background:0 0;border:1.5px solid #e2e8f0;border-radius:10px;margin-top:4px;padding:8px 12px;font-size:15px}.rm-refresh-btn:hover{background:#f1f5f9}.rm-stage-strip{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;padding:16px 20px;display:flex}.rm-stage-step{background:var(--sb);border-radius:10px;flex-direction:column;flex:1;align-items:center;min-width:120px;padding:10px 20px;display:flex}.rm-stage-num{color:var(--sc);font-size:1.6rem;font-weight:800;line-height:1}.rm-stage-lbl{color:var(--sc);text-align:center;margin-top:4px;font-size:11px;font-weight:700}.rm-stage-arrow{color:#cbd5e1;flex-shrink:0;padding:0 4px;font-size:24px}.rm-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.rm-tab{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:999px;align-items:center;gap:8px;padding:7px 16px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.rm-tab:hover{border-color:#94a3b8}.rm-tab.active{color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.rm-tab-badge{color:#475569;text-align:center;background:#e2e8f0;border-radius:999px;min-width:20px;padding:1px 8px;font-size:11px;font-weight:700}.rm-tab.active .rm-tab-badge{color:#fff;background:#3b82f6}.rm-list{flex-direction:column;gap:12px;display:flex}.rm-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;padding:16px;transition:box-shadow .15s}.rm-card:hover{box-shadow:0 4px 12px #0000000f}.rm-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.rm-card-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rm-serial{color:#1e293b;font-size:15px;font-weight:800}.rm-type-badge{color:#475569;background:#f1f5f9;border-radius:6px;padding:2px 9px;font-size:11px;font-weight:700}.rm-stage-badge{border-radius:999px;align-items:center;gap:5px;padding:4px 12px;font-size:12px;font-weight:700;display:flex}.rm-card-info{flex-direction:column;gap:5px;margin-bottom:0;display:flex}.rm-info-row{color:#1e293b;align-items:flex-start;gap:8px;font-size:13px;display:flex}.rm-info-label{color:#94a3b8;flex-shrink:0;min-width:72px;font-weight:700}.rm-report-code{background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;padding:1px 8px;font-family:monospace;font-size:12px}.rm-eval{border-top:1px dashed #e2e8f0;margin-top:14px;padding-top:14px}.rm-eval-label{color:#94a3b8;margin-bottom:8px;font-size:12px;font-weight:700}.rm-eval-btns{flex-wrap:wrap;gap:8px;display:flex}.rm-eval-btn{cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:110px;padding:9px 12px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.rm-eval-btn.ready{color:#15803d;background:#f0fdf4;border:2px solid #d1fae5}.rm-eval-btn.ready:hover{background:#dcfce7;border-color:#16a34a}.rm-eval-btn.repair{color:#b45309;background:#fefce8;border:2px solid #fde68a}.rm-eval-btn.repair:hover{background:#fef3c7;border-color:#f59e0b}.rm-eval-btn.decommission{color:#dc2626;background:#fff5f5;border:2px solid #fecaca}.rm-eval-btn.decommission:hover{background:#fee2e2;border-color:#dc2626}.rm-eval-confirm{flex-direction:column;gap:8px;display:flex}.rm-eval-chosen{align-items:center;gap:10px;display:flex}.rm-chosen-badge{border-radius:999px;padding:4px 14px;font-size:13px;font-weight:700}.rm-chosen-badge.ready{color:#15803d;background:#dcfce7}.rm-chosen-badge.repair{color:#b45309;background:#fef3c7}.rm-chosen-badge.decommission{color:#dc2626;background:#fee2e2}.rm-clear-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;display:flex}.rm-clear-btn:hover{background:#f1f5f9}.rm-input{box-sizing:border-box;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-family:Sarabun,sans-serif;font-size:13px}.rm-input:focus{border-color:#f97316}.rm-save-btn{color:#fff;cursor:pointer;background:#f97316;border:none;border-radius:10px;align-self:flex-end;align-items:center;gap:6px;padding:9px 20px;font-size:14px;font-weight:700;transition:background .15s;display:flex}.rm-save-btn:hover:not(:disabled){background:#ea6c0a}.rm-save-btn:disabled{cursor:not-allowed;background:#94a3b8}.rm-loading,.rm-empty{text-align:center;color:#94a3b8;flex-direction:column;align-items:center;gap:8px;padding:60px 20px;font-size:15px;display:flex}@media (max-width:600px){.rm-stage-strip{flex-direction:column;align-items:stretch}.rm-stage-arrow{align-self:center;transform:rotate(90deg)}.rm-eval-btns{flex-direction:column}.rm-eval-btn{min-width:100%}}.rp-page{background:#f8fafc;max-width:860px;min-height:100vh;margin:0 auto;padding:20px;font-family:Sarabun,sans-serif}.rp-header{flex-wrap:wrap;align-items:flex-start;gap:14px;margin-bottom:24px;display:flex}.rp-back-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;margin-top:4px;padding:8px 14px;font-size:13px;font-weight:700;display:flex}.rp-back-btn:hover{background:#f1f5f9}.rp-header>div{flex:1}.rp-title{color:#1e293b;margin:0;font-size:1.4rem;font-weight:800}.rp-subtitle{color:#64748b;margin:4px 0 0;font-size:13px}.rp-refresh-btn{cursor:pointer;color:#64748b;background:0 0;border:1.5px solid #e2e8f0;border-radius:10px;margin-top:4px;padding:8px 12px;font-size:15px}.rp-refresh-btn:hover{background:#f1f5f9}.spinning{animation:.8s linear infinite spin}.rp-tabs{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.rp-tab{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:700;transition:all .15s;display:flex}.rp-tab:hover{border-color:#94a3b8}.rp-tab.active.repair{color:#b45309;background:#fefce8;border-color:#f59e0b}.rp-tab.active.decomm{color:#dc2626;background:#fff5f5;border-color:#dc2626}.rp-tab-badge{text-align:center;border-radius:999px;min-width:20px;padding:1px 9px;font-size:11px;font-weight:700}.rp-tab-badge.repair{color:#b45309;background:#fef3c7}.rp-tab-badge.decomm{color:#dc2626;background:#fee2e2}.rp-tab.active .rp-tab-badge.repair{color:#fff;background:#f59e0b}.rp-tab.active .rp-tab-badge.decomm{color:#fff;background:#dc2626}.rp-list{flex-direction:column;gap:12px;display:flex}.rp-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;padding:16px}.rp-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.rp-card-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rp-serial{color:#1e293b;font-size:15px;font-weight:800}.rp-serial-sm{color:#1e293b;font-family:monospace;font-size:13px;font-weight:700}.rp-type-badge{color:#475569;background:#f1f5f9;border-radius:6px;padding:2px 9px;font-size:11px;font-weight:700}.rp-status-badge{border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700}.rp-status-badge.repair{color:#b45309;background:#fef3c7}.rp-card-info{flex-direction:column;gap:5px;margin-bottom:0;display:flex}.rp-info-row{color:#1e293b;align-items:flex-start;gap:8px;font-size:13px;display:flex}.rp-info-label{color:#94a3b8;flex-shrink:0;min-width:72px;font-weight:700}.rp-note-text{color:#475569;font-style:italic}.rp-action{border-top:1px dashed #e2e8f0;margin-top:14px;padding-top:14px}.rp-action-label{color:#94a3b8;margin-bottom:8px;font-size:12px;font-weight:700}.rp-action-btns{flex-wrap:wrap;gap:8px;display:flex}.rp-action-btn{cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:7px;min-width:160px;padding:9px 14px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.rp-action-btn.ready{color:#15803d;background:#f0fdf4;border:2px solid #d1fae5}.rp-action-btn.ready:hover{background:#dcfce7;border-color:#16a34a}.rp-action-btn.decomm{color:#dc2626;background:#fff5f5;border:2px solid #fecaca}.rp-action-btn.decomm:hover{background:#fee2e2;border-color:#dc2626}.rp-confirm{flex-direction:column;gap:8px;display:flex}.rp-confirm-head{align-items:center;gap:10px;display:flex}.rp-chosen-badge{border-radius:999px;padding:4px 14px;font-size:13px;font-weight:700}.rp-chosen-badge.ready{color:#15803d;background:#dcfce7}.rp-chosen-badge.decommission{color:#dc2626;background:#fee2e2}.rp-clear-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-family:Sarabun,sans-serif;font-size:12px;display:flex}.rp-clear-btn:hover{background:#f1f5f9}.rp-input{box-sizing:border-box;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-family:Sarabun,sans-serif;font-size:13px}.rp-input:focus{border-color:#f59e0b}.rp-save-btn{color:#fff;cursor:pointer;border:none;border-radius:10px;align-self:flex-end;align-items:center;gap:6px;padding:9px 20px;font-family:Sarabun,sans-serif;font-size:14px;font-weight:700;transition:opacity .15s;display:flex}.rp-save-btn.ready{background:#16a34a}.rp-save-btn.decommission{background:#dc2626}.rp-save-btn:disabled{opacity:.5;cursor:not-allowed}.rp-decomm-table-wrap{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;overflow:auto hidden}.rp-decomm-table{border-collapse:collapse;width:100%;font-size:13px}.rp-decomm-table th{color:#991b1b;text-align:left;white-space:nowrap;background:#fef2f2;border-bottom:1.5px solid #fecaca;padding:12px 14px;font-weight:700}.rp-decomm-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:11px 14px}.rp-decomm-table tbody tr:last-child td{border-bottom:none}.rp-decomm-table tbody tr:hover td{background:#fafafa}.rp-td-center{text-align:center;color:#94a3b8;font-size:12px}.rp-td-reason{color:#475569;max-width:220px}.rp-td-date{white-space:nowrap;color:#64748b;font-size:12px}.rp-muted{color:#cbd5e1}.rp-loading,.rp-empty{text-align:center;color:#94a3b8;flex-direction:column;align-items:center;gap:8px;padding:60px 20px;font-size:15px;display:flex}@media (max-width:600px){.rp-action-btns{flex-direction:column}.rp-action-btn{min-width:100%}}.new-requisition-page{background:linear-gradient(135deg,#f5f7fa 0%,#e8f0fe 100%);min-height:100vh;padding:2rem 1rem;position:relative}.new-requisition-container{max-width:1400px;margin:0 auto}.purchase-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2.5rem;animation:.6s ease-out fadeInDown;display:flex}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.purchase-title-wrapper{align-items:center;gap:1.25rem;display:flex}.purchase-icon-box{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:1.25rem;justify-content:center;align-items:center;padding:1.25rem;transition:transform .3s;display:flex;box-shadow:0 8px 20px #667eea59,0 4px 10px #764ba233}.purchase-icon-box:hover{transform:scale(1.05)rotate(5deg)}.purchase-title{color:#1a202c;letter-spacing:-.5px;margin:0;font-size:2.5rem;font-weight:800}.purchase-subtitle{color:#718096;margin-top:.5rem;font-size:1rem;font-weight:500}.purchase-actions{gap:.75rem;display:flex}.floating-cart-button{z-index:1050;-webkit-backdrop-filter:blur(20px)saturate(180%);cursor:pointer;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:50%;right:20px;overflow:hidden;transform:translateY(calc(45px - 50%));box-shadow:0 10px 40px #667eea4d,0 5px 15px #0000001f,inset 0 1px #ffffff4d}.floating-cart-button:before{content:"";opacity:.95;z-index:-1;background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);border-radius:50%;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.floating-cart-button:after{content:"";z-index:-2;opacity:0;background:radial-gradient(circle,#667eea80 0%,#0000 70%);border-radius:50%;transition:opacity .4s;position:absolute;inset:-25px}.floating-cart-button:hover{transform:translateY(calc(45px - 50%))scale(1.12);box-shadow:0 20px 60px #667eea73,0 10px 30px #764ba259,inset 0 1px #fff6}.floating-cart-button:hover:before{opacity:1;background:linear-gradient(135deg,#7c3aed 0%,#c026d3 50%,#ec4899 100%)}.floating-cart-button:hover:after{opacity:1;animation:2s infinite glow-pulse}@keyframes glow-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.floating-cart-button:active{transform:translateY(calc(45px - 50%))scale(1.05)}.floating-cart-button svg{color:#fff;filter:drop-shadow(0 3px 6px #00000040);z-index:1;font-size:26px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.floating-cart-button:hover svg{filter:drop-shadow(0 5px 10px #00000059);transform:scale(1.15)rotate(-8deg)}.floating-cart-button .badge{z-index:2;color:#fff;background:linear-gradient(135deg,#e53e3e 0%,#c53030 100%);border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:4px 6px;font-size:11px;font-weight:800;animation:2s ease-in-out infinite badge-float;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 3px 12px #e53e3e80,0 0 0 2px #fffc}.floating-cart-button .badge.new-item{animation:.8s cubic-bezier(.68,-.55,.265,1.55) badge-pop,2s ease-in-out .8s infinite badge-float}@keyframes badge-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.08)}}@keyframes badge-pop{0%{opacity:0;transform:scale(0)rotate(0)}50%{transform:scale(1.4)rotate(180deg)}to{opacity:1;transform:scale(1)rotate(360deg)}}.floating-cart-button .shine{pointer-events:none;background:linear-gradient(45deg,#0000 30%,#fff6 50%,#0000 70%);width:200%;height:200%;animation:4s infinite shine;position:absolute;top:-50%;left:-150%;transform:rotate(45deg)}@keyframes shine{0%{left:-150%}to{left:150%}}.filter-section-wrapper{margin-bottom:2.5rem;padding-right:90px}.filter-toggle-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-bottom:1rem;padding:1rem 1.5rem;font-size:1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 15px #667eea40}.filter-toggle-btn:hover{background:linear-gradient(135deg,#7c3aed 0%,#8b5cf6 100%);transform:translateY(-2px);box-shadow:0 6px 20px #667eea59}.filter-toggle-btn:active{transform:translateY(0)}.filter-toggle-btn .toggle-icon{justify-content:center;align-items:center;width:24px;height:24px;margin-left:auto;transition:transform .3s;display:flex}.filter-toggle-btn .toggle-icon.open{transform:rotate(45deg)}.requisition-filter-bar{opacity:1;background:#fff;border-radius:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;max-height:2000px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:grid;overflow:visible;box-shadow:0 6px 25px #00000014,0 3px 6px #0000000a}.requisition-filter-bar.hide{opacity:0;max-height:0;box-shadow:none;margin-bottom:0;padding:0 2rem;overflow:hidden}.requisition-filter-bar.show{animation:.4s ease-out slideDown}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.requisition-filter-bar:hover{box-shadow:0 10px 35px #0000001f,0 5px 10px #0000000f}.filter-item{flex-direction:column;gap:.75rem;min-width:0;display:flex}.filter-label{color:#2d3748;letter-spacing:.2px;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:flex}.label-icon{color:#667eea;flex-shrink:0;font-size:1.1rem}.select-modern .select__control{box-shadow:none;background:#fff;border:2px solid #e2e8f0;border-radius:14px;min-height:48px;padding:.4rem .5rem;transition:all .3s}.select-modern .select__control:hover{border-color:#cbd5e0;box-shadow:0 2px 8px #0000000a}.select-modern .select__control--is-focused{border-color:#667eea;box-shadow:0 0 0 4px #667eea1f}.select-modern .select__menu{z-index:100;border:1px solid #e2e8f0;border-radius:14px;margin-top:.5rem;overflow:hidden;box-shadow:0 12px 45px #00000026}.select-modern .select__option{padding:.75rem 1rem;transition:all .2s}.select-modern .select__option--is-focused{background-color:#f7fafc}.select-modern .select__option--is-selected{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.select-modern .select__option:active{background:#edf2f7}.select-modern .select__placeholder{color:#a0aec0;font-weight:500}.select-modern .select__single-value{color:#2d3748;font-weight:600}.search-container{flex-direction:column;gap:.75rem;min-width:0;display:flex}.search-label{color:#2d3748;letter-spacing:.2px;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:flex}.search-wrapper{background:#fff;border:2px solid #e2e8f0;border-radius:14px;align-items:center;min-height:48px;transition:all .3s;display:flex;position:relative;overflow:hidden}.search-wrapper:hover{border-color:#cbd5e0;box-shadow:0 2px 8px #0000000a}.search-wrapper:focus-within{border-color:#667eea;box-shadow:0 0 0 4px #667eea1f}.search-icon{color:#667eea;background:0 0;flex-shrink:0;align-items:center;padding:0 1rem;font-size:1.1rem;display:flex}.search-input{color:#2d3748;background:0 0;border:none;outline:none;flex:1;min-width:0;height:100%;padding:.75rem 1rem .75rem 0;font-size:.95rem;font-weight:500}.search-input::placeholder{color:#a0aec0}.search-clear{color:#a0aec0;cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:.5rem 1rem;transition:all .2s;display:flex}.search-clear:hover{color:#e53e3e;transform:scale(1.1)}.time-picker-trigger{cursor:pointer;background:#1a202c;border:2px solid #2d3748;border-radius:14px;align-items:center;gap:12px;width:100%;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.time-picker-trigger:hover{background:#2d3748;border-color:#4a5568;transform:translateY(-1px)}.time-picker-trigger .trigger-icon{color:#63b3ed;filter:drop-shadow(0 0 5px #63b3ed80);font-size:1.25rem}.time-picker-trigger .time-display{text-align:left;color:#63b3ed;letter-spacing:2px;background:0 0;-webkit-background-clip:initial;-webkit-text-fill-color:initial;flex:1;font-family:Courier New,Courier,monospace;font-size:1.15rem;font-weight:700}.premium-digital-time-modal .modal-content{background:#f8fafc;border:none;border-radius:24px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.premium-digital-time-modal .modal-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:1.25rem 1.5rem}.premium-digital-time-modal .modal-title{color:#1e293b;align-items:center;font-weight:700;display:flex}.digital-clock-dashboard{background:#fff;flex-direction:column;align-items:center;gap:2rem;padding:1.5rem;display:flex}.digital-display-container{background:#0f172a;border-radius:30px;align-items:center;gap:1.5rem;padding:2.5rem 2rem;display:flex;position:relative;box-shadow:inset 0 2px 10px #00000080,0 10px 20px #0000001a}.digital-column{flex-direction:column;align-items:center;gap:12px;display:flex}.digital-value-box{background:#1e293b;border:1px solid #334155;border-radius:16px;flex-direction:column;align-items:center;min-width:90px;padding:12px 18px;display:flex;box-shadow:0 4px 6px #0003}.digital-number{color:#38bdf8;text-shadow:0 0 15px #38bdf899;font-family:Courier New,Courier,monospace;font-size:3.5rem;font-weight:700;line-height:1}.digital-label{color:#64748b;letter-spacing:.1em;margin-top:4px;font-size:.65rem;font-weight:800}.digital-separator{color:#38bdf8;opacity:.5;font-size:3rem;font-weight:700;animation:1s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.wheel-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;transition:all .2s;display:flex}.wheel-btn:hover{color:#fff;background:#ffffff26;transform:scale(1.1)}.wheel-btn:active{transform:scale(.9)}.quick-time-presets{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.preset-chip{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.preset-chip:hover{color:#1e293b;background:#e2e8f0}.confirm-digital-btn{box-shadow:0 10px 15px -3px #0284c74d;background:#0284c7!important;border:none!important;border-radius:12px!important;padding:12px 24px!important;font-weight:700!important}.confirm-digital-btn:active{box-shadow:none;transform:scale(.98)}.clock-picker-container{display:none}.time-slider:hover::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 6px 20px #667eea80,0 0 0 4px #fff,0 0 0 8px #667eea4d}.time-slider:hover::-moz-range-thumb{transform:scale(1.15)}.time-slider:active::-webkit-slider-thumb{transform:scale(1.05)}.time-slider:active::-moz-range-thumb{transform:scale(1.05)}.hour-slider{background:linear-gradient(90deg,#667eea 0%,#764ba2 25%,#f093fb 50%,#764ba2 75%,#667eea 100%)}.minute-slider{background:linear-gradient(90deg,#48bb78 0%,#38a169 50%,#48bb78 100%)}.minute-slider::-webkit-slider-thumb{background:linear-gradient(135deg,#48bb78 0%,#38a169 100%);box-shadow:0 4px 12px #48bb7866,0 0 0 4px #fff,0 0 0 6px #48bb7833}.minute-slider::-moz-range-thumb{background:linear-gradient(135deg,#48bb78 0%,#38a169 100%);box-shadow:0 4px 12px #48bb7866,0 0 0 4px #fff,0 0 0 6px #48bb7833}.minute-slider:hover::-webkit-slider-thumb{box-shadow:0 6px 20px #48bb7880,0 0 0 4px #fff,0 0 0 8px #48bb784d}.minute-slider:hover::-moz-range-thumb{box-shadow:0 6px 20px #48bb7880,0 0 0 4px #fff,0 0 0 8px #48bb784d}.slider-value{color:#fff;pointer-events:none;background:linear-gradient(135deg,#2d3748 0%,#1a202c 100%);border-radius:12px;padding:.4rem .9rem;font-size:1.1rem;font-weight:800;position:absolute;top:-30px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0003}.quick-hours,.quick-minutes{grid-template-columns:repeat(6,1fr);gap:.5rem;display:grid}.quick-minutes{grid-template-columns:repeat(4,1fr)}.quick-btn{color:#4a5568;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:.6rem .5rem;font-size:.85rem;font-weight:700;transition:all .3s}.quick-btn:hover{color:#667eea;background:#f7fafc;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.quick-btn.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea;box-shadow:0 4px 15px #667eea4d}.quick-btn:active{transform:translateY(0)}.products-section{margin-top:2rem;padding-right:90px;animation:.6s ease-out .4s backwards fadeInUp}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.section-title{color:#2d3748;letter-spacing:-.3px;margin:0;font-size:1.75rem;font-weight:800}.items-count{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:24px;padding:.6rem 1.25rem;font-size:.95rem;font-weight:700;box-shadow:0 4px 15px #667eea40}.loading-container{text-align:center;background:#fff;border-radius:20px;padding:5rem 2rem;box-shadow:0 4px 15px #0000000f}.loading-text{color:#6c757d;margin-top:1.5rem;font-size:1.1rem;font-weight:600}.products-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin:0;display:grid}.product-item-wrapper{display:flex}.product-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;flex-direction:column;width:100%;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.product-card:hover{border-color:#667eea;transform:translateY(-5px);box-shadow:0 12px 30px #667eea26,0 6px 12px #00000014}.product-card.in-cart{background:linear-gradient(135deg,#fff 0%,#f0fff4 100%);border-color:#48bb78;box-shadow:0 4px 15px #48bb781f}.product-card.in-cart:hover{border-color:#38a169;box-shadow:0 12px 30px #48bb7833,0 6px 12px #00000014}.product-card.out-of-stock{opacity:.65;position:relative}.product-image-wrapper{background:linear-gradient(135deg,#f5f7fa 0%,#e8ecf0 100%);border-bottom:2px solid #e2e8f0;width:100%;height:140px;position:relative;overflow:hidden}.product-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1)}.product-card:hover .product-image{transform:scale(1.08)}.discount-badge{color:#fff;z-index:5;background:linear-gradient(135deg,#e53e3e 0%,#c53030 100%);border-radius:6px;padding:.25rem .5rem;font-size:.75rem;font-weight:800;position:absolute;top:8px;left:8px;box-shadow:0 2px 8px #e53e3e66}.in-cart-badge{color:#fff;z-index:5;background:linear-gradient(135deg,#48bb78 0%,#38a169 100%);border-radius:6px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.7rem;font-weight:800;animation:.4s ease-out fadeInScale;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #48bb7866}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.stock-overlay{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.stock-overlay span{color:#fff;letter-spacing:.3px;background:linear-gradient(135deg,#e53e3e 0%,#c53030 100%);border-radius:16px;padding:.5rem 1rem;font-size:.9rem;font-weight:800;box-shadow:0 4px 12px #e53e3e66}.product-card-body{flex-direction:column;flex:1;gap:.5rem;padding:.75rem;display:flex}.product-header{margin-bottom:.25rem}.product-name{color:#2d3748;-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;min-height:2.6em;margin:0 0 .25rem;font-size:.9rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.product-sku{color:#a0aec0;letter-spacing:.2px;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.72rem;font-weight:500;display:block;overflow:hidden}.stock-indicator{border-radius:8px;justify-content:space-between;align-items:center;margin:.25rem 0;padding:.4rem .6rem;font-size:.8rem;transition:all .3s;display:flex}.stock-indicator.available{background:linear-gradient(135deg,#f0fff4 0%,#c6f6d5 100%);border:1.5px solid #48bb78}.stock-indicator.low{background:linear-gradient(135deg,#fffaf0 0%,#feebc8 100%);border:1.5px solid #ed8936}.stock-indicator.out{background:linear-gradient(135deg,#fff5f5 0%,#fed7d7 100%);border:1.5px solid #e53e3e}.stock-label{color:#4a5568;letter-spacing:.2px;font-size:.75rem;font-weight:600}.stock-value{letter-spacing:-.3px;font-size:1rem;font-weight:800}.stock-indicator.available .stock-value{color:#22543d}.stock-indicator.low .stock-value{color:#7c2d12}.stock-indicator.out .stock-value{color:#742a2a}.add-to-cart-btn{letter-spacing:.2px;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;width:100%;margin-top:auto;padding:.5rem .75rem;font-size:.85rem;font-weight:700;transition:all .3s;display:flex}.add-to-cart-btn:not(:disabled){color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.add-to-cart-btn.btn-success{background:linear-gradient(135deg,#48bb78 0%,#38a169 100%)}.add-to-cart-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea4d}.add-to-cart-btn.btn-success:hover:not(:disabled){box-shadow:0 6px 20px #48bb784d}.add-to-cart-btn:active:not(:disabled){transform:translateY(0)}.add-to-cart-btn:disabled{opacity:.5;cursor:not-allowed;color:#718096;background:#cbd5e0}.empty-state-wrapper{grid-column:1/-1}.empty-state{text-align:center;background:#fff;border-radius:20px;padding:5rem 2rem;box-shadow:0 6px 20px #0000000f}.empty-icon{color:#cbd5e0;margin-bottom:1.5rem;font-size:5rem}.empty-state h4{color:#2d3748;margin-bottom:.75rem;font-size:1.5rem;font-weight:800}.empty-state p{color:#718096;font-size:1.05rem;font-weight:500}.cart-modal .modal-content{border:none;border-radius:24px;overflow:hidden;box-shadow:0 25px 70px #00000040}.cart-modal .modal-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;padding:1.75rem 2rem}.cart-modal .modal-title{align-items:center;gap:.75rem;font-size:1.3rem;font-weight:800;display:flex}.cart-modal .modal-body{background:#f8f9fa;max-height:70vh;padding:1.5rem;overflow-y:auto}.cart-items-list{flex-direction:column;gap:1rem;padding:0;display:flex}.cart-item{background:#fff;border:2px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000000a}.cart-item:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 8px 24px #667eea26}.cart-item-header{border-bottom:2px solid #f1f3f5;align-items:flex-start;gap:1rem;padding-bottom:1rem;display:flex}.cart-item-number{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.1rem;font-weight:800;display:flex;box-shadow:0 4px 12px #667eea4d}.cart-item-details{flex-direction:column;flex:1;gap:.5rem;min-width:0;display:flex}.cart-item-name{color:#2d3748;word-wrap:break-word;margin:0;font-size:1.05rem;font-weight:800;line-height:1.4}.cart-item-label{color:#718096;font-weight:600}.cart-item-value{color:#2d3748;font-weight:700}.cart-item-meta{flex-direction:column;gap:.25rem;display:flex}.cart-item-meta-item{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.cart-item-footer{justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.cart-item-actions{align-items:center;gap:1rem;display:flex}.delete-btn{color:#e53e3e;background:#fff5f5;border:2px solid #fed7d7;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;padding:0;transition:all .3s;display:flex}.delete-btn:hover{color:#fff;background:#e53e3e;border-color:#e53e3e;transform:scale(1.1)rotate(5deg);box-shadow:0 4px 12px #e53e3e4d}.empty-cart{text-align:center;background:#fff;border-radius:16px;padding:4rem 2rem}.empty-cart-icon{color:#cbd5e0;margin-bottom:1.5rem;font-size:5rem}.empty-cart h4{color:#2d3748;margin-bottom:.75rem;font-size:1.5rem;font-weight:800}.empty-cart p{color:#718096;font-size:1.05rem;font-weight:500}.cart-modal-footer{background:#fff;border-top:2px solid #e2e8f0;padding:1.5rem 2rem}.footer-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.cancel-btn{color:#4a5568;background:0 0;border:2px solid #cbd5e0;border-radius:12px;align-items:center;gap:.6rem;padding:.9rem 1.75rem;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.cancel-btn:hover{color:#2d3748;background-color:#f7fafc;border-color:#a0aec0;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.clear-btn{color:#e53e3e;background:0 0;border:2px solid #fc8181;border-radius:12px;align-items:center;gap:.6rem;padding:.9rem 1.75rem;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.clear-btn:hover{color:#c53030;background:#fff5f5;border-color:#e53e3e;transform:translateY(-2px);box-shadow:0 4px 12px #e53e3e33}.submit-btn{color:#fff;background:linear-gradient(135deg,#48bb78 0%,#38a169 100%);border:none;border-radius:12px;align-items:center;gap:.6rem;padding:.9rem 2.5rem;font-size:1rem;font-weight:800;transition:all .3s;display:flex;box-shadow:0 6px 20px #48bb7840}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#38a169 0%,#2f855a 100%);transform:translateY(-3px);box-shadow:0 10px 30px #48bb7859}.submit-btn:active:not(:disabled){transform:translateY(-1px)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;background:#cbd5e0}.quantity-modal .modal-content{border:none;border-radius:20px;overflow:hidden}.quantity-modal .modal-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;padding:1.5rem 2rem}.quantity-modal .modal-title{font-size:1.2rem;font-weight:800}.quantity-modal-content{padding:1rem 0}.selected-product-info{margin-bottom:1.5rem}.selected-product-info h5{color:#2d3748;margin-bottom:.5rem;font-weight:800}.available-stock{background:#f7fafc;border:2px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.available-stock span{color:#718096;font-weight:600}.available-stock strong{color:#48bb78;font-size:1.1rem;font-weight:800}.quantity-input-group{margin-top:1.5rem}.quantity-label{color:#2d3748;margin-bottom:.75rem;font-size:.95rem;font-weight:700;display:block}.quantity-controls{background:#f8f9fa;border:2px solid #e2e8f0;border-radius:14px;align-items:center;gap:1rem;padding:.75rem;display:flex}.quantity-controls button{color:#667eea;background:#fff;border:2px solid #e2e8f0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;padding:0;font-size:1.2rem;font-weight:700;transition:all .3s;display:flex}.quantity-controls button:hover:not(:disabled){color:#fff;background:#667eea;border-color:#667eea;transform:scale(1.1);box-shadow:0 4px 12px #667eea40}.quantity-controls button:disabled{opacity:.4;cursor:not-allowed}.quantity-input{text-align:center;color:#2d3748;background:#fff;border:none;border-radius:12px;flex:1;max-width:100px;height:50px;font-size:1.3rem;font-weight:800}.quantity-input:focus{outline:none;box-shadow:0 0 0 3px #667eea1f}@media (max-width:1400px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}@media (max-width:1200px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.requisition-filter-bar{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:992px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.requisition-filter-bar{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem}.filter-toggle-btn{padding:.9rem 1.25rem;font-size:.95rem}}@media (max-width:768px){.new-requisition-page{padding:1.5rem 1rem}.products-section,.filter-section-wrapper{padding-right:0}.floating-cart-button{width:56px;height:56px;right:12px;transform:translateY(calc(38px - 50%))}.floating-cart-button:hover{transform:translateY(calc(38px - 50%))scale(1.12)}.floating-cart-button:active{transform:translateY(calc(38px - 50%))scale(1.05)}.floating-cart-button svg{font-size:22px}.floating-cart-button .badge{min-width:20px;height:20px;font-size:10px;top:2px;right:2px}.purchase-header{gap:1.25rem;margin-bottom:2rem}.purchase-icon-box{padding:1rem}.purchase-title{font-size:2rem}.purchase-subtitle{font-size:.9rem}.requisition-filter-bar{grid-template-columns:1fr;gap:1rem;padding:1.5rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.section-title{font-size:1.5rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.product-image-wrapper{height:120px}.cart-item{padding:1.25rem}.cart-item-footer{flex-direction:column;align-items:stretch}.footer-actions{gap:.75rem}.cancel-btn,.clear-btn,.submit-btn{padding:.8rem 1.5rem;font-size:.95rem}.quantity-modal .modal-body,.cart-modal .modal-body{padding:2rem 1.5rem}.time-picker-modal .modal-dialog{max-width:95%;margin:1rem auto}.clock-face{width:200px;height:200px}.hour-hand{height:50px}.minute-hand{height:70px}.digital-display{padding:.4rem 1rem;font-size:1.1rem}.quick-hours{grid-template-columns:repeat(3,1fr)}.quick-minutes{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.new-requisition-page{padding:1rem .75rem}.purchase-title{font-size:1.75rem}.purchase-icon-box{padding:.85rem}.requisition-filter-bar{grid-template-columns:1fr;gap:1rem;padding:1.25rem}.section-title{font-size:1.35rem}.products-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.product-card-body{padding:.5rem}.product-name{-webkit-line-clamp:3;font-size:.8rem}.product-image-wrapper{height:110px}.quantity-controls{flex-wrap:nowrap;gap:.75rem;width:100%}.quantity-controls button{flex:0 0 45px;width:45px;height:45px}.quantity-input{flex:1;min-width:0;max-width:none}.cart-item{padding:1rem}.cart-item-number{width:36px;height:36px;font-size:.9rem}.cart-item-name{font-size:1rem}.quantity-modal .modal-body,.cart-modal-footer{padding:1.5rem 1rem}.footer-actions{flex-direction:column;gap:.75rem}.footer-actions button{justify-content:center;width:100%}.floating-cart-button{width:52px;height:52px;right:10px}.floating-cart-button svg{font-size:20px}.time-picker-modal .modal-body{padding:1.5rem 1rem}.clock-picker-container{gap:1.5rem}.clock-face{width:180px;height:180px}.hour-marker{font-size:.8rem}.digital-display{font-size:1rem;bottom:20px}.time-controls{gap:1.5rem}.quick-btn{padding:.5rem .4rem;font-size:.8rem}}@media (max-width:400px){.purchase-title{font-size:1.5rem}.products-grid{grid-template-columns:1fr 1fr}.product-image-wrapper{height:100px}.floating-cart-button{width:48px;height:48px;right:8px}.floating-cart-button svg{font-size:18px}}@media print{.floating-cart-button,.requisition-filter-bar,.add-to-cart-btn,.filter-toggle-btn{display:none!important}.new-requisition-page{background:#fff;padding:0}.products-section,.filter-section-wrapper{padding-right:0}.product-card{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}}.history-page{background-color:#f8fafc;min-height:100vh;padding:2rem 1rem}.history-page .container{max-width:1000px;margin:0 auto}.page-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.title-section{align-items:center;gap:12px;display:flex}.title-section h1{color:#1e293b;margin:0;font-size:1.5rem;font-weight:700}.btn-back{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;transition:all .2s;display:flex}.btn-back:hover{color:#1e293b;background:#f1f5f9}.history-list{flex-direction:column;gap:16px;display:flex}.history-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.card-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.request-no{color:#334155;font-weight:700}.card-body{padding:20px}.info-row{color:#64748b;gap:20px;margin-bottom:8px;font-size:.9rem;display:flex}.info-row span{align-items:center;gap:6px;display:flex}.items-preview{color:#475569;background:#f1f5f9;border-radius:8px;margin-top:12px;padding:12px;font-size:.9rem}.remark{color:#94a3b8;margin-top:12px;font-size:.85rem;font-style:italic}.card-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;padding:12px 20px;display:flex}.btn-view,.btn-receive{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-weight:600;transition:all .2s;display:flex}.btn-view{color:#0369a1;background:#e0f2fe}.btn-view:hover{background:#bae6fd}.btn-receive{color:#15803d;background:#dcfce7}.btn-receive:hover{background:#bbf7d0}.status-badge{border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;font-weight:600;display:flex}.status-badge.pending{color:#92400e;background:#fef3c7}.status-badge.success{color:#166534;background:#dcfce7}.status-badge.completed{color:#065f46;background:#d1fae5}.status-badge.rejected{color:#991b1b;background:#fee2e2}.status-badge.time-out{color:#475569;background:#f1f5f9;border:1px dashed #cbd5e1}.fulfillment-filters{gap:.75rem;margin-bottom:1.5rem;display:flex}.fulfillment-filters .filter-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;align-items:center;padding:.6rem 1.25rem;font-weight:600;transition:all .2s;display:flex}.fulfillment-filters .filter-btn:hover{background:#f8fafc}.fulfillment-filters .filter-btn.active{color:#fff;background:#6366f1;border-color:#6366f1;box-shadow:0 4px 12px #6366f140}.count-badge.red-circle{background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;margin-left:8px;font-size:.7rem;font-weight:700;display:inline-flex;color:#fff!important}.filter-btn.active .count-badge.red-circle{background:#fff;color:#ef4444!important}.empty-state{text-align:center;color:#94a3b8;background:#fff;border:2px dashed #e2e8f0;border-radius:12px;padding:40px}@media (max-width:768px){.history-page{padding:1rem .5rem}.page-header{flex-direction:row;align-items:center;gap:10px;margin-bottom:1.5rem}.title-section h1{font-size:1.2rem}.btn-back{padding:6px 12px;font-size:.85rem}.fulfillment-filters{scrollbar-width:none;-ms-overflow-style:none;gap:8px;margin-bottom:1rem;padding-bottom:10px;display:flex;overflow-x:auto}.fulfillment-filters::-webkit-scrollbar{display:none}.fulfillment-filters .filter-btn{white-space:nowrap;flex-shrink:0;padding:.5rem 1rem;font-size:.85rem}.card-body{padding:15px}.info-row{flex-direction:column;gap:5px}.info-row span{font-size:.85rem}.items-preview{padding:10px;font-size:.85rem}.card-footer{padding:12px 15px}.action-group{flex-direction:column;width:100%}.btn-view,.btn-receive{justify-content:center;width:100%;padding:10px;font-size:.9rem}}@media (max-width:480px){.page-header{flex-direction:column;align-items:flex-start}.btn-back{justify-content:center;width:100%}}.btn-cancel-custom{cursor:pointer;color:#b91c1c;background:#fee2e2;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-weight:600;transition:all .2s;display:flex}.btn-cancel-custom:hover{background:#fecaca}.requisition-detail-page{background:#f5f5f5;min-height:100vh;padding:2rem 0}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:60vh;display:flex}.action-bar{background:#fff;border-radius:8px;justify-content:space-between;margin-bottom:2rem;padding:1rem;display:flex;box-shadow:0 2px 4px #0000001a}.action-bar button{align-items:center;gap:.5rem;font-weight:600;display:flex}.official-document{background:#fff;border:1px solid #ddd;max-width:210mm;margin-bottom:2rem;margin-left:auto;margin-right:auto;padding:2rem;font-family:Sarabun,TH SarabunPSK,sans-serif;box-shadow:0 0 20px #0000001a}.document-header{justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:1.5rem;display:flex}.header-logo{flex-shrink:0;width:80px}.logo-placeholder{color:#333;border:2px solid #333;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto;display:flex}.header-title{text-align:center;flex:1}.header-title h1{color:#00bcd4;letter-spacing:.5px;margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.header-title h2{color:#000;margin:0;font-size:1rem;font-style:italic;font-weight:600}.header-info{text-align:right;flex-shrink:0;width:150px}.doc-number{flex-direction:column;gap:.25rem;display:flex}.doc-number .label{color:#555;font-size:.85rem;font-weight:600}.doc-number .value{color:#000;font-family:Courier New,monospace;font-size:.95rem;font-weight:700}.divider-line{background:#000;height:2px;margin:1rem 0}.status-section{margin-bottom:1rem}.status-table{border-collapse:collapse;width:100%}.status-table td{border:1px solid #000;padding:.5rem;font-size:.9rem}.status-table .label-cell{background:#f5f5f5;width:150px;font-weight:700}.status-badge-official{align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.9rem;font-weight:700;display:inline-flex}.info-section{margin-bottom:1rem}.section-title{color:#000;text-align:center;border-bottom:2px solid #000;margin-bottom:.75rem;padding-bottom:.35rem;font-size:1.1rem;font-weight:700}.info-table{border-collapse:collapse;width:100%;margin-bottom:1rem}.info-table td{vertical-align:middle;border:1px solid #000;padding:.5rem;font-size:.9rem}.info-table .label-cell{color:#000;background:#f5f5f5;width:150px;font-weight:700}.info-table .value-cell{color:#333;background:#fff}.items-section{margin-bottom:1rem}.items-table{border-collapse:collapse;width:100%;margin-top:.75rem}.items-table thead{color:#fff;background:#000}.items-table th{text-align:center;border:1px solid #000;padding:.5rem;font-size:.9rem;font-weight:700}.items-table tbody td{vertical-align:middle;border:1px solid #000;padding:.5rem;font-size:.85rem}.items-table tbody tr:nth-child(2n){background:#f9f9f9}.items-table tfoot{background:#e9e9e9;font-weight:700}.items-table tfoot td{border:1px solid #000;padding:.5rem;font-size:.9rem}.text-center{text-align:center}.text-end{text-align:right}.text-muted{color:#6c757d}.signature-section{page-break-inside:avoid;margin-top:2rem;margin-bottom:1.5rem}.signature-row{justify-content:space-around;gap:3rem;max-width:600px;margin:0 auto;display:flex}.signature-box{text-align:center;flex-direction:column;flex:1;min-width:200px;display:flex}.signature-label{color:#000;margin-bottom:.75rem;font-size:.95rem;font-weight:700}.signature-line{border-bottom:1px dotted #000;height:80px;margin-bottom:.5rem}.signature-name{color:#333;min-height:22px;margin-bottom:.25rem;font-size:.9rem;font-weight:600}.signature-date{color:#555;font-size:.8rem;font-weight:500}.document-footer{text-align:center;border-top:1px solid #ccc;margin-top:1.5rem;padding-top:1rem}.footer-note{color:#666;margin-bottom:.35rem;font-size:.8rem;font-style:italic}.footer-meta{color:#999;margin:0;font-family:Courier New,monospace;font-size:.75rem}@media print{.requisition-detail-page{background:#fff;padding:0}.no-print,.action-bar{display:none!important}.official-document{box-shadow:none;border:none;max-width:100%;padding:1.5rem}@page{size:A4;margin:10mm}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.items-table thead{color:#fff!important;background:#000!important}.signature-line{border-bottom:1px solid #000}.info-section,.items-section,.signature-section{page-break-inside:avoid}}@media (max-width:992px){.official-document{padding:1.5rem}.document-header{text-align:center;flex-direction:column;align-items:center;gap:1rem}.header-info{text-align:center}.doc-number{flex-direction:row;align-items:center;gap:.5rem}}@media (max-width:768px){.requisition-detail-page{padding:1rem 0}.official-document{margin:0 .5rem 1rem;padding:1rem}.info-table .label-cell{width:auto}.signature-row{flex-direction:column;gap:2rem;max-width:300px}.items-table{font-size:.8rem}.items-table th,.items-table td{padding:.35rem}}@media (max-width:576px){.header-title h1{font-size:1.25rem}.header-title h2{font-size:.9rem}.section-title{font-size:1rem}.signature-box{min-width:100%}.info-table,.info-table tbody,.info-table tr,.info-table td{width:100%;display:block}.info-table .label-cell{border-bottom:none;padding-bottom:.25rem}.info-table .value-cell{border-top:none;padding-top:.25rem}}.req-dashboard-modal-standalone{background:#fff;border-radius:1.5rem;margin-bottom:2rem;padding:2rem}.modal-header-standalone{border-bottom:2px solid #f1f5f9;margin-bottom:2rem;padding-bottom:1.5rem}.header-title-standalone{color:#1e293b;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;display:flex}.header-title-standalone span{color:#6366f1}.info-cards-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1.25rem;padding:1.5rem}.card-label{color:#64748b;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.85rem;display:flex}.card-value{color:#1e293b;font-size:1.15rem;font-weight:700}.card-sub{color:#94a3b8;margin-top:.25rem;font-size:.85rem}.remark-box-v2{background:#fffbeb;border-left:4px solid #f59e0b;border-radius:.75rem;margin-bottom:2.5rem;padding:1.25rem}.box-label{color:#92400e;margin-bottom:.5rem;font-size:.9rem;font-weight:700}.box-content{color:#b45309;font-size:.95rem}.web-items-table{border-collapse:collapse;width:100%}.web-items-table th{text-align:left;color:#475569;background:#f8fafc;border-bottom:2px solid #f1f5f9;padding:1rem;font-weight:700}.web-items-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:1.25rem 1rem}.grand-total{color:#1e293b;font-size:1.5rem;font-weight:800}.btn-back-action,.btn-print-action,.btn-receive-action{cursor:pointer;border:none;border-radius:.85rem;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:flex}.btn-back-action{color:#475569;background:#f1f5f9}.btn-print-action{color:#0369a1;background:#e0f2fe}.btn-receive-action{color:#15803d;background:#dcfce7}.btn-back-action:hover{background:#e2e8f0}.btn-print-action:hover{background:#bae6fd}.btn-receive-action:hover{background:#bbf7d0}.history-page{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);min-height:100vh;padding:2.5rem 1.5rem}.history-container{max-width:1600px;margin:0 auto}.history-header{background:#fff;border-radius:1.5rem;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding:2rem;display:flex;box-shadow:0 2px 15px #0000000f}.history-title-wrapper{align-items:center;gap:1.25rem;display:flex}.history-icon-box{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:1.25rem;justify-content:center;align-items:center;padding:1.25rem;display:flex;box-shadow:0 8px 20px #10b98140}.history-title{color:#1e293b;margin:0;font-size:2rem;font-weight:700}.btn-back{color:#64748b;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:.8rem;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.btn-back:hover{background:#f8fafc;transform:translateY(-1px)}.section-subtitle{color:#475569;margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.table-container{background:#fff;border-radius:1.5rem;padding:2rem;overflow-x:auto;box-shadow:0 4px 20px #0000000a}.transaction-table{border-collapse:collapse;width:100%}.transaction-table th{text-align:left;color:#64748b;text-transform:uppercase;border-bottom:2px solid #f1f5f9;padding:1.25rem;font-size:.85rem;font-weight:700}.transaction-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:1.5rem 1.25rem}.action-buttons-group{gap:.5rem;display:flex}.btn-info,.btn-success,.btn-danger,.btn-secondary,.btn-cancel{cursor:pointer;border:none;border-radius:.75rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .2s}.btn-info{color:#0369a1;background:#e0f2fe}.btn-success{color:#15803d;background:#dcfce7}.btn-danger{color:#b91c1c;background:#fee2e2}.btn-secondary{color:#475569;background:#f1f5f9}.btn-cancel{color:#64748b;background:#fff;border:1px solid #e2e8f0}.btn-info:hover{background:#bae6fd}.btn-success:hover{background:#bbf7d0}.btn-danger:hover{background:#fecaca}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.signature-modal{background:#fff;border-radius:1.5rem;width:90%;max-width:600px;padding:2rem;box-shadow:0 20px 50px #0003}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-header h2{color:#1e293b;font-size:1.5rem;font-weight:700}.close-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:2rem}.signature-pad-wrapper{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:1rem;padding:10px}.signature-canvas{cursor:crosshair;width:100%;height:200px}.modal-footer{justify-content:flex-end;gap:1rem;margin-top:2rem;display:flex}.empty-state{text-align:center;color:#94a3b8;padding:4rem}@page{size:8.5in 11in;margin:1.8cm 2cm}*{box-sizing:border-box;margin:0;padding:0;color:#000!important}body{background:#e8e8e8;padding:20px;font-family:Sarabun,Angsana New,sans-serif;font-size:10pt;line-height:1.45;color:#000!important}label{color:#000;font-size:10pt}.pdf-container{letter-spacing:.025em;background:#fff;width:8.5in;min-height:11in;margin:0 auto;padding:.7cm .9cm;font-family:Sarabun,Angsana New,sans-serif;font-size:10pt;line-height:1.45;position:relative;box-shadow:0 2px 12px #0000002e}.pdf-container h1,.pdf-container h2,.pdf-container h3{letter-spacing:.03em;font-family:Sarabun,Angsana New,sans-serif;font-size:12pt;font-weight:700;line-height:1.4}.pdf-container p,.pdf-container div,.pdf-container label{letter-spacing:.025em;font-family:Sarabun,Angsana New,sans-serif;font-size:10pt;line-height:1.45}.pdf-container,.pdf-container *{color:#000!important}.checkbox-group{flex-wrap:wrap;align-items:center;gap:8pt;margin-bottom:0;display:inline-flex}.checkbox-item{align-items:center;gap:3pt;font-size:10pt;display:flex}input[type=checkbox]{cursor:pointer;appearance:none;vertical-align:middle;box-sizing:border-box;background-color:#fff;border:1px solid #000;flex-shrink:0;width:11pt;height:11pt;display:inline-block;position:relative}input[type=checkbox]:checked:after{content:"✔";color:#000;font-size:8pt;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}input[type=text]{letter-spacing:.025em;vertical-align:baseline;background:0 0;border:none;border-bottom:1pt dotted #000;outline:none;padding:0 2pt;font-family:Sarabun,Angsana New,sans-serif;font-size:10pt;line-height:1.45;color:#000!important}input[type=text]::placeholder{color:#666;opacity:.6}input[type=text]:-ms-placeholder-shown{color:#666}input[type=text]::-moz-placeholder{color:#666}.signature-section{grid-template-columns:1fr 1fr;gap:16pt;margin-top:6pt;display:grid}.witness-section{grid-template-columns:1fr 1fr;gap:16pt;margin-top:5pt;display:grid}.signature-box{letter-spacing:.02em;font-size:10pt;line-height:1.45}.signature-line{border-bottom:1pt dotted #000;min-height:28pt;margin:2pt 0}.footer-section{margin-top:4pt}.footer-item{margin:3pt 0;font-size:10pt;line-height:1.45}.note{letter-spacing:.02em;background:#f7f7f7;border-left:3pt solid #333;margin-top:6pt;padding:3pt 9pt;font-size:10pt;line-height:1.45}.paragraph{text-align:justify;text-indent:.45in;letter-spacing:.02em;word-spacing:.05em;margin:2.5pt 0;font-size:10pt;line-height:1.5}p,.paragraph{orphans:2;widows:2}div.paragraph .checkbox-group{margin-left:.4in}.form-field{border-bottom:1pt dotted #000;min-width:80pt;min-height:1.1em;padding:0 3pt;font-size:10pt;display:inline-block}.form-field-long{border-bottom:1pt dotted #000;min-width:260pt;min-height:1.1em;padding:0 3pt;font-size:10pt;display:inline-block}.form-field-full{border-bottom:1pt dotted #000;width:100%;min-height:1.1em;margin:2pt 0;padding:0 3pt;font-size:10pt;display:block}.inline-field{text-align:center;border-bottom:1pt dotted #000;min-width:60pt;padding:0 2pt;font-size:10pt;display:inline-block}.contact-grid{grid-template-columns:repeat(4,1fr);align-items:baseline;gap:1px 0;margin:2px 0;display:grid}.contact-grid-item{align-items:baseline;padding-right:4px;display:flex}.contact-grid-item label{white-space:nowrap;letter-spacing:.02em;margin-right:5px;font-size:10pt}.contact-grid-item input{letter-spacing:.025em;background-color:#0000;border:none;border-bottom:1px dotted #000;width:100%;padding:1px 2px;font-size:10pt}.contact-grid-item.span-1{grid-column:span 1}.contact-grid-item.span-2{grid-column:span 2}.contact-grid-item.span-4{grid-column:span 4}.customer-info-grid{grid-template-columns:repeat(2,1fr);align-items:baseline;gap:2px 16px;margin:2px 0;display:grid}.customer-info-grid-item{align-items:baseline;display:flex}.customer-info-grid-item label{white-space:nowrap;letter-spacing:.02em;margin-right:5px;font-size:10pt}.customer-info-grid-item input{letter-spacing:.025em;background-color:#0000;border:none;border-bottom:1px dotted #000;width:100%;padding:1px 2px;font-size:10pt}.customer-info-grid-item.full-width{grid-column:1/-1}.print-button{cursor:pointer;z-index:1000;background:#2e7d32;border:none;border-radius:5pt;padding:10pt 22pt;font-family:Sarabun,sans-serif;font-size:13pt;transition:background .2s;position:fixed;bottom:20px;right:20px;box-shadow:0 2pt 6pt #00000040;color:#fff!important}.print-button,.print-button *{color:#fff!important}.page-break{page-break-after:always}.single-spacing{line-height:1.15}.line-spacing-1-5{line-height:1.5}.double-spacing{line-height:2}strong,b{font-weight:700;font-size:inherit}@media print{html,body,#root{height:auto!important;overflow:visible!important}html,body{background:#fff!important;margin:0!important;padding:0!important;font-size:10pt!important}nav,.navbar,.Navbar,[class$=Navbar],[class$=navbar],[class*=-navbar],[class*=-Navbar]{display:none!important}body *{visibility:hidden}.pdf-container,.pdf-container *{visibility:visible;overflow:visible!important}.print-button,.sign-button{visibility:hidden!important;display:none!important}.pdf-container{page-break-after:always;-moz-column-break-after:page;break-after:page;box-shadow:none!important;letter-spacing:.025em!important;background:#fff!important;width:100%!important;height:auto!important;min-height:auto!important;margin:0!important;padding:0!important;line-height:1.45!important}.pdf-container:last-of-type{page-break-after:avoid;-moz-column-break-after:avoid;break-after:avoid}input[type=text]{background:0 0!important;border-bottom:1pt dotted #000!important}.signature-section,.witness-section,.footer-section{page-break-inside:avoid!important}.print-button{display:none!important}}.pdf-container{color:#000;background:#fff;max-width:210mm;margin:0 auto;padding:20mm;font-family:Noto Sans Thai,sans-serif;font-size:12pt;line-height:1.6}.pdf-header h2{margin:0;padding:0}input[type=text],input[type=date],textarea{outline:none;font-family:Noto Sans Thai,sans-serif;font-size:8pt}input[type=text]:focus,textarea:focus{background:#fffacd}.signature-box{margin-bottom:20px}.sign-button{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:4px;padding:8px 16px;font-family:Noto Sans Thai,sans-serif;font-size:11pt;transition:background .3s}.sign-button:hover{background:#0056b3}.print-button{color:#fff;cursor:pointer;z-index:1000;background:#28a745;border:none;border-radius:5px;padding:12px 24px;font-family:Noto Sans Thai,sans-serif;font-size:14pt;transition:background .3s;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 6px #0000004d}.print-button:hover{background:#218838}input[type=radio],input[type=checkbox]{cursor:pointer;width:16px;height:16px}label{cursor:pointer;-webkit-user-select:none;user-select:none}@media print{.no-print{display:none!important}.pdf-container{box-shadow:none;margin:0;padding:15mm}.sign-button{display:none}input[type=text],textarea{background:0 0!important;border:none!important}body{margin:0;padding:0}@page{size:A4;margin:0}.pdf-container[style*=pageBreakBefore]{page-break-before:always}}@media screen and (max-width:768px){.pdf-container{padding:10px;font-size:11pt}.print-button{padding:10px 20px;font-size:12pt;bottom:15px;right:15px}}.pwa-install-prompt{color:#1a1a1a;z-index:10000;background:#fff;border:1px solid #0000000d;border-radius:16px;flex-direction:column;gap:12px;max-width:450px;margin:0 auto;padding:20px;animation:.6s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:fixed;bottom:24px;left:16px;right:16px;box-shadow:0 10px 30px #00000026,0 4px 8px #0000000d}.pwa-header{justify-content:flex-start;align-items:center;display:flex}.pwa-text-logo{letter-spacing:1px;color:#1e293b;background:linear-gradient(135deg,#1e293b 0%,#334155 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;border-bottom:3px solid #10b981;margin-bottom:4px;padding:2px 0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:24px;font-weight:900;line-height:1}.pwa-title{color:#111;margin:0;font-size:18px;font-weight:700}.pwa-body{color:#4b5563;font-size:14px;line-height:1.5}.pwa-action-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:10px;padding:12px;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #10b9814d}.pwa-action-btn:active{transform:scale(.98)}.pwa-close{color:#9ca3af;cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;line-height:1;display:flex;position:absolute;top:12px;right:12px}.ios-instructions{color:#374151;background:#f9fafb;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;font-size:13px;font-weight:500;display:flex}.ios-icon{vertical-align:middle;width:22px;height:22px;display:inline-block}*{box-sizing:border-box;margin:0;padding:0}html{width:100%;height:100%}body{width:100%;height:100%;margin:0;padding:0}#root{text-align:center;flex-direction:column;justify-content:flex-start;width:100%;min-height:100vh;margin:0;padding:0;display:flex}.logo{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border-radius:20px;height:6em;padding:1.5em;transition:all .4s;box-shadow:0 0 15px #646cff33}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa);transform:scale(1.08);box-shadow:0 0 25px #646cff99}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa);box-shadow:0 0 25px #61dafb99}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:12s linear infinite logo-spin}}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e0e0e0;background:#ffffff14;border-radius:20px;margin:1em;padding:0;transition:all .4s;box-shadow:0 0 25px #ffffff1a}.card:hover{transform:translateY(-5px);box-shadow:0 0 35px #61dafb4d}.read-the-docs{color:#aaa;margin-top:2em;font-size:.95rem;transition:color .3s}.read-the-docs:hover{color:#fff;text-shadow:0 0 8px #61dafb}a{color:#61dafb;text-decoration:none;transition:all .3s}a:hover{color:#fff;text-shadow:0 0 8px #61dafb}.form-label-fixed-width{width:150px}