@import"https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Prompt:wght@400;700&display=swap";.main{text-align:center}.customers{font-family:Prompt,sans-serif;border-collapse:collapse;text-align:center;width:100%}.customers td,.customers th{border:1px solid #e7e7e3;padding:2px}.customers tr:nth-child(2n){background-color:#f0f0ef}.customers tr:hover{background-color:#8acdd7}.customers th{padding-top:12px;padding-bottom:12px;text-align:center;background-color:#050505;color:#fafafa;z-index:2}.maintablemarket{position:absolute;display:flex;width:100%;text-align:center;justify-content:center;z-index:999}.tablemarket{justify-content:center;align-items:center;font-family:Prompt,sans-serif;border-collapse:collapse;text-align:center;width:70%;font-size:1.5vh;background-color:#c6cac6;border:5px solid rgb(226,226,226)}.tablemarketfrombill{justify-content:center;align-items:center;font-family:Prompt,sans-serif;border-collapse:collapse;text-align:center;width:70%;font-size:1.5vh;background-color:#c6cac6;border:2px solid rgb(56,55,55)}.tablemarket td,.tablemarket th,.tablemarketfrombill th,.tablemarketfrombill td{border:1px solid #272722;padding:2px}.tablemarket tr:nth-child(2n),.tablemarketfrombill tr:nth-child(2n){background-color:#f9f9e0}.tablemarket tr:hover,.tablemarketfrombill tr:hover{background-color:#93d78a;cursor:pointer}.tablemarket th,.tablemarketfrombill th{position:sticky;top:0;padding-top:5px;padding-bottom:5px;text-align:center;background-color:#000;color:#fff}.tablemarket img.imghome{width:100px;height:auto;border-radius:6px;box-shadow:0 1px 4px #00000014}.detilinput{width:100%;text-align:center;color:#000}.detilinputCar{height:10%;width:100%;text-align:center;background-color:#e6e6e6}.fixTableHead{overflow-y:auto;height:600px;font-size:15px}.fixTableHead thead th{position:sticky;top:0}.filter{text-align:center;padding:10px}.mainhisadd{column-count:2;column-gap:5;width:100%}.historytable{text-align:center;height:400px}.tablehistory{padding:10px;text-align:center}.addcontainer{position:absolute;top:50%;left:50%;padding:50px;transform:translate(-50%,-50%);text-align:center;width:60%;border:solid 3px #8ACDD7;border-radius:6px;background-color:#0f7a5442;color:#030000}.massadcontainer2{position:absolute;padding:20px;width:100%;text-align:center;background-color:#0f7a5442;color:#030000}.scan{padding-top:10px;position:relative;text-align:center}.bnt-scan{position:relative;color:#fff;padding:20px 30px;text-align:center;text-decoration:none;display:inline-block;font-size:10px;margin:4px 2px;transition-duration:.4s;cursor:pointer;background-color:#8acdd7;color:#000;border:1px solid #F9F9E0;border-radius:3px}.bnt-newlist{position:relative;color:#fff;padding:20px 30px;text-align:center;text-decoration:none;display:inline-block;font-size:10px;margin:4px 2px;transition-duration:.4s;cursor:pointer;background-color:#ff90bc;color:#000;border:1px solid #F9F9E0;border-radius:3px}.bnt-add{position:relative;color:#fff;padding:20px 30px;text-align:center;text-decoration:none;display:inline-block;font-size:10px;margin:4px 2px;transition-duration:.4s;cursor:pointer;background-color:#69c066;color:#000;border:1px solid #F9F9E0;border-radius:3px}.bnt-icon2{position:relative;padding:10px 30px;text-align:center;text-decoration:none;display:inline-block;margin:1px 20px;transition-duration:.4s;font-size:1vw;cursor:pointer;background-color:#ffc0d9;border-radius:5px}.bntcovet{position:relative;color:#fff;padding:1px;text-decoration:none;display:inline-block;font-size:10px;height:30px;text-align:center;width:50ox;transition-duration:.4s;cursor:pointer;background-color:#f06;border:black;border-radius:5px;z-index:999}.btn{font-family:Prompt,sans-serif;position:relative;color:#000;padding:10px 30px;text-align:center;text-decoration:none;display:inline-block;font-size:10px;transition-duration:.4s;cursor:pointer;background-color:#e0e0e0;box-shadow:2px 2px 1px #3f3c3c,inset 0 0 0 1px #d3d2d2;border:black;font-weight:500;font-size:.7vw;border-radius:5px}.bnt-icon{font-family:Prompt,sans-serif;position:relative;color:#000;padding:10px 30px;text-align:center;text-decoration:none;display:inline-block;font-size:10px;margin:50px 10px;transition-duration:.4s;cursor:pointer;background-color:#e0e0e0;box-shadow:2px 2px 1px #3f3c3c,inset 0 0 0 1px #d3d2d2;border:black;font-weight:500;font-size:.7vw;border-radius:5px}.bnt-iconRed{font-family:Prompt,sans-serif;position:relative;color:#fff;padding:10px 30px;text-align:center;text-decoration:none;display:inline-block;font-size:10px;margin:50px 10px;transition-duration:.4s;cursor:pointer;background-color:#a82323;box-shadow:2px 2px 1px #3f3c3c,inset 0 0 0 1px #d3d2d2;border:black;font-weight:500;font-size:.7vw;border-radius:5px}.bnt-iconGreen{font-family:Prompt,sans-serif;position:relative;color:#000;padding:10px 30px;text-align:center;text-decoration:none;display:inline-block;font-size:10px;margin:50px 10px;transition-duration:.4s;cursor:not-allowed;background-color:#45df1e;box-shadow:2px 2px 1px #3f3c3c,inset 0 0 0 1px #d3d2d2;border:black;font-weight:500;font-size:.7vw;border-radius:5px}.bnt-icon:hover{background-color:#333;color:#fff}.bnt-iconRed:hover{background-color:#333;color:red}.bnt-iconintable{position:relative;padding:1px;text-align:center;text-decoration:none;display:inline-block;font-size:10px;margin:4px 2px;transition-duration:.4s;cursor:pointer;background-color:#ffc0d9;border-radius:5px}.price2-blue-bold{color:#1976d2;font-weight:700}.bnt-red{font-family:Prompt,sans-serif;padding:5px 7px;text-align:center;text-decoration:none;display:inline-block;font-size:15px;margin:4px 3px;transition-duration:.4s;cursor:pointer;background-color:#af0606;color:#fff;border-radius:4px;box-shadow:2px 2px 1px #3f3c3c,inset 0 0 0 1px #d3d2d2;-webkit-user-select:none;user-select:none}.bnt-red:hover{background-color:#fa0d0d}.bnt-green{font-family:Prompt,sans-serif;padding:5px 7px;text-align:center;text-decoration:none;display:inline-block;font-size:15px;margin:4px 3px;transition-duration:.4s;cursor:pointer;background-color:#57fd41;border-radius:4px;box-shadow:2px 2px 1px #3f3c3c,inset 0 0 0 1px #d3d2d2;-webkit-user-select:none;user-select:none}.bnt-basket,.bnt-basket2{font-family:Prompt,sans-serif;padding:5px 7px;text-align:center;text-decoration:none;display:inline-block;font-size:15px;margin:4px 3px;transition-duration:.4s;cursor:pointer;background-color:#dfdede;border-radius:4px;box-shadow:2px 2px 1px #3f3c3c,inset 0 0 0 1px #d3d2d2;-webkit-user-select:none;user-select:none}.bnt-basket2.active{background-color:#ffe082!important;border:2px solid #ffb300!important;color:#000;transition:background .2s,border .2s}.bnt-basket2:hover,.bnt-basket:hover{background-color:#b4afaf}.homehaed{font-size:15px;text-align:center;padding:5px;border-radius:5px;background-color:#b1e8f1;width:100%}.imghome{width:100px;display:flex;justify-content:center;text-align:center}.imgtd{display:flex;justify-content:center;text-align:center}.imghome-clone{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.9);z-index:9999;border:5px solid rgb(255,255,255)}.contenerimg{display:flex;column-gap:2px;padding:2px;width:100%;justify-content:center}.slot-img{border:1px solid #ddd;border-radius:4px;padding:5px;width:30%;display:flex;justify-content:center;flex-direction:column}.imglistincam{padding:6px 0;width:100%}.QrScanner{position:relative;left:35%;text-align:center;width:30%}.stock-empty-row{background-color:#b00!important;color:#000;font-weight:700}.maincamtake{display:flex;justify-content:center;align-items:center}.camtake{display:flex;justify-content:center;width:100%}.camtake video{aspect-ratio:16/9;width:100%;max-width:480px;height:auto;object-fit:cover;background:#000}.Switch{background:#f8fafc;border-radius:16px;box-shadow:0 2px 12px #00000014;padding:32px 24px 24px;max-width:100%;margin:40px auto}.Switch .MuiFormGroup-root{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;justify-content:center}.Switch .MuiFormControlLabel-root{background:#fff;border-radius:8px;padding:8px 12px;transition:box-shadow .2s}.Switch .MuiFormControlLabel-root:hover{box-shadow:0 2px 8px #00000012}.Switch .MuiSwitch-root{margin-right:12px}.Switch .bnt-iconintable{margin-top:24px;background:#000000;color:#fff;border:none;border-radius:8px;padding:8px 20px;font-size:1rem;cursor:pointer;transition:background .2s;display:flex;align-items:center;gap:8px;width:10%}.Switch .bnt-iconintable:hover{background:#3ae418}.main-bnt-basket{margin-top:1%;width:100%;height:5%;position:absolute;display:flex;justify-content:center;align-items:center}.pricesum{text-align:center;width:100%;font-size:1.1vm;background-color:#000;color:#fff}.barcode-container{justify-content:center;align-items:center}.enter{background-color:#a6afa6;margin-left:35%;font-weight:500;width:30%;display:flex;text-align:center;justify-content:center;align-items:center;flex-direction:column;font-size:1.5vw}.inputcashblack{font-size:1.5vw;border:none;border-radius:6px}.enterbuttom{width:100%;text-align:center;font-weight:500;color:#010a00}.cashblack{width:100%;text-align:center;font-weight:500;font-size:2.5vw;color:#fff;background-color:#c00}.buttonaddwage{font-family:Prompt,sans-serif;font-weight:500;padding:.1%;cursor:pointer}.btntexbasket{margin-bottom:.5%;margin-left:48%;font-family:Prompt,sans-serif;font-weight:500;padding:5px 7px;text-align:center;text-decoration:none;display:inline-block;font-size:15px;transition-duration:.4s;cursor:pointer;background-color:#dfdede;border-radius:4px;box-shadow:2px 2px 1px #3f3c3c,inset 0 0 0 1px #d3d2d2;-webkit-user-select:none;user-select:none}.actionswage div{display:flex;margin-left:-1%;gap:.5%;margin-top:.5%;padding:2px;justify-content:right;align-items:center;width:100%;font-size:1.5vw;font-weight:600}input{text-align:center;font-size:1vw}.inputcount{width:100%;text-align:center}.typescar{height:100%;width:50%;font-size:1.2em;margin-left:25%;gap:1%}.intypescar{float:left;margin-left:.5%;margin-top:.5%;background-color:#81787c63}.intypescar:hover{background-color:#a83d6d63;cursor:pointer}.barcodeimg{z-index:-1}.imgcarrepair{display:flex;justify-content:center}.repirinput{width:100%;display:flex;background-color:#2727223d}.headcredit{font-weight:500;background-color:#010a00;color:#fff}.boxcar{background-color:violet}.summary-row{margin-bottom:16px;font-size:1.1rem}.summary-list{display:flex;flex-wrap:wrap;gap:12px;list-style:none;margin:8px 0 0;padding:0}.summary-item{background:#f5f7fa;border-radius:8px;box-shadow:0 2px 8px #0000000f;padding:10px 18px;display:flex;align-items:center;min-width:140px;transition:box-shadow .2s}.summary-item:hover{box-shadow:0 4px 16px #00000021;background:#e3f2fd}.summary-model{font-weight:600;color:#1976d2;margin-right:8px}.summary-count{font-size:1rem;color:#333}@media (max-width: 600px){.repair-container,.detilinput,.detilinputCar,.main-bnt-basket,.repirinput{padding:8px!important;margin:0!important;box-sizing:border-box;width:100%!important}.repair-table,.tablemarket,.customers{font-size:13px!important;width:100%!important;overflow-x:auto;display:block}.repair-table th,.repair-table td,.tablemarket th,.tablemarket td,.customers th,.customers td{padding:4px!important;font-size:13px!important;min-width:60px;word-break:break-word}.repirinput{flex-direction:column!important;gap:8px!important;align-items:stretch!important}.repirinput .MuiTextField-root,.repirinput .MuiAutocomplete-root{width:100%!important;margin-right:0!important}.bnt-basket,.bnt-red,.bnt-green,.bnt-icon{width:100%!important;margin-bottom:8px!important;font-size:16px!important;padding:10px 0!important}.imgcarrepair img,.imgtd img{width:100%!important;max-width:300px!important;height:auto!important;display:block;margin:0 auto}.headcredit{font-size:16px!important}.bnt-basket2{font-size:15px!important;padding:8px!important;margin-bottom:8px!important}.detilinputCar,.detilinput{flex-direction:column!important;gap:8px!important}}.price2-blue-bold{color:#0004f3!important;font-weight:700!important;font-size:.9rem}#container-circles{position:absolute;left:50%;bottom:90px}#outer-circle{left:-37px;height:75px;width:75px;background-color:#fff6;z-index:1}#inner-circle,#outer-circle{position:absolute;border-radius:50%}#inner-circle{left:50%;top:38px;height:44px;width:44px;background:#fff;margin:-22px 0 0 -22px;z-index:2}#inner-circle.is-clicked{height:38px;width:38px;margin:-19px 0 0 -19px}#white-flash.normal{position:absolute;height:100%;width:100%;opacity:1;-webkit-transition:opacity .9s ease-out;-o-transition:opacity .9s ease-out;transition:opacity .9s ease-out}#white-flash.do-transition{opacity:0;background:#fff}#display-error{color:#000;background-color:#fff}.react-html5-camera-photo{position:relative;text-align:center}.react-html5-camera-photo>img,.react-html5-camera-photo>video{width:768px}.react-html5-camera-photo>.display-error{width:768px;margin:0 auto}@media (max-width:768px){.react-html5-camera-photo>.display-error,.react-html5-camera-photo>img,.react-html5-camera-photo>video{width:100%}}.react-html5-camera-photo-fullscreen>img,.react-html5-camera-photo-fullscreen>video{width:100vw;height:100vh}.react-html5-camera-photo-fullscreen>video{-o-object-fit:fill;object-fit:fill}.react-html5-camera-photo-fullscreen>.display-error{width:100vw;height:100vh}.yarl__fullsize{height:100%;width:100%}.yarl__relative{position:relative}.yarl__portal{bottom:0;left:0;opacity:0;overflow:hidden;position:fixed;right:0;top:0;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999)}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));bottom:0;left:0;outline:none;overflow:hidden;overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);position:absolute;right:0;top:0;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;-moz-user-select:none;user-select:none}.yarl__carousel{align-content:center;align-items:stretch;display:flex;flex:0 0 auto;height:100%;justify-content:center;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px, 0)*1px + var(--yarl__carousel_spacing_percent, 0)*1%))}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_spacing_percent, 0)*1%)}.yarl__flex_center{align-content:center;align-items:center;display:flex;justify-content:center}.yarl__slide{flex:1;overflow:hidden;padding:calc(var(--yarl__carousel_padding_px, 0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent, 0))*var(--yarl__carousel_padding_percent, 0)*1%);position:relative}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.yarl__slide_image_cover{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);-webkit-transform-style:preserve-3d}}.yarl__slide_placeholder{left:50%;line-height:0;position:absolute;top:50%;transform:translate(-50%) translateY(-50%)}.yarl__slide_loading{animation:yarl__delayed_fadein 1s linear;color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,hsla(0,0%,100%,.8)))}.yarl__slide_loading line{animation:yarl__stroke_opacity 1s linear infinite}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{bottom:auto;display:flex;justify-content:flex-end;left:auto;padding:var(--yarl__toolbar_padding,8px);position:absolute;right:0;top:0}[dir=rtl] .yarl__toolbar{bottom:auto;left:0;right:auto;top:0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,hsla(0,0%,100%,.8));cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px rgba(0,0,0,.8)));line-height:0;margin:var(--yarl__button_margin,0);outline:none;padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,hsla(0,0%,100%,.8))}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,hsla(0,0%,100%,.4));cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%) rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%) rotate(180deg)}.yarl__no_scroll{height:100%;overflow:hidden;overscroll-behavior:none}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}@media (max-width: 480px){.autocomplete,.bnt-clear{width:100%}.filter{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5%}.filter-input{width:100%}}.category-autocomplete{padding:2%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1%}.autocomplete{width:30%}.bnt-clear{margin-top:1%;background-color:red;border-radius:6px;width:10%;padding:5px;color:#fff}.bnt-clear:hover{background-color:#8b0000;cursor:pointer}.filter{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1%}.days-badge{position:absolute;top:-5px;left:-10px;font-size:11px;border-radius:50%;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;min-width:20px;min-height:20px;box-shadow:0 2px 8px #0000004d;z-index:10;transition:transform .3s ease}.days-badge:hover{transform:scale(1.2) rotate(15deg)}.days-badge.new-7{background:linear-gradient(135deg,#4caf50,#66bb6a);animation:blink-green 1.5s ease-in-out infinite}.days-badge.new-14{background:linear-gradient(135deg,#8bc34a,#9ccc65);animation:blink-light-green 1.8s ease-in-out infinite}.days-badge.new-21{background:linear-gradient(135deg,#ff9800,#ffa726);animation:blink-orange 2s ease-in-out infinite}.days-badge.new-30{background:linear-gradient(135deg,#ff5722,#ff7043);animation:blink-red 2.2s ease-in-out infinite}.days-badge.old{background:linear-gradient(135deg,#9e9e9e,#bdbdbd);opacity:.8}.imgtd{position:relative;display:inline-block}.days-badge:before{font-size:14px;margin-right:3px}.stockin-days{font-size:11px;margin-top:2px;font-weight:700;display:inline-block;padding:2px 6px;border-radius:8px}.stockin-days.new-7{color:#4caf50}.stockin-days.new-14{color:#8bc34a}.stockin-days.new-21{color:#ff9800}.stockin-days.new-30{color:#ff5722}.stockin-days.old{color:#9e9e9e}@media (max-width: 480px){.autocomplete,.bnt-clear{width:100%}.filter{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5%}.filter-input{width:100%}.days-badge{min-width:35px;min-height:35px;font-size:10px;padding:3px 6px}}html{width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Prompt,sans-serif}.navmain{position:relative;width:100%;min-height:56px;padding:12px 16px;background:linear-gradient(135deg,#0366d6 0%,#0d8aeb 50%,#1ab7ff 100%);box-shadow:0 2px 12px #0000001f;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;max-width:100%}.nav a{white-space:nowrap;font-size:clamp(13px,1.8vw,15px);padding:10px 14px;color:#1a1a1a;text-decoration:none;border-radius:10px;background:rgba(255,255,255,.95);box-shadow:0 1px 3px #0000001f,inset 0 1px #fffc;display:inline-flex;align-items:center;justify-content:center;transition:background .2s,color .2s,transform .15s,box-shadow .2s;font-weight:500}.nav a:hover{background:rgba(255,255,255,1);color:#0366d6;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.nav a:active{transform:translateY(0);box-shadow:0 1px 3px #0000001f}.nav-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;cursor:pointer;z-index:1001;flex-shrink:0}.nav-hamburger .bar{width:24px;height:3px;background:#fff;margin:3px 0;border-radius:2px;transition:transform .3s,opacity .2s}.nav-hamburger .bar.open:nth-child(1){transform:translateY(9px) rotate(45deg)}.nav-hamburger .bar.open:nth-child(2){opacity:0}.nav-hamburger .bar.open:nth-child(3){transform:translateY(-9px) rotate(-45deg)}@media (max-width: 1200px){.nav a{padding:8px 12px;font-size:14px}}@media (max-width: 1000px){.navmain{justify-content:flex-start;padding:10px 12px;min-height:52px}.nav-hamburger{display:flex;width:44px;height:44px;background:rgba(255,255,255,.2);border-radius:12px;border:1px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s,box-shadow .2s}.nav-hamburger:hover{background:rgba(255,255,255,.3);box-shadow:0 2px 12px #00000026}.nav-hamburger .bar{width:22px;height:2.5px;background:#fff}.nav{display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;min-height:100vh;padding:64px 16px 24px;margin:0;background:linear-gradient(180deg,rgba(3,102,214,.98) 0%,rgba(13,138,235,.98) 100%);z-index:1000;flex-direction:column;align-items:stretch;gap:8px;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:none;border-radius:0}.nav a{width:100%;max-width:360px;margin:0 auto;font-size:16px;padding:14px 18px;border-radius:12px;background:rgba(255,255,255,.95);color:#1a1a1a;box-shadow:0 2px 8px #0000001a}.nav a:hover{background:#fff;color:#0366d6}.nav.nav-open{display:flex;animation:navSlideIn .25s ease-out}@keyframes navSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}}@media (max-width: 380px){.navmain{padding:8px 10px;min-height:48px}.nav{padding:56px 12px 20px}.nav a{padding:12px 14px;font-size:15px}}:root{--accent: #0ea5e9;--accent-hover: #0284c7;--accent-muted: rgba(14, 165, 233, .12);--bg-page: #f8fafc;--bg-card: #ffffff;--bg-elevated: #f1f5f9;--bg-input: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--border: #e2e8f0;--border-strong: #cbd5e1;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow: 0 1px 3px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .12)}.chat-page{min-height:100vh;background:var(--bg-page);display:flex;flex-direction:column}.chat-main{flex:1;display:flex;flex-direction:column;max-width:42rem;width:100%;margin:0 auto;padding:1rem 1.25rem 1.5rem}.chat-header{margin-bottom:1rem}.chat-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.chat-subtitle{font-size:.875rem;color:var(--text-muted);margin:0}.chat-messages{flex:1;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);min-height:280px;max-height:min(60vh,520px);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.chat-messages-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.9375rem;text-align:center;padding:2rem}.chat-bubble-wrap{display:flex;width:100%}.chat-bubble-wrap.user{justify-content:flex-end}.chat-bubble-wrap.assistant{justify-content:flex-start}.chat-bubble{max-width:88%;padding:.75rem 1rem;border-radius:var(--radius-lg);font-size:.9375rem;line-height:1.5;word-break:break-word;white-space:pre-wrap}.chat-bubble.user{background:var(--accent);color:#fff;border:none}.chat-bubble.assistant{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.chat-bubble.assistant.quota{background:#fffbeb;border-color:#fcd34d;color:#92400e}.chat-bubble .chat-table-wrap{margin-top:.75rem;overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card)}.chat-bubble .chat-table-wrap table{width:100%;border-collapse:collapse;font-size:.875rem}.chat-bubble .chat-table-wrap th{padding:.5rem .75rem;text-align:left;font-weight:600;color:var(--text-secondary);background:var(--bg-elevated);border-bottom:1px solid var(--border)}.chat-bubble .chat-table-wrap td{padding:.5rem .75rem;border-bottom:1px solid var(--border);color:var(--text-primary)}.chat-bubble .chat-table-wrap tr:last-child td{border-bottom:none}.chat-typing{display:flex;justify-content:flex-start}.chat-typing .chat-bubble{background:var(--bg-elevated);color:var(--text-muted);font-size:.875rem}.chat-actions{display:flex;align-items:center;gap:.5rem;margin-top:.75rem}.chat-form{display:flex;gap:.5rem;align-items:flex-end;margin-top:.75rem}.chat-form .chat-file-input{display:none}.chat-pending-image{display:flex;align-items:center;gap:.5rem;margin-top:.35rem;padding:.35rem .5rem;font-size:.8125rem;color:var(--text-secondary);background:var(--accent-muted);border-radius:var(--radius-md)}.chat-pending-image-remove{margin-left:auto;padding:.2rem .5rem;font-size:.75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-secondary);cursor:pointer}.chat-pending-image-remove:hover{border-color:var(--accent);color:var(--accent)}.chat-btn-icon{flex-shrink:0;width:2.75rem;height:2.75rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.chat-btn-icon:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-muted)}.chat-btn-icon:disabled{opacity:.5;cursor:not-allowed}.chat-btn-mic{width:2.75rem;height:2.75rem;border-radius:50%;border:none;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,transform .1s;box-shadow:var(--shadow)}.chat-btn-mic:hover:not(:disabled){background:var(--accent-hover)}.chat-btn-mic:disabled{background:var(--border-strong);cursor:not-allowed}.chat-btn-mic.listening{background:#f59e0b;animation:chat-pulse 1.2s ease-in-out infinite}@keyframes chat-pulse{0%,to{opacity:1}50%{opacity:.85}}.chat-input{flex:1;min-width:0;padding:.65rem 1rem;font-size:.9375rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);font-family:inherit;transition:border-color .15s,box-shadow .15s}.chat-input::placeholder{color:var(--text-muted)}.chat-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.chat-input:disabled{opacity:.7;cursor:not-allowed}.chat-btn-send{flex-shrink:0;padding:.65rem 1.25rem;font-size:.9375rem;font-weight:500;border:none;border-radius:var(--radius-md);background:var(--accent);color:#fff;cursor:pointer;transition:background .15s}.chat-btn-send:hover:not(:disabled){background:var(--accent-hover)}.chat-btn-send:disabled{opacity:.5;cursor:not-allowed}.chat-voice-hint{font-size:.8125rem;color:#b45309;font-weight:500}.chat-actions svg,.chat-btn-icon svg,.chat-btn-mic svg{width:1.25rem;height:1.25rem}.chat-popup-fab{position:fixed;right:1.5rem;bottom:1.5rem;width:3.5rem;height:3.5rem;border-radius:50%;border:none;background:var(--accent);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #0ea5e973;transition:background .2s,transform .15s;z-index:9998}.chat-popup-fab:hover{background:var(--accent-hover);transform:scale(1.05)}.chat-popup-fab:active{transform:scale(.98)}.chat-popup-fab svg{width:1.5rem;height:1.5rem}.chat-popup-panel{position:fixed;right:1.5rem;bottom:5rem;width:min(22rem,calc(100vw - 2rem));max-height:min(28rem,calc(100vh - 6rem));background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),0 0 0 1px var(--border);display:flex;flex-direction:column;z-index:9999;overflow:hidden}.chat-popup-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-elevated);border-bottom:1px solid var(--border);flex-shrink:0}.chat-popup-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.chat-popup-close{width:2rem;height:2rem;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.chat-popup-close:hover{background:var(--accent-muted);color:var(--accent)}.chat-popup-close svg{width:1.25rem;height:1.25rem}.chat-popup-messages{flex:1;overflow-y:auto;min-height:10rem;max-height:16rem;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.5rem}.chat-popup-actions{display:flex;align-items:center;gap:.5rem;padding:0 1rem;flex-shrink:0}.chat-popup-panel .chat-form{margin-top:.5rem;margin-bottom:.75rem;padding:0 .25rem 0 0}.chat-popup-panel .chat-bubble{max-width:92%;padding:.5rem .75rem;font-size:.875rem}.additem-mobile-main{max-width:480px;margin:40px auto 32px;padding:32px 24px 24px;background:#fff;border-radius:18px;box-shadow:0 4px 24px #1976d21a}.additem-mobile-title{font-size:1.6rem;font-weight:700;text-align:center;color:#000;letter-spacing:1px}@media (max-width: 600px){.additem-mobile-main{padding:8px!important;margin:0!important;width:100vw!important;min-width:0!important;box-sizing:border-box;background:#f8fafc}.additem-mobile-title{font-size:1.2rem!important;margin-bottom:10px!important;font-weight:700;text-align:center}.additem-mobile-form{width:100vw!important;min-width:0!important;padding:0!important;margin:0!important}.additem-mobile-form .MuiTextField-root,.additem-mobile-form .MuiFormControl-root{width:95vw!important;min-width:0!important;margin:8px 0!important;font-size:15px!important}.additem-mobile-form .MuiInputLabel-root,.additem-mobile-form .MuiFormLabel-root{font-size:15px!important}.additem-mobile-form .MuiInputBase-input,.additem-mobile-form .MuiSelect-select{font-size:15px!important;padding:10px 8px!important}.additem-mobile-form .MuiButtonBase-root,.additem-mobile-form .bnt-icon,.additem-mobile-form .bnt-iconRed{width:100%!important;margin:8px 0!important;font-size:1rem!important;padding:12px 0!important;min-width:0!important;box-sizing:border-box}.additem-mobile-img{width:90vw!important;max-width:320px!important;height:auto!important;display:block;margin:10px auto!important;border-radius:8px!important}.bnt-icon-creatitem{width:100%;margin:10px 0;padding:13px 0;background:linear-gradient(90deg,#1976d2 0%,#42a5f5 100%);color:#fff;border:none;border-radius:8px;font-size:1.13rem;font-weight:700;box-shadow:0 2px 8px #1976d21a;cursor:pointer;transition:background .2s,box-shadow .2s,transform .1s;letter-spacing:.5px;display:block;text-align:center}.bnt-icon-creatitem:hover,.bnt-icon-creatitem:active{background:#125ea2;box-shadow:0 4px 16px #1976d22e;transform:translateY(-2px) scale(1.02)}.bnt-icon-creatitem,.bnt-icon-creatitem:link,.bnt-icon-creatitem:visited,.bnt-icon-creatitem:hover,.bnt-icon-creatitem:active{text-decoration:none!important}.bnt-icon-creatitemGreen{width:100%;margin:10px 0;padding:13px 0;background:linear-gradient(90deg,#43a047 0%,#66bb6a 100%);color:#fff;border:none;border-radius:8px;font-size:1.13rem;font-weight:700;box-shadow:0 2px 8px #43a0471a;cursor:pointer;transition:background .2s,box-shadow .2s,transform .1s;letter-spacing:.5px;display:block;text-align:center}.bnt-icon-creatitemGreen:hover,.bnt-icon-creatitemGreen:active{background:#2e7d32;box-shadow:0 4px 16px #43a0472e;transform:translateY(-2px) scale(1.02)}.bnt-icon-creatitemRed{width:100%;margin:10px 0;padding:13px 0;background:linear-gradient(90deg,#d32f2f 0%,#ff5252 100%);color:#fff;border:none;border-radius:8px;font-size:1.13rem;font-weight:700;box-shadow:0 2px 8px #d32f2f1a;cursor:pointer;transition:background .2s,box-shadow .2s,transform .1s;letter-spacing:.5px;display:block;text-align:center}.bnt-icon-creatitemRed:hover,.bnt-icon-creatitemRed:active{background:#a31515;box-shadow:0 4px 16px #d32f2f2e;transform:translateY(-2px) scale(1.02)}.bnt-icon-creatitem-green{width:100%;margin:10px 0;padding:13px 0;background:linear-gradient(90deg,#43a047 0%,#66bb6a 100%);color:#fff;border:none;border-radius:8px;font-size:1.13rem;font-weight:700;box-shadow:0 2px 8px #43a0471a;cursor:pointer;transition:background .2s,box-shadow .2s,transform .1s;letter-spacing:.5px;display:block;text-align:center}.bnt-icon-creatitem-green:hover,.bnt-icon-creatitem-green:active{background:#2e7d32;box-shadow:0 4px 16px #43a0472e;transform:translateY(-2px) scale(1.02)}}.bnt-icon-creatitem{width:100%;min-width:120px;max-width:340px;margin:16px auto;padding:16px 0;background:linear-gradient(90deg,#1976d2 0%,#42a5f5 100%);color:#fff;border:none;border-radius:12px;font-size:1.18rem;font-weight:700;box-shadow:0 2px 12px #1976d221;cursor:pointer;transition:background .2s,box-shadow .2s,transform .1s;letter-spacing:.5px;display:block;text-align:center}.bnt-icon-creatitem:hover,.bnt-icon-creatitem:active{background:#125ea2;box-shadow:0 4px 18px #1976d22e;transform:translateY(-2px) scale(1.03)}.bnt-icon-creatitem,.bnt-icon-creatitem:link,.bnt-icon-creatitem:visited,.bnt-icon-creatitem:hover,.bnt-icon-creatitem:active{text-decoration:none!important}.bnt-icon-creatitemGreen,.bnt-icon-creatitem-green{width:100%;min-width:120px;max-width:340px;margin:16px auto;padding:16px 0;background:linear-gradient(90deg,#43a047 0%,#66bb6a 100%);color:#fff;border:none;border-radius:12px;font-size:1.18rem;font-weight:700;box-shadow:0 2px 12px #43a04721;cursor:pointer;transition:background .2s,box-shadow .2s,transform .1s;letter-spacing:.5px;display:block;text-align:center}.bnt-icon-creatitemGreen:hover,.bnt-icon-creatitemGreen:active,.bnt-icon-creatitem-green:hover,.bnt-icon-creatitem-green:active{background:#2e7d32;box-shadow:0 4px 18px #43a0472e;transform:translateY(-2px) scale(1.03)}.bnt-icon-creatitemRed{width:100%;min-width:120px;max-width:340px;margin:16px auto;padding:16px 0;background:linear-gradient(90deg,#d32f2f 0%,#ff5252 100%);color:#fff;border:none;border-radius:12px;font-size:1.18rem;font-weight:700;box-shadow:0 2px 12px #d32f2f21;cursor:pointer;transition:background .2s,box-shadow .2s,transform .1s;letter-spacing:.5px;display:block;text-align:center}.bnt-icon-creatitemRed:hover,.bnt-icon-creatitemRed:active{background:#a31515;box-shadow:0 4px 18px #d32f2f2e;transform:translateY(-2px) scale(1.03)}.additem-formcontrol{width:100%!important;max-width:380px;margin:14px auto!important;display:block;box-sizing:border-box}.company-page{font-family:Prompt,sans-serif;min-height:100vh;background:linear-gradient(160deg,#e3f2fd 0%,#bbdefb 35%,#90caf9 100%);padding:24px 16px 40px;box-sizing:border-box}.company-page .company-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px}.company-page .company-title{font-size:1.75rem;font-weight:600;color:#0d47a1;margin:0;letter-spacing:.02em}.company-page .company-add-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:500;color:#fff;background:linear-gradient(135deg,#1976d2 0%,#1565c0 100%);border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 14px #1976d266;transition:transform .2s,box-shadow .2s}.company-page .company-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1976d280;background:linear-gradient(135deg,#1565c0 0%,#0d47a1 100%)}.company-page .company-card{background:#fff;border-radius:16px;box-shadow:0 4px 24px #1976d21f;overflow:hidden;border:1px solid rgba(25,118,210,.15)}.company-page .company-table-wrap{overflow-x:auto}.company-page .company-table{width:100%;border-collapse:collapse;font-size:.95rem}.company-page .company-table thead th{background:linear-gradient(135deg,#1976d2 0%,#1565c0 100%);color:#fff;padding:16px 12px;text-align:center;font-weight:600;border:none}.company-page .company-table thead th:first-child{border-radius:0}.company-page .company-table tbody td{padding:14px 12px;border-bottom:1px solid #e3f2fd;color:#1565c0;text-align:center}.company-page .company-table tbody tr:nth-child(2n){background-color:#f5fafd}.company-page .company-table tbody tr:hover{background-color:#e3f2fd}.company-page .company-table tbody tr:last-child td{border-bottom:none}.company-page .company-edit-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px;min-width:40px;color:#1976d2;background:#e3f2fd;border:1px solid #90caf9;border-radius:10px;cursor:pointer;transition:all .2s}.company-page .company-edit-btn:hover{background:#1976d2;color:#fff;border-color:#1976d2}.company-page .MuiDialog-paper{border-radius:16px;box-shadow:0 12px 40px #1976d233;border:1px solid rgba(25,118,210,.12)}.company-page .MuiDialogTitle-root{background:linear-gradient(135deg,#1976d2 0%,#1565c0 100%);color:#fff;font-weight:600;font-size:1.25rem;padding:20px 24px}.company-page .MuiDialogContent-root{padding:24px!important}.company-page .MuiDialogActions-root{padding:16px 24px;gap:12px;border-top:1px solid #e3f2fd;background:#fafcfe}.company-page .MuiTextField-root .MuiOutlinedInput-root{border-radius:10px}.company-page .MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#1976d2;border-width:2px}.company-page .MuiTextField-root .MuiInputLabel-root.Mui-focused{color:#1976d2}.company-page .MuiButton-containedPrimary{background:linear-gradient(135deg,#1976d2 0%,#1565c0 100%)!important;border-radius:10px;text-transform:none;font-weight:600;padding:10px 24px}.company-page .MuiButton-containedPrimary:hover{background:linear-gradient(135deg,#1565c0 0%,#0d47a1 100%)!important}.company-page .MuiButton-outlined,.company-page .MuiButton-colorError{border-radius:10px;text-transform:none}.imgpage-root{font-family:Prompt,Kanit,Arial,sans-serif;background:#f7f7fa;margin:0;padding:0}.imgpage-btn{font-family:inherit;font-size:1rem;border:none;border-radius:8px;padding:8px 20px;margin:6px 0;background:#1976d2;color:#fff;cursor:pointer;transition:background .2s;box-shadow:0 2px 8px #1976d214}.imgpage-btn:hover:not(:disabled){background:#1251a3}.imgpage-btn:disabled{background:#bdbdbd;cursor:not-allowed}.imgpage-imagelist{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin:0 auto;padding:12px 0 32px;max-width:1200px}.imgpage-imagelist-item{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;overflow:hidden;position:relative;width:220px;display:flex;flex-direction:column;align-items:center;margin-bottom:12px;transition:box-shadow .2s;padding-bottom:12px}.imgpage-imagelist-item:hover{box-shadow:0 4px 24px #1976d22e}.imgpage-imagelist-item img{width:100%;height:180px;object-fit:cover;border-bottom:1px solid #eee;background:#f0f0f0;transition:filter .2s;border-radius:12px 12px 0 0}.imgpage-imagelist-item img:hover{filter:brightness(.95)}.imgpage-butdel{position:absolute;top:10px;right:10px;z-index:2;background:#fff;color:#e53935;border:1px solid #e53935;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:background .2s;box-shadow:0 2px 8px #e5393514}.imgpage-butdel:hover{background:#e53935;color:#fff}.imgpage-btn-group{display:flex;gap:8px;justify-content:center;margin-top:12px;flex-wrap:wrap;width:100%}.imgpage-butsetfirst{background:#eee;color:#1976d2;border:none;border-radius:4px;padding:4px 10px;font-size:.95rem;cursor:pointer;transition:background .2s}.imgpage-butsetfirst:disabled{background:#1976d2;color:#fff;cursor:default}.imgpage-cam-btn{background:#ff9800;color:#fff;border-radius:4px;padding:4px 10px;border:none;cursor:pointer;font-size:.95rem;transition:background .2s}.imgpage-cam-btn:hover{background:#e65100}@media (max-width: 900px){.imgpage-imagelist-item{width:45vw;min-width:160px;max-width:320px}}@media (max-width: 600px){.imgpage-imagelist-item{width:95vw;min-width:120px;max-width:99vw}.imgpage-btn-group{flex-direction:column;gap:6px;align-items:stretch}}.imgpage-display-error{color:#e53935;background:#fff3f3;border:1px solid #e53935;border-radius:6px;padding:8px 16px;margin-bottom:12px;text-align:center}.repair-container{margin-top:20px;font-family:Arial,sans-serif;background-color:#f0f8ff}.repair-title{font-size:24px;font-weight:700;margin-bottom:20px;color:#007bff}.repair-table{width:100%;border-collapse:collapse;margin-bottom:20px}.repair-table th,.repair-table td{padding:10px;border:1px solid #ccc}.repair-table th{background-color:#f0f0f0;text-align:center}.repair-table tbody tr:nth-child(2n){background-color:#f9f9f9}.repair-table tbody tr:hover{background-color:#e0e0e0}.repair-edit-input{width:100%;padding:8px;border:1px solid #ccc}.repair-button{padding:8px 16px;border:none;background-color:#007bff;color:#fff;cursor:pointer;border-radius:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.main,.a4-size-div{width:100%;height:auto}.headdershop{font-size:15px;font-weight:700;text-align:center;margin:8px}.headdercustomer p{font-size:12px;text-align:center;margin:5px}.sumpice p{font-size:12px;margin:5px}.sumpice2{position:fixed;top:86.5%;left:50%;transform:translate(-50%,-50%);min-width:320px;max-width:90vw;padding:32px 24px;background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%);color:#222;border-radius:18px;font-size:1.5rem;font-weight:700;box-shadow:0 8px 32px #0000002e;text-align:center;z-index:9999;border:3px solid #fff;letter-spacing:1px;animation:sumpice2-pop .25s}@keyframes sumpice2-pop{0%{transform:translate(-50%,-60%) scale(.8);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.tablebill1{font-size:12px;text-align:center;width:100%;border-bottom:1px solid black}.tablebill1 th{font-weight:700;text-align:center;border-top:1px solid black;border-bottom:1px solid black}.lastbody{margin-top:15px;font-size:60%;text-align:center;margin-bottom:15px}.textsum{font-weight:900;font-size:1vw}.sumbox{margin-top:1%;width:100%;text-align:center}.bottombox{margin-top:1%;display:flex;width:100%;justify-content:center;gap:1%}.head2{font-size:1.5vh}.btnprint{display:flex;text-align:center;width:100%;justify-content:center;flex-direction:row;gap:1%;border-bottom:1px solid black}.bnt-icon-camera{background:linear-gradient(135deg,#1976d2 60%,#64b5f6 100%);border:none;width:54px;height:54px;display:flex;align-items:center;justify-content:center;margin:18px auto 12px;border-radius:50%;box-shadow:0 4px 16px #1976d233,0 1.5px 6px #1976d277;cursor:pointer;transition:background .2s,box-shadow .2s,transform .1s;outline:none;font-size:2rem;position:relative}.bnt-icon-camera:hover{background:linear-gradient(135deg,#1565c0 60%,#42a5f5 100%);box-shadow:0 8px 24px #1976d277;transform:scale(1.08)}.bnt-icon-camera:active{transform:scale(.96);background:linear-gradient(135deg,#0d47a1 60%,#1976d2 100%)}.bnt-icon-camera:focus{outline:2px solid #1976d2;outline-offset:2px}.toggle-switch{background:linear-gradient(90deg,#e3f2fd 0%,#f5f5f5 100%);display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;gap:16px;margin:24px auto 16px;padding:14px 28px;border-radius:32px;box-shadow:0 2px 12px #0001;width:fit-content;transition:background .2s,box-shadow .2s;border:1.5px solid #b3e5fc}.toggle-switch:hover{background:linear-gradient(90deg,#bbdefb 0%,#e0f7fa 100%);box-shadow:0 4px 16px #1976d233}.toggle-slider{width:48px;height:26px;background:#ccc;border-radius:16px;position:relative;transition:background .2s;box-shadow:0 1px 4px #0002}.toggle-slider.active{background:linear-gradient(90deg,#4caf50 60%,#81c784 100%)}.toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:left .2s,box-shadow .2s;box-shadow:0 2px 6px #0002}.toggle-slider.active .toggle-knob{left:25px;box-shadow:0 2px 8px #4caf5044}.toggle-switch span{font-size:1.1rem;font-weight:600;letter-spacing:.5px;transition:color .2s}@media (max-width: 600px){.toggle-switch{padding:10px;gap:10px;font-size:.95rem;margin:16px auto 12px}.toggle-switch span{font-size:1rem}}.toggle-slider{width:44px;height:24px;background:#ccc;border-radius:12px;position:relative;transition:background .2s}.toggle-slider.active{background:#4caf50}.toggle-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:left .2s;box-shadow:0 1px 4px #0002}.toggle-slider.active .toggle-knob{left:22px}@media print{.print-only{display:block!important;font-size:14pt}.a4-size-div{margin:0;width:10.8cm;height:auto}.headdershop{font-size:18pt;font-weight:700;text-align:center;margin:8px}.headdershop h2{font-size:20pt}.headdercustomer p{font-size:13pt;text-align:center;margin:5px}.sumpice p{font-size:14pt;margin:5px}.tablebill1{font-size:13pt;text-align:center;width:100%;border-bottom:1px solid black}.tablebill1 th,.tablebill1 td{font-size:13pt}.tablebill1 th{font-weight:700;border-top:1px solid black;border-bottom:1px solid black}.detile1{text-align:left}.lastbody{margin-top:15px;font-size:12pt;text-align:center;margin-bottom:15px;font-weight:900;min-height:0;height:auto}.textsum{font-weight:900;font-size:14pt}.sumbox{margin-top:1%;width:100%;text-align:center}.bottombox{margin-top:1%;display:flex;width:100%;justify-content:center;gap:1%}.qrcode{display:flex;width:100%;justify-content:center}}@media (max-width: 480px){.bnt-basket2{width:98%!important;padding:8px!important;font-size:1.2rem!important}.actionswage{display:none!important;width:100%!important;padding:8px!important;font-size:1.2rem!important}#customers-basket,.enter,.bnt-green,#print-tax-invoice,#print-credit-invoice,#print-invoice,.FilterBasket{display:none!important}.bnt-icon{width:95%!important;background:linear-gradient(135deg,#0372f0 60%,#1ab7ff 100%)}#print-button-car,#bnt-basket2xxxx,#locationcss,#buyerTaxId,#billnumber{display:none!important}}.Basket{min-height:100vh;background:linear-gradient(160deg,#f8fafc 0%,#f1f5f9 50%,#e2e8f0 100%);padding-bottom:48px}.basket-search{margin:16px 20px 20px}.basket-search-summary{font-size:1.05rem;color:#2563eb;font-weight:700;padding:8px 0}.basket-search-checkboxes{display:flex;flex-wrap:wrap;gap:16px 24px;padding-top:8px}.basket-search-check{display:inline-flex;align-items:center;gap:10px;font-size:.95rem;color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none}.basket-search-check input{width:20px;height:20px;accent-color:#3b82f6;cursor:pointer}.basket-list-trigger-wrap{padding:0 20px 16px}.basket-list-trigger{display:inline-flex;align-items:center;gap:12px;padding:14px 24px;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:14px;color:#334155;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #0000000f;transition:all .25s ease}.basket-list-trigger:hover{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);box-shadow:0 8px 24px #3b82f62e;transform:translateY(-2px)}.basket-list-trigger-badge{font-size:.85rem;color:#64748b;font-weight:500;margin-left:4px}.basket-list-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1300;display:flex;align-items:center;justify-content:center;padding:24px}.basket-list-popup{background:#fff;border-radius:24px;box-shadow:0 32px 64px #0000001f,0 0 0 1px #0000000a;max-width:960px;width:100%;max-height:88vh;overflow:hidden;display:flex;flex-direction:column}.basket-list-popup-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e2e8f0;background:linear-gradient(180deg,#fafbfc 0%,#fff 100%);flex-shrink:0}.basket-list-popup-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#0f172a;letter-spacing:-.02em}.basket-list-popup-close{width:40px;height:40px;border:none;background:#f1f5f9;color:#64748b;font-size:1.5rem;line-height:1;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.basket-list-popup-close:hover{background:#e2e8f0;color:#334155}.basket-list-popup-body{padding:20px 24px;overflow-y:auto}.basket-list-popup-filter{display:flex;align-items:center;gap:10px;margin-bottom:16px}.basket-list-popup-filter-input{flex:1;min-width:0;padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;color:#0f172a;background:#fff;transition:border-color .2s,box-shadow .2s}.basket-list-popup-filter-input::placeholder{color:#94a3b8}.basket-list-popup-filter-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.basket-popup-clear-cat{flex-shrink:0;padding:10px 16px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;color:#475569;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.basket-popup-clear-cat:hover{background:#f1f5f9;color:#334155}.basket-list-popup-search-summary{padding:10px 14px;margin-bottom:12px;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid rgba(59,130,246,.3);border-radius:10px;font-size:.95rem;color:#1e40af}.basket-list-popup-search-summary strong{color:#1d4ed8}.basket-list-popup .basket-list-popup-grid{margin-top:16px;grid-template-columns:repeat(3,1fr)}.basket-list-empty{grid-column:1 / -1;text-align:center;padding:32px 16px;color:#64748b;font-size:1rem}.basket-categories-section{display:flex;flex-wrap:wrap;align-items:stretch;gap:16px;margin:20px 0;padding:0 4px}.basket-categories-section .basket-categories{flex:1;min-width:0}.basket-categories-section .new-basket-card{flex-shrink:0}.basket-current-badge{display:inline-flex;align-items:center;padding:10px 16px;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);color:#1d4ed8;font-size:.95rem;font-weight:600;border-radius:12px;border:1px solid #93c5fd;flex-shrink:0}.basket-categories-wrap{padding:8px 20px 20px}.basket-show-all-btn{display:inline-flex;align-items:center;gap:10px;margin-bottom:16px;padding:12px 22px;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #3b82f659;transition:all .2s ease}.basket-show-all-btn:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.basket-categories{display:flex;flex-wrap:wrap;gap:14px}.basket-category-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:130px;padding:18px 20px;background:#fff;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;text-align:left;box-shadow:0 4px 14px #0000000f;transition:all .25s ease;position:relative;overflow:hidden}.basket-category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--cat-color, #3b82f6);opacity:0;transition:opacity .2s}.basket-category-card:hover{border-color:var(--cat-color, #3b82f6);box-shadow:0 8px 24px #0000001a;transform:translateY(-3px)}.basket-category-card:hover:before{opacity:1}.basket-category-card.active{border-color:var(--cat-color, #3b82f6);background:linear-gradient(180deg,#fff 0%,color-mix(in srgb,var(--cat-color, #3b82f6) 10%,#fff) 100%);box-shadow:0 8px 24px #0000001a}.basket-category-card.active:before{opacity:1}.basket-category-label{font-size:1rem;font-weight:700;color:var(--cat-color, #334155);letter-spacing:-.01em}.basket-category-count{font-size:.875rem;color:#64748b;font-weight:500}.basket-category-sum{font-size:1.15rem;font-weight:800;color:#0f172a;letter-spacing:-.02em}.basket-list-wrap{padding:0 20px 24px}.basket-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(288px,1fr));gap:16px;max-width:1400px;margin:0 auto}.bnt-basket2{background:#fff;border-radius:16px;padding:18px 20px;cursor:pointer;transition:all .25s ease;border:2px solid transparent;box-shadow:0 4px 14px #0000000f;text-align:left}.bnt-basket2:hover{border-color:#cbd5e1;box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.bnt-basket2.active{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);box-shadow:0 8px 28px #3b82f638}.bnt-basket2 .headcredit{display:inline-block;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:999px;margin-bottom:6px;letter-spacing:.02em;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);color:#1e40af;border:1px solid rgba(59,130,246,.25);box-shadow:0 1px 2px #0000000a}.bnt-basket2 span{color:#334155;font-size:.925rem;line-height:1.55}.bnt-basket2 span>div{margin-top:5px}.bnt-basket2.new-basket-card{min-height:110px;display:flex;align-items:center;justify-content:center;border-style:dashed;border-width:2px;border-color:#cbd5e1;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);font-weight:600;color:#64748b}.bnt-basket2.new-basket-card:hover,.bnt-basket2.new-basket-card.active{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);color:#2563eb}.basket-search{display:flex;align-items:center;gap:16px;background:#fff;border-radius:16px;padding:20px 24px;margin:16px 16px 20px;flex-wrap:wrap;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 12px #0000000f}.basket-search .MuiOutlinedInput-root{border-radius:12px;background:#f8fafc}.basket-search select{font-size:.95rem;color:#334155;border:1px solid #e2e8f0;border-radius:12px;padding:10px 14px;background:#fff;min-width:140px;cursor:pointer}.basket-search select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.FilterBasket{background:#fff!important;border-radius:20px!important;box-shadow:0 4px 20px #0000000f!important;padding:24px 28px!important;margin:0 20px 24px!important;border:1px solid rgba(0,0,0,.05)!important}.FilterBasket .MuiTextField-root,.FilterBasket .MuiFormControl-root{background:#f8fafc;border-radius:12px}.maintablemarket{margin:0 20px 28px;background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000f;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.tablemarket{width:100%;border-collapse:collapse}.tablemarket thead{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%)}.tablemarket th{padding:16px 14px;text-align:left;font-size:.825rem;font-weight:700;color:#475569;border-bottom:2px solid #e2e8f0;letter-spacing:.02em}.tablemarket td{padding:14px;border-bottom:1px solid #f1f5f9;font-size:.9rem;color:#334155}.tablemarket tbody tr:hover{background:#f8fafc}.tablemarket .stock-empty-row{opacity:.75;background:#fef2f2}.tablemarket .imgtd .imghome{width:52px;height:52px;object-fit:cover;border-radius:10px}.detilinput{margin:0 20px 24px;padding:24px 28px;background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000f;border:1px solid rgba(0,0,0,.05)}.detilinput .MuiFormControl-root,.detilinput .MuiTextField-root{background:#f8fafc}.detilinput .MuiInputBase-root{border-radius:10px}#customers-basket{width:100%;border-collapse:collapse;margin:0 20px 28px;background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000f;overflow:hidden;border:1px solid rgba(0,0,0,.05)}#customers-basket thead{background:linear-gradient(135deg,#1e40af 0%,#3b82f6 100%);color:#fff}#customers-basket th{padding:16px 14px;text-align:left;font-size:.875rem;font-weight:700;border:none;letter-spacing:.02em}#customers-basket td{padding:14px;border-bottom:1px solid #f1f5f9;font-size:.9rem;color:#334155}#customers-basket tbody tr:hover{background:#f8fafc}#customers-basket .inputcount{width:68px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;text-align:center;font-size:.95rem}#customers-basket .inputcount:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.actionswage{margin:20px 20px 24px;padding:20px 24px;background:#fff;border-radius:18px;box-shadow:0 4px 16px #0000000d;border:1px solid rgba(0,0,0,.05)}.actionswage input[type=text],.actionswage input[type=number]{padding:12px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:.95rem;margin:0 8px;max-width:120px}.actionswage input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.actionswage .buttonaddwage{padding:12px 24px;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.actionswage .buttonaddwage:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.enter-block-center{display:flex;flex-direction:column;align-items:stretch;margin:24px auto 32px;max-width:380px}.enter-tax-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.enter-tax-buttons .btntexbasket{min-width:0;width:100%}.enter-block-center .enter{width:100%;margin:0;padding:0;display:flex;flex-direction:column;gap:0;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0f172a0f;overflow:hidden}.enter-block-center .enter .pricesum,.enter-block-center .enter .enterbuttom,.enter-block-center .enter .cashblack{display:block}.enter-block-center .enter .pricesum{font-size:1.45rem;font-weight:800;color:#b91c1c;margin:0;padding:20px 20px 16px;background:#fef2f2;letter-spacing:-.02em;line-height:1.3;border-bottom:1px dashed #fecaca}.enter-cash-row{display:flex;align-items:center;justify-content:center;gap:12px;margin:0;padding:20px 20px 8px}.enter-cash-row span{font-size:1.05rem;font-weight:600;color:#475569;letter-spacing:.02em}.enter-cash-row .inputcashblack{margin:0;min-width:140px;max-width:160px}.enter-block-center .enter .enterbuttom{font-size:.85rem;color:#94a3b8;margin:0;padding:4px 0 16px;font-weight:500}.enter-block-center .enter .cashblack{margin:0;font-size:1.3rem;font-weight:800;color:#0f172a;letter-spacing:-.02em;padding:16px 20px;background:#f1f5f9;border-top:2px solid #e2e8f0;border-radius:0 0 16px 16px;min-width:0;display:block}.enter{margin:20px 20px 28px;padding:28px 24px;background:#ffffff;border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 4px 24px #0f172a14,0 1px 3px #0000000a}.enter .form-group{margin-bottom:16px}.enter .form-group label{color:#475569;font-weight:600;font-size:.95rem}.enter .form-control{padding:12px 18px;border:2px solid #cbd5e1;border-radius:12px;font-size:1.05rem;font-weight:600;color:#1e293b;max-width:220px;margin-top:6px}.enter .form-control:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.pricesum{font-size:1.5rem;font-weight:800;color:#b91c1c;margin-bottom:4px;letter-spacing:-.02em;line-height:1.35}.inputcashblack{padding:14px 20px;border:2px solid #cbd5e1;border-radius:12px;font-size:1.25rem;font-weight:700;color:#0f172a;max-width:180px;text-align:right;background:#fff;transition:border-color .2s,box-shadow .2s}.enter-cash-row .inputcashblack{min-width:140px}.inputcashblack::placeholder{color:#94a3b8;font-weight:500}.inputcashblack:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640}.enterbuttom{font-size:.9rem;color:#64748b;margin-top:14px;font-weight:500;letter-spacing:.01em}.cashblack{font-size:1.35rem;font-weight:800;color:#0f172a;margin-top:16px;letter-spacing:-.02em;padding:12px 16px;background:#f1f5f9;border-radius:12px;display:inline-block;min-width:160px}.btntexbasket{padding:14px 24px;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;border:2px solid #e2e8f0;background:#f8fafc;color:#475569;transition:all .2s ease;margin:0;letter-spacing:.02em}.btntexbasket:hover{background:#f1f5f9;border-color:#cbd5e1;color:#334155;transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.print-table{border-radius:16px;overflow:hidden}@media (max-width: 768px){.Basket{padding-bottom:24px}.basket-search-trigger-wrap{padding:16px 12px 12px}.basket-search-trigger{padding:12px 18px;font-size:.95rem}.basket-categories-wrap{padding:8px 12px 16px}.basket-category-card{min-width:110px;padding:14px 16px}.basket-search{margin:12px;padding:16px;flex-direction:column;align-items:stretch}.basket-search select{min-width:100%}.basket-list-wrap{padding:0 12px 20px}.basket-list-grid{grid-template-columns:1fr;gap:12px}.basket-list-popup .basket-list-popup-grid{grid-template-columns:1fr}.basket-categories-section{margin:16px 12px;flex-direction:column}.basket-categories-section .new-basket-card{min-width:100%}.bnt-basket2{padding:16px 18px}.FilterBasket{margin:0 12px 16px!important;padding:18px!important}.maintablemarket{margin:0 12px 20px;overflow-x:auto;border-radius:16px}.tablemarket{min-width:900px}.detilinput{margin:0 12px 18px;padding:18px;border-radius:16px}#customers-basket{margin:0 12px 20px;overflow-x:auto;border-radius:16px}#customers-basket{min-width:800px}.enter-block-center{margin:16px 12px 24px;max-width:100%}.enter{margin:12px;padding:18px;border-radius:16px}.actionswage{margin:12px;padding:16px;border-radius:14px}}.receipt-container-detilcar{width:8cm;margin:0 auto;padding:.5cm;background:white;box-shadow:0 0 10px #0000001a;font-family:Sarabun,Arial,sans-serif;font-size:12pt}.receipt-header-detilcar{text-align:center;margin:.2cm 0;font-size:16pt;font-weight:700}.receipt-subheader-detilcar{text-align:center;margin:.1cm 0;font-size:11pt;font-weight:400}.receipt-title-detilcar{text-align:center;margin:.3cm 0;font-size:14pt;font-weight:700;border-bottom:2px solid #000;padding-bottom:.2cm}.customer-info-detilcar{margin:.3cm 0;border:1px solid #000;padding:.2cm;background-color:#f9f9f9}.customer-details-detilcar{font-size:11pt;line-height:1.6}.customer-details-detilcar div{margin:.1cm 0}.repair-table-detilcar{width:100%;border-collapse:collapse;margin:.3cm 0;font-size:11pt}.repair-table-detilcar th,.repair-table-detilcar td{border:1px solid #000;padding:.2cm;text-align:left}.repair-table-detilcar th{background-color:#e0e0e0;font-weight:700;text-align:center;font-size:11pt}.repair-table-detilcar td:first-child{text-align:center;width:1cm}.seller-info-detilcar{margin-top:.4cm;font-size:11pt;line-height:1.6;border-top:1px dashed #000;padding-top:.2cm}.seller-info-detilcar p{margin:.1cm 0}.print-button-detilcar{display:block;margin:1cm auto;padding:12px 30px;background-color:#1976d2;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;box-shadow:0 2px 8px #0003}.print-button-detilcar:hover{background-color:#1565c0;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.print-button-detilcar:active{transform:translateY(0);box-shadow:0 2px 6px #0003}@media print{@page{size:8cm auto;margin:0}body{margin:0;padding:0}.receipt-container-detilcar{width:8cm;margin:0;padding:.3cm;box-shadow:none;font-size:12pt}.receipt-header-detilcar{font-size:14pt;margin:.15cm 0}.receipt-subheader-detilcar{font-size:12pt;margin:.1cm 0}.receipt-title-detilcar{font-size:12pt;margin:.2cm 0;padding-bottom:.15cm}.customer-info-detilcar{margin:.2cm 0;padding:.15cm}.customer-details-detilcar{font-size:10pt;line-height:1.5}.customer-details-detilcar div{margin:.08cm 0}.repair-table-detilcar{font-size:12pt;margin:.2cm 0}.repair-table-detilcar th,.repair-table-detilcar td{padding:.15cm}.repair-table-detilcar th{font-size:12pt}.seller-info-detilcar{margin-top:.3cm;font-size:12pt;line-height:1.5;padding-top:.15cm}.seller-info-detilcar p{margin:.08cm 0}.print-button-detilcar{display:none}}@media screen and (max-width: 768px){.receipt-container-detilcar{width:100%;max-width:8cm}}.checklist-section-detilcar{margin:10px 0;padding:8px;border:1px solid #333;border-radius:4px}.checklist-title-detilcar{margin:0 0 8px;font-size:14px;font-weight:700;text-align:center;border-bottom:1px solid #333;padding-bottom:4px}.checklist-table-detilcar{width:100%;border-collapse:collapse;font-size:14px}.checklist-table-detilcar th{background-color:#f0f0f0;padding:4px 8px;border:1px solid #333;font-weight:700}.checklist-table-detilcar td{border:1px solid #333;padding:4px 8px}.checkbox-detilcar{width:20px;height:20px;border:2px solid #333;display:inline-block;text-align:center;line-height:20px;font-size:16px;font-weight:700}.notes-section-detilcar{margin:10px 0;font-size:11px}.notes-section-detilcar p{margin:4px 0}.signature-section-detilcar{display:flex;justify-content:space-between;margin-top:15px;padding-top:10px;border-top:1px dashed #333}.signature-box-detilcar{width:48%;font-size:11px}.signature-box-detilcar p{margin:0;text-align:center}@media print{.checklist-section-detilcar{page-break-inside:avoid}.checkbox-detilcar{border:2px solid #000}.signature-section-detilcar{page-break-inside:avoid}}.editbill-table-head{overflow-x:auto;margin:24px 0}.editbill-table{width:100%;border-collapse:collapse;background:#fff;font-family:Prompt,Kanit,Arial,sans-serif;font-size:12px;color:#222;box-shadow:0 2px 8px #eee}.editbill-table th,.editbill-table td{border:1px solid #d1d1d1;padding:8px 6px;text-align:left;transition:background .2s}.editbill-table thead th{position:sticky;top:0;background:#0f0f0f;z-index:2;color:#fff}.editbill-table-head{max-height:90vh;overflow-y:auto}.editbill-table th{background:#f5f5f5;font-weight:700;text-align:center}.editbill-table tr:nth-child(2n){background:#fafbfc}.editbill-table tbody tr:hover{background:#ffe9b3;cursor:pointer;transition:background .2s}.editbill-table input[type=number]{width:60px;padding:2px 4px;font-size:15px;border:1px solid #bbb;border-radius:3px}.editbill-table img{max-width:80px;height:auto;display:block;margin:0 auto}.filter-btn-group{display:flex;gap:12px;margin-bottom:16px}.filter-btn{background:#eee;color:#1976d2;border:2px solid #1976d2;border-radius:6px;padding:8px 20px;font-size:1rem;font-family:inherit;font-weight:700;cursor:pointer;transition:background .2s,color .2s,border .2s}.filter-btn.active,.filter-btn:hover,.filter-btn:focus{background:#1976d2;color:#fff;border:2px solid #1976d2}.contenner{margin-top:1%;width:100%;height:150vh;display:flex;justify-content:center;flex-direction:column;align-items:center;padding:20px;box-sizing:border-box}.scroll-wrapper{width:100%;height:1000px;overflow:auto;background:white;position:relative}.table-container{width:100%;height:100%;position:relative}.table{width:2000px;border-collapse:collapse;background-color:#fff}.table th{background-color:#000;color:#fff;padding:12px 8px;border:1px solid #333;text-align:center;white-space:nowrap;position:sticky;top:0;z-index:10;min-width:100px}.table td{padding:10px 8px;border:1px solid #ddd;text-align:center;white-space:nowrap;background-color:#fff;min-width:100px;height:45px}.table tr{height:45px}.table tbody tr:hover{background-color:#e6f3ff;cursor:pointer}.sales-good{background-color:#d4edda!important}.sales-good td{background-color:#d4edda!important;color:#155724!important}.sales-normal{background-color:#fff!important}.sales-normal td{background-color:#fff!important;color:#000!important}.sales-bad{background-color:#f8d7da!important}.sales-bad td{background-color:#f8d7da!important;color:#721c24!important}.profit-text-good{color:#05d64b!important;font-weight:700!important}.profit-text-normal{color:#c4bb49!important;font-weight:700!important}.profit-text-bad{color:#b90113d2!important;font-weight:700!important}.sumtd{background-color:#000!important;position:sticky;bottom:0;z-index:5}.sumtd td{background-color:#000!important;color:#fff!important;font-weight:700!important;border-top:2px solid #333!important}.profit-status-cell,.sales-status-cell{text-align:center!important}.scroll-wrapper::-webkit-scrollbar{width:16px;height:16px}.scroll-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px}.scroll-wrapper::-webkit-scrollbar-thumb{background:#888;border-radius:8px;border:2px solid #f1f1f1}.scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#555}.scroll-wrapper::-webkit-scrollbar-corner{background:#f1f1f1}.sales-summary{margin-top:20px;padding:15px;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9;width:90%;max-width:800px}.sales-summary h3{margin-top:0;color:#333}.sales-summary p{margin-bottom:5px;font-size:16px}.detiother{margin-top:20px;padding:15px;border:1px solid #ddd;border-radius:5px;background-color:#f8f9fa;width:90%;text-align:left}.detiother p{margin-bottom:8px;font-size:14px;line-height:1.4;color:#333}@media (max-width: 768px){.scroll-wrapper{width:100%;height:400px}.table{width:1500px;font-size:12px}.table th,.table td{padding:6px 4px;min-width:80px}}.table tbody tr:nth-child(2n){background-color:#f9f9f9}.table tbody tr:hover{background-color:#000!important;cursor:pointer}.table tbody tr:hover td{background-color:#cacaca!important}.table tbody tr.sales-good:hover td{background-color:#000!important;color:#6f0!important;font-weight:700!important}.table tbody tr.sales-normal:hover td{background-color:#000!important;color:#fff!important;font-weight:700!important}.table tbody tr.sales-bad:hover td{background-color:#000!important;color:#ff0019!important;font-weight:700!important}.inventory-report-container{padding:20px;font-family:Arial,sans-serif;display:flex;flex-direction:column;align-items:center;min-height:100vh}.filter-controls{width:95%;max-width:1200px;margin-bottom:20px;border:1px solid #ddd;padding:15px;border-radius:8px;background-color:#f9f9f9;box-shadow:0 2px 4px #0000001a}.filter-inputs{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;margin-bottom:10px}.print-options{margin-top:15px;margin-bottom:15px;display:flex;gap:15px}.print-button{padding:10px 25px;font-size:18px;font-weight:700;cursor:pointer;border-radius:8px;border:none;box-shadow:0 4px 8px #0003;transition:background-color .3s ease,transform .2s ease}.print-button.MuiButton-containedPrimary{background-color:#4caf50;color:#fff}.print-button.MuiButton-containedPrimary:hover{background-color:#45a049;transform:translateY(-2px)}.print-button.MuiButton-outlined{background-color:#008cba;color:#fff;border:1px solid #008CBA}.print-button.MuiButton-outlined:hover{background-color:#007b9e;border-color:#007b9e;transform:translateY(-2px)}.report-summary{font-size:1.1em;font-weight:700;color:#333;margin-top:10px;text-align:center}.report-content-section{width:100%;margin-top:30px;border-radius:8px;overflow:hidden}.company-heading{text-align:center;margin:0;padding:15px 0;background-color:#e0e0e0;font-size:24px;color:#333;border-bottom:1px solid #ccc;box-shadow:0 2px 4px #0000000d}.report-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:20px}.report-table th,.report-table td{border:1px solid #ddd;padding:6px 8px;text-align:left}.report-table th{text-align:center;background-color:#f2f2f2;font-weight:700}.report-table tbody tr:nth-child(2n){background-color:#f9f9f9}.text-center{text-align:center}.text-right{text-align:right}.stock-low{color:red;font-weight:700}.barcode-small canvas{max-width:100%;height:auto;display:block;margin:0 auto}.barcode-group-highlight{color:#000!important;font-weight:700;background:rgba(241,193,193,.651)!important}@media print{.hide-on-print,.filter-controls{display:none!important}@page{margin:10mm 15mm}.company-heading{background-color:#e0e0e0!important;color:#333!important;padding:8px 0;margin-top:15mm;margin-bottom:10px;page-break-before:auto;border-bottom:none;box-shadow:none}.report-table{font-size:12pt;margin-bottom:0;page-break-inside:auto}.report-table th,.report-table td{border-color:#ccc!important;padding:4px 6px}.report-table thead{-webkit-print-color-adjust:exact;color-adjust:exact}.report-table th{background-color:#f2f2f2!important}.page-break-after-company{page-break-after:always}.no-page-break{page-break-after:auto}.report-content-section>div{margin-bottom:0!important}}.styled-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000a;margin-bottom:32px;font-size:1rem;overflow:hidden}.styled-table thead tr{background-color:#1976d2;color:#fff;text-align:center;font-weight:700}.styled-table th,.styled-table td{padding:10px 8px;border-bottom:1px solid #e0e0e0;text-align:center;vertical-align:middle}.styled-table tbody tr{transition:background .2s}.styled-table tbody tr:hover{background-color:#f1f7ff}.styled-table td{background:#fff}.styled-table th:first-child,.styled-table td:first-child{border-left:none}.styled-table th:last-child,.styled-table td:last-child{border-right:none}.action-buttons-row{display:flex;gap:8px;justify-content:center;align-items:center}.column-toggle{width:100%;margin-top:5px}.imgmanager-btn{background:#1976d2;color:#fff;border:none;border-radius:6px;padding:6px 16px;font-size:1rem;cursor:pointer;margin:0 0 4px;transition:background .2s}.imgmanager-btn:hover{background:#1251a3}.imgmanager-modal-bg{position:fixed;z-index:9999;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center}.imgmanager-modal{background:#fff;border-radius:12px;padding:24px 24px 16px;min-width:320px;max-width:95vw;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0004;display:flex;flex-direction:column;align-items:center;position:relative}.imgmanager-btn-add{background:#43a047;color:#fff;border:none;border-radius:6px;padding:6px 16px;font-size:1rem;cursor:pointer;margin-bottom:12px;transition:background .2s}.imgmanager-btn-add:hover{background:#2e7031}.imgmanager-list{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:16px}.imgmanager-item{position:relative;width:120px;display:flex;flex-direction:column;align-items:center}.imgmanager-img{width:100%;height:90px;object-fit:cover;border-radius:8px;box-shadow:0 2px 8px #0002;cursor:zoom-in;margin-bottom:4px}.imgmanager-del,.imgmanager-cam,.imgmanager-setfirst{position:absolute;background:#fff;border:none;border-radius:50%;width:26px;height:26px;font-size:1.1rem;cursor:pointer;box-shadow:0 1px 4px #0002;display:flex;align-items:center;justify-content:center;transition:background .2s}.imgmanager-del{top:-10px;right:-10px;color:#e53935;border:1px solid #e53935}.imgmanager-del:hover{background:#e53935;color:#fff}.imgmanager-cam{bottom:-10px;left:-10px;color:#ff9800;border:1px solid #ff9800}.imgmanager-cam:hover{background:#ff9800;color:#fff}.imgmanager-setfirst{bottom:-10px;right:-10px;color:#1976d2;border:1px solid #1976d2}.imgmanager-setfirst:hover{background:#1976d2;color:#fff}.imgmanager-btn-close{margin-top:12px;background:#bdbdbd;color:#333;border:none;border-radius:6px;padding:6px 24px;font-size:1rem;cursor:pointer}.imgmanager-btn-close:hover{background:#757575;color:#fff}.imgmanager-cam-modal-bg{position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center}.imgmanager-cam-modal{background:#fff;border-radius:8px;padding:16px}@media (max-width: 600px){.imgmanager-modal{min-width:90vw;padding:12px 4px}.imgmanager-item{width:80px}.imgmanager-img{height:60px}}.search-results-table tbody tr:hover{background:#e3f2fd!important;transition:background .2s;cursor:pointer}.OderReport-addiitem{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:center;background:#f8f8f8;padding:20px 12px;border-radius:10px;margin-bottom:24px;box-shadow:0 2px 8px #0001}.OderReport-addiitem .MuiTextField-root,.OderReport-addiitem .MuiAutocomplete-root{min-width:140px;flex:1 1 140px}.OderReport-addiitem .MuiButton-root{min-width:100px;height:40px}.company-section-even{background:#f5fafd;border:1.5px solid #e0e0e0;box-shadow:0 2px 8px #00000026}.company-section-odd{background:#fff;border:1.5px solid #e0e0e0;box-shadow:0 2px 8px #00000026}.company-section{padding:18px 0 24px;border-radius:16px;margin-bottom:32px;transition:background .2s,box-shadow .2s}.editmainbilltex{width:100%;height:100%}.print-containeredit{width:100%;height:100%;background-color:#fff}.head,.customerhead{width:100%;text-align:center}.head2{text-align:left}.billnumber{position:absolute;left:3%}.billnumber2{position:absolute;right:3%}.billtex-customer{position:absolute;height:100%;width:20%;left:3%;display:flex;justify-content:center;text-align:center;flex-direction:column;gap:20%;font-size:1vw}.billtex-seller{position:absolute;height:100%;width:20%;right:3%;display:flex;justify-content:center;text-align:center;flex-direction:column;gap:20%;font-size:1vw}.deltable{border:none;text-align:right}.billtex-tableedit{width:100%;border-collapse:collapse;margin-bottom:20px}.billtex-tableedit th,.billtex-tableedit td{padding:10px;border:1px solid #000000}.billtex-tableedit th{background-color:#363636;color:#f0f8ff;text-align:center}.boxbtn{background-color:#fff;width:100%;display:flex;text-align:center;justify-content:center}.bodyprint{width:100%;height:100%;margin:0;padding:0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;left:0;top:0}.barcode-container{padding-bottom:5%;width:95%;max-width:95%;height:auto;display:flex;justify-content:center;align-items:center;flex-direction:column}.barcode-container svg{width:90%!important;height:auto!important;max-height:90%}.name-top-barcode{position:absolute;font-size:10vh;text-align:center;width:1000%;margin-top:-60vh;word-break:break-word;line-height:1}.name-under-barcode{position:absolute;font-size:10vh;text-align:center;width:1000%;margin-top:80vh;word-break:break-word;line-height:1}@media print{@page{size:100% 100%;margin:0}html,body{width:100%;height:100%;margin:0;padding:0}.bodyprint{width:100%;height:100%}.barcode-container{position:absolute;width:100%;height:100%;justify-content:center;align-items:center;flex-direction:column}.barcode-container svg{width:100%!important;height:73%!important}.name-top-barcode{position:absolute;font-size:10vh;text-align:center;width:1000%;margin-top:-75vh;word-break:break-word;line-height:1;z-index:99}.name-under-barcode{position:absolute;font-size:10vh;text-align:center;width:1000%;margin-top:70vh;word-break:break-word;line-height:1}}.bodyprint-sys{width:100%;height:100%;margin:0;padding:0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;left:0;top:0}.barcode-container-sys{padding-bottom:25%;width:100%;max-width:100%;height:auto;display:flex;justify-content:center;align-items:center;flex-direction:column}.barcode-container-sys svg{width:100%!important;height:auto!important;max-height:100%}.name-under-barcode-sys{position:absolute;font-size:8vh;text-align:center;width:1000%}.name-top-barcode-sys{position:absolute;font-size:9vh;text-align:center;width:1000%;margin-top:-60vh;word-break:break-word;line-height:1.2}@media print{@page{size:100% 100%;margin:0}html,body{width:100%;height:100%;margin:0;padding:0}.bodyprint-sys{width:100%;height:100%}.barcode-container-sys{position:absolute;margin-top:2%;width:100%;height:100%;justify-content:center;align-items:center;flex-direction:column}.barcode-container-sys svg{width:100%!important;height:100%!important}.name-under-barcode-sys{position:absolute;font-size:8vh;text-align:center;width:1000%;margin-top:32%;line-height:1}.name-top-barcode-sys{position:absolute;font-size:10vh;text-align:center;width:1000%;margin-top:0vh;word-break:break-word;line-height:1;z-index:99}}@font-face{font-family:TH SarabunPSK;src:url(/assets/THSarabun-2936ea29.ttf) format("truetype");font-weight:400;font-style:normal}.print-container{width:210mm;min-height:297mm;margin:0 auto;background:#fff;box-shadow:none;font-family:TH SarabunPSK,sans-serif;font-size:15pt;color:#000;padding:.8em 1.5em 1.5em}.headbilltexs{position:absolute;font-family:TH SarabunPSK,sans-serif;display:flex;justify-content:space-between;align-items:center;margin-top:.8em;width:210mm}.customerhead-new{width:100%;font-size:15pt;display:grid;grid-template-columns:1fr 1fr}.customerhead-new-1{padding:1%;border:1px dotted #000;border-left:none}.customerhead-new-2{padding:1%;border:1px dotted #000;border-right:none}.customerhead-new-3{padding:1%;display:flex;border:1px dotted #000;gap:5%;border-left:none}.customerhead-new-4{padding:1%;display:flex;flex-direction:row;align-items:center;justify-content:center;border:1px dotted #000;gap:20%;border-right:none}.headshop{font-weight:700}.texbillnumber,.texbillnumber2{font-size:16pt;font-weight:700}้.texbillnumber:hover,.texbillnumber2:hover{cursor:pointer}.headbilltex{font-family:TH SarabunPSK,sans-serif;font-size:19pt;text-align:center;letter-spacing:1px}.customerhead{width:100%;text-align:left;margin:1em 0 .5em;padding-left:1em;font-size:15pt}.head2{font-size:15pt;font-weight:500;text-align:left;margin:.1em 0}.billtex-table{width:100%;border-collapse:collapse;margin-bottom:24px}.billtex-table th,.billtex-table td{font-size:15pt;padding:3px 5px}.billtex-table th{border-bottom:1px dotted #000;text-align:center;font-weight:700}.deltable{text-align:right;background:#fff!important}.billtex-seller-info{display:flex;justify-content:space-between;margin-top:2em;font-size:15pt}.billtex-seller-info-new{display:flex;justify-content:space-between;font-size:15pt;gap:8%}.customer-billtex,.seller-billtex{width:45%;text-align:center;font-size:15pt;display:flex;flex-direction:column;gap:1em}.boxcustomer{width:100%;text-align:right;display:flex;justify-content:right;flex-direction:column;gap:10%}.header-new{position:relative;width:100%}.header-printtex-two-col{display:flex;justify-content:space-between;align-items:flex-start;width:100%;margin-top:.5em;gap:1em}.header-printtex-left{text-align:left;font-size:15pt;line-height:1.1;font-weight:700}.header-printtex-name,.header-printtex-address,.header-printtex-phone,.header-printtex-taxid{margin-top:.05em;margin-bottom:0;font-weight:700}.header-printtex-right{display:flex;flex-direction:column;align-items:flex-end;text-align:right;font-size:15pt;min-width:140px}.header-printtex-right .headdate-new{margin-top:0;margin-bottom:.15em}.header-printtex-label{font-weight:700;margin-right:.25em}.header-printtex-line{width:100%;border:none;border-bottom:1px dotted #000;margin:.5em 0 .75em}.headbilltexs-new{font-family:TH SarabunPSK,sans-serif;display:flex;justify-items:center;align-items:center;flex-direction:column}.headdate-new{display:flex;justify-content:space-between;flex-direction:row;font-size:15pt;font-weight:700;width:100%}.coypy-new{font-size:15pt;font-weight:700;margin:.25em 0}.header-printtex-right .coypy-new{text-align:right}.customer-billtex-new{display:flex;flex-direction:column;justify-content:center;align-items:center}.barcodebillnumber{position:absolute;margin-left:72%}.create-item{display:flex;flex-direction:column;align-items:center;padding:16px;width:100%}.textlist{display:flex;justify-content:center;width:100%;text-align:center}.textlist p{display:flex;justify-content:center;font-size:15px;padding:5px;width:100%;text-align:center;background:linear-gradient(90deg,#1565c0 0%,#64b5f6 100%);color:azure}.create-item .MuiTextField-root,.create-item .MuiFormControl-root{margin:8px;width:100%}.create-item .MuiButton-root{margin:16px;width:100%}.bnt-icon{display:flex;justify-content:center;align-items:center;width:100%}.create-bnt-icon{width:80%;padding:12px 0;margin:12px 0;background:linear-gradient(90deg,#1976d2 0%,#42a5f5 100%);color:#fff;border:none;border-radius:8px;font-size:1.15em;font-weight:700;letter-spacing:1px;box-shadow:0 2px 8px #1976d244;cursor:pointer;transition:background .2s,transform .1s,box-shadow .2s;display:flex;align-items:center;justify-content:center;gap:8px}.create-bnt-icon:hover,.create-bnt-icon:focus{background:linear-gradient(90deg,#1565c0 0%,#64b5f6 100%);transform:translateY(-2px) scale(1.03);box-shadow:0 4px 16px #1976d266;outline:none}.PrintcreditMain{width:210mm;min-height:297mm;margin:0 auto;box-shadow:none;font-family:TH SarabunPSK,sans-serif;font-size:17pt;color:#000;padding:0;display:flex;justify-content:center;align-items:flex-start}.Printcredit{width:100%;min-height:297mm;padding:5%;box-sizing:border-box;background:#fff}.headdershop-Printcredit{font-size:12px;font-weight:700;text-align:center}.Printcredit-sumpice{display:flex;justify-content:space-between;margin-top:32px;font-size:.9em}.sumpice-left{text-align:left;min-width:180px}.sumpice-right{text-align:right;min-width:180px}.Printcredit-headdercustomer p{font-size:12px;text-align:center;font-weight:700}.cutting{margin-top:5%;width:100%;border:1px dashed black;margin-bottom:5%}.Printcredit-tablebill1{font-size:12px;text-align:center;width:100%}.Printcredit-tablebill1 th{font-weight:700;text-align:center;border:1px solid black}.head-Printcredit{font-size:2vh}.Printcredit-btnprint{position:absolute;bottom:-5%;display:flex;text-align:center;width:100%;justify-content:center;flex-direction:row;gap:1%}.btnprintcilk{font-family:Prompt,sans-serif;padding:5px 7px;text-align:center;text-decoration:none;display:inline-block;font-size:15px;margin:4px 3px;transition-duration:.4s;cursor:pointer;background-color:#dfdede;border-radius:4px;box-shadow:2px 2px 1px #3f3c3c,inset 0 0 0 1px #d3d2d2;-webkit-user-select:none;user-select:none}.printcredit-table{width:100%;border-collapse:collapse;margin-top:10px;font-size:.7em;background:#fff}.printcredit-table th,.printcredit-table td{border:1px solid #bdbdbd;padding:1px 10px}.printcredit-table th{background:#444546;color:#fff;font-weight:700;text-align:center}.printcredit-table tr:nth-child(2n){background:#f3f3f3}.printcredit-table tr:hover{background:#f3f3f3}.login-page{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1e3a5f 0%,#2d5a87 50%,#1e3a5f 100%);padding:24px}.login-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000040;padding:40px 36px;max-width:400px;width:100%;text-align:center}.login-logo-wrap{margin-bottom:20px}.login-logo{width:120px;height:120px;object-fit:contain;border-radius:50%;border:4px solid #e8e8e8;box-shadow:0 4px 12px #00000014}.login-title{font-size:1.5rem;font-weight:700;color:#1e3a5f;margin:0 0 4px;letter-spacing:.02em}.login-subtitle{font-size:.95rem;color:#666;margin:0 0 28px}.login-form{display:flex;flex-direction:column;gap:20px}.login-field{text-align:left}.login-field label{display:block;font-size:.9rem;font-weight:600;color:#333;margin-bottom:8px}.login-field input{width:100%;padding:12px 14px;font-size:1rem;border:2px solid #e0e0e0;border-radius:10px;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.login-field input:focus{outline:none;border-color:#2d5a87;box-shadow:0 0 0 3px #2d5a8726}.login-field input::placeholder{color:#aaa}.login-error{background:#ffebee;color:#c62828;padding:10px 14px;border-radius:8px;font-size:.9rem;text-align:center}.login-btn{width:100%;padding:14px;font-size:1.05rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#2d5a87 0%,#1e3a5f 100%);border:none;border-radius:10px;cursor:pointer;transition:transform .15s,box-shadow .15s}.login-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #1e3a5f59}.login-btn:active{transform:translateY(0)}.stocktex-container{max-width:80%;margin:32px auto;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:24px 32px}.stocktex-title{text-align:center;color:#000;margin-bottom:24px;font-weight:700;font-size:1.5rem;letter-spacing:1px}.stocktex-table{width:100%;border-collapse:collapse;background:#fafbfc}.stocktex-table th,.stocktex-table td{padding:12px 8px;border-bottom:1px solid #e0e0e0;text-align:center;vertical-align:middle;font-size:1rem}.stocktex-table th{background:#6e6e6e;color:#fff;font-weight:600}.stocktex-table tr:last-child td{border-bottom:none}.stocktex-table tr:hover td{background:#e3f2fd;transition:background .2s}.print-btn{background:#1976d2;color:#fff;border:none;border-radius:4px;padding:6px 18px;font-size:1rem;cursor:pointer;margin-bottom:16px}.back-btn{background:#fff;color:#1976d2;border:2px solid #1976d2;border-radius:6px;padding:6px 20px;font-size:1rem;font-family:inherit;font-weight:700;cursor:pointer;transition:background .2s,color .2s;margin-bottom:16px;margin-right:8px}.back-btn:hover,.back-btn:focus{background:#1976d2;color:#fff}@media print{.print-a4{position:absolute;left:0;top:0;width:210mm;min-height:297mm;background:#fff!important;box-shadow:none!important;margin:0!important;padding:0!important;font-family:TH SarabunPSK,TH Sarabun New,Arial,sans-serif!important;color:#000!important;font-size:16pt!important}.print-btn,.stocktex-container button:not(.print-btn){display:none!important}.print-table{width:125%!important;font-size:12pt!important;border:1px solid #000!important;border-collapse:collapse!important;background:#fff!important;color:#000!important}.print-table th,.print-table td{border:1px solid #000!important;padding:2px 6px!important;text-align:center!important;color:#000!important;background:#fff!important;font-size:14pt!important}.stocktex-title{margin-top:24px!important;font-size:16pt!important;color:#000!important;font-weight:700!important;text-align:center!important}.print-table th:nth-child(3),.print-table td:nth-child(3){width:300px!important;max-width:300px!important;min-width:200px!important;word-break:break-word}}.mechanic-table-container{max-width:100%;margin:32px auto;background:#fff;border-radius:12px;box-shadow:0 2px 16px #00000014;padding:24px 16px 32px}.mechanic-table-title{text-align:center;margin-bottom:24px;color:#1976d2;font-weight:700;font-size:2rem;letter-spacing:1px}.mechanic-table{width:100%;border-collapse:collapse;background:#fafbfc}.mechanic-table th,.mechanic-table td{border:1px solid #e0e0e0;padding:10px 8px;text-align:left}.mechanic-table th{background:#1976d2;color:#fff;font-weight:600;font-size:1.05rem}.mechanic-table tr:nth-child(2n){background:#f5f7fa}.mechanic-table tr:hover{background:#e3f2fd;transition:background .2s}.mechanic-table td{cursor:pointer;font-size:1rem}.mechanic-table input,.mechanic-table .MuiInputBase-root{font-size:1rem!important;width:100%}.mechanic-table .MuiInputBase-root input{padding:4px 6px}@media (max-width: 600px){.mechanic-table-container{padding:8px 2px}.mechanic-table-title{font-size:1.2rem}.mechanic-table th,.mechanic-table td{padding:6px 2px;font-size:.95rem}}.bill-summary-container{max-width:500px;margin:32px auto;background:#fff;border-radius:12px;box-shadow:0 2px 16px #00000014;padding:24px 16px 32px}.bill-summary-title{text-align:center;margin-bottom:24px;color:#1976d2;font-weight:700;font-size:1.7rem;letter-spacing:1px}.bill-summary-filter{display:flex;gap:12px;margin-bottom:16px;justify-content:center}.bill-summary-table{width:100%;border-collapse:collapse;background:#fafbfc}.bill-summary-table th,.bill-summary-table td{border:1px solid #e0e0e0;padding:10px 8px;text-align:left}.bill-summary-table th{background:#1976d2;color:#fff;font-weight:600;font-size:1.05rem}.bill-summary-table tr:nth-child(2n){background:#f5f7fa}.bill-summary-table tr:hover{background:#e3f2fd;transition:background .2s}.bill-summary-table td{font-size:1rem}.bill-summary-table td:last-child{text-align:right;font-weight:700;color:#1976d2}@media (max-width: 600px){.bill-summary-container{padding:8px 2px}.bill-summary-title{font-size:1.1rem}.bill-summary-table th,.bill-summary-table td{padding:6px 2px;font-size:.95rem}}.other-container{width:100%;margin:40px auto;padding:32px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;box-shadow:0 20px 40px #0000001a;color:#fff}.other-container h1{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:40px;text-shadow:2px 2px 4px rgba(0,0,0,.3);letter-spacing:1px}.other-container ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.other-container li{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:15px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.other-container li:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.other-container li:hover:before{left:100%}.other-container li:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 30px #0003;background:rgba(255,255,255,.15)}.other-container a{color:#fff;text-decoration:none;font-size:1.2rem;font-weight:600;display:flex;align-items:center;padding:15px 20px;border-radius:10px;transition:all .3s ease;position:relative;z-index:1}.other-container a:before{content:"🔗";margin-right:12px;font-size:1.5rem;transition:transform .3s ease}.other-container a:hover:before{transform:scale(1.2) rotate(15deg)}.other-container a:hover{color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.other-container a:active{transform:scale(.98)}@media (max-width: 768px){.other-container{margin:20px;padding:20px}.other-container h1{font-size:2rem;margin-bottom:30px}.other-container ul{grid-template-columns:1fr;gap:15px}.other-container a{font-size:1.1rem;padding:12px 16px}}@media (max-width: 480px){.other-container{margin:10px;padding:16px}.other-container h1{font-size:1.8rem}.other-container a{font-size:1rem;padding:10px 14px}}.other-container{animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.other-container li{animation:slideInLeft .6s ease-out;animation-fill-mode:both}.other-container li:nth-child(1){animation-delay:.1s}.other-container li:nth-child(2){animation-delay:.2s}.other-container li:nth-child(3){animation-delay:.3s}.other-container li:nth-child(4){animation-delay:.4s}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.other-img{width:100%;display:flex;flex-direction:column;align-items:center}.bid-container{display:flex;gap:32px;align-items:flex-start;width:100%;margin:0 auto;padding:2%}.bid-left{flex:2;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0001;min-width:50%}.bid-right{display:flex;flex-direction:column;gap:24px;overflow-x:auto;width:50%}.bid-right ul{list-style:none;padding:0}.bid-right li{margin-bottom:8px;padding:8px 0;border-bottom:1px solid #eee}.bid-right h3{margin-top:0}.bid-left table tbody tr:hover{background:#e3f2fd;transition:background .15s;cursor:pointer}@media (max-width: 900px){.bid-container{flex-direction:column;gap:16px}.bid-left,.bid-right{min-width:unset;width:100%}}.purchase-container{padding:20px;max-width:1400px;margin:0 auto}.purchase-header{display:flex;justify-content:space-between;align-items:center;background:#f8f9fa;padding:20px;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a}.header-left{display:flex;gap:15px;align-items:center}.header-right{display:flex;gap:10px;align-items:center}.btn-add{background:#28a745;color:#fff;border:none;padding:12px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:background .3s}.btn-add:hover{background:#218838}.search-input{padding:10px 15px;border:1px solid #ddd;border-radius:6px;width:300px;font-size:14px}.filter-select{padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:white;cursor:pointer}.btn-print{background:#0d6efd;color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:pointer;font-weight:500;font-size:14px;display:inline-flex;align-items:center;gap:6px;transition:background .2s}.btn-print:hover{background:#0b5ed7}.form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.form-container{background:white;padding:30px;border-radius:12px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto}.form-container h3{margin-bottom:20px;color:#333;text-align:center}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1 / -1}.form-group label{margin-bottom:5px;font-weight:500;color:#555}.form-group input,.form-group textarea{padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-actions{display:flex;gap:10px;justify-content:center;margin-top:20px}.btn-save{background:#007bff;color:#fff;border:none;padding:12px 20px;border-radius:6px;cursor:pointer;font-weight:500}.btn-save:hover{background:#0056b3}.btn-cancel{background:#6c757d;color:#fff;border:none;padding:12px 20px;border-radius:6px;cursor:pointer}.btn-cancel:hover{background:#545b62}.table-container{background:white;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.purchase-table{width:100%;border-collapse:collapse}.purchase-table th{background:#343a40;color:#fff;padding:15px 10px;text-align:left;font-weight:500;font-size:14px}.purchase-table td{padding:12px 10px;border-bottom:1px solid #eee;font-size:14px}.purchase-table tr:hover{background:#f8f9fa}.purchase-table .amount{text-align:right;font-weight:500;color:#28a745}.btn-edit{background:#ffc107;color:#212529;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;margin-right:5px;font-size:12px}.btn-edit:hover{background:#e0a800}.btn-delete{background:#dc3545;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px}.btn-delete:hover{background:#c82333}.no-data{text-align:center;padding:40px;color:#6c757d;font-style:italic}.summary-container{display:grid;grid-template-columns:1fr 2fr;gap:20px}.summary-total{background:#e3f2fd;padding:20px;border-radius:12px;text-align:center;box-shadow:0 2px 8px #0000001a}.summary-total h3{margin-bottom:15px;color:#1976d2}.total-amount{font-size:28px;font-weight:700;color:#1976d2}.summary-by-description{background:#f1f8e9;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.summary-by-description h3{margin-bottom:15px;color:#388e3c}.description-list{display:flex;flex-direction:column;gap:10px}.description-item{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:white;border-radius:8px;border-left:4px solid #4caf50}.description-name{font-weight:500;color:#333}.description-amount{font-weight:700;color:#388e3c}.thai-date-input{position:relative}.date-display{padding:10px;border:1px solid #ddd;border-radius:6px;background:white;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#333;transition:border-color .3s}.date-display:hover{border-color:#007bff}.date-display:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.date-icon{font-size:16px;color:#666}.date-picker-overlay{position:absolute;top:100%;left:0;right:0;z-index:1000;margin-top:2px}.hidden-date-input{width:100%;padding:10px;border:1px solid #007bff;border-radius:6px;font-size:14px;background:white;box-shadow:0 4px 12px #00000026}.hidden-date-input:focus{outline:none;border-color:#0056b3}.autocomplete-container{position:relative}.autocomplete-input{padding:10px;border:1px solid #ddd;border-radius:6px;width:100%;font-size:14px}.autocomplete-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid #ddd;border-top:none;border-radius:0 0 6px 6px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px #0000001a}.autocomplete-option{padding:10px 15px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .2s}.autocomplete-option:hover{background-color:#f8f9fa}.autocomplete-option:last-child{border-bottom:none}.autocomplete-more{padding:8px 15px;color:#6c757d;font-style:italic;font-size:12px;background-color:#f8f9fa}.autocomplete-option.highlighted{background-color:#007bff;color:#fff}.btn-camera{background:#4CAF50;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;margin-left:8px;font-size:14px}.btn-camera:disabled{background:#ccc;cursor:not-allowed}.camera-modal{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:rgba(0,0,0,.9)!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:9999!important}.camera-container{background:white;border-radius:8px;padding:20px;max-width:90%;max-height:90%}.camera-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.btn-close{background:#f44336;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer}.image-section{border:2px dashed #ddd;border-radius:8px;padding:20px;text-align:center}.btn-add-image{background:#2196F3;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;margin-bottom:15px}.image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin-top:15px}.image-item{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.preview-image{width:100%;height:100%;object-fit:cover;display:block}.btn-delete-image{position:absolute;top:5px;right:5px;background:rgba(244,67,54,.8);color:#fff;border:none;border-radius:50%;width:25px;height:25px;cursor:pointer;font-size:12px}.summary-vat{background:#fff;border-radius:14px;box-shadow:0 2px 12px #1976d21a;padding:28px 22px;margin:0 auto 24px;max-width:400px;min-width:260px;display:flex;flex-direction:column;align-items:flex-start}.summary-vat h3{color:#1976d2;font-size:1.15rem;margin-bottom:12px;font-weight:700}.total-amount-vat{font-size:2rem;font-weight:700;color:#1565c0;margin-bottom:8px;text-align:right;width:100%}.vat-month-list{margin-top:10px;width:100%}.vat-month-item{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid #e3f2fd;font-size:1rem}.vat-month-name{color:#333}.vat-month-amount{color:#388e3c;font-weight:700}@media (max-width: 768px){.purchase-header{flex-direction:column;gap:15px}.header-left,.header-right{width:100%;justify-content:center}.search-input{width:100%}.summary-container,.form-grid{grid-template-columns:1fr}.purchase-table{font-size:12px}.purchase-table th,.purchase-table td{padding:8px 5px}.autocomplete-dropdown{max-height:150px}.autocomplete-option{padding:8px 12px;font-size:13px}}@media (max-width: 480px){.purchase-container{padding:10px}.form-container{width:95%;padding:20px}.purchase-table{display:block;overflow-x:auto;white-space:nowrap}}.image-preview-container{display:flex;flex-direction:column;align-items:center;gap:8px}.image-thumbnails{display:flex;gap:4px;flex-wrap:wrap}.thumbnail-image{width:40px;height:40px;object-fit:cover;border-radius:4px;cursor:pointer;border:1px solid #ddd;transition:transform .2s}.thumbnail-image:hover{transform:scale(1.1);border-color:#1976d2}.more-images{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f5f5f5;border-radius:4px;font-size:12px;color:#666;border:1px solid #ddd}.image-count{background:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:12px;font-size:12px}.error-message{background-color:#f8d7da;color:#721c24;padding:12px 16px;border:1px solid #f5c6cb;border-radius:6px;margin-bottom:20px;font-size:14px;text-align:center}.input-error{border-color:#dc3545!important;box-shadow:0 0 0 2px #dc354540!important}.form-group input.input-error:focus{border-color:#dc3545!important;box-shadow:0 0 0 2px #dc354540!important}.btn-view-docs{background:#2196F3;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;margin-right:5px;margin-bottom:2px;display:inline-block}.btn-view-docs:hover{background:#1976D2}.image-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.image-modal-container{background:white;border-radius:12px;max-width:95vw;max-height:95vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 30px #0000004d}.image-modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee;background:#f8f9fa}.image-modal-header h3{margin:0;color:#333;font-size:18px}.image-modal-close{background:#f44336;color:#fff;border:none;border-radius:50%;width:35px;height:35px;cursor:pointer;font-size:18px;font-weight:700}.image-modal-close:hover{background:#d32f2f}.image-modal-main{display:flex;align-items:center;justify-content:center;flex:1;position:relative;min-height:400px;background:#f5f5f5}.image-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:20px}.modal-main-image{max-width:100%;max-height:70vh;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px #0003}.image-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.7);color:#fff;border:none;width:50px;height:50px;border-radius:50%;font-size:24px;cursor:pointer;z-index:1;transition:all .3s ease}.image-nav-btn:hover{background:rgba(0,0,0,.9);transform:translateY(-50%) scale(1.1)}.prev-btn{left:20px}.next-btn{right:20px}.image-thumbnails-container{padding:15px 20px;border-top:1px solid #eee;background:#f8f9fa;max-height:120px;overflow-y:auto}.image-thumbnails-list{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.thumbnail-item{position:relative;width:80px;height:60px;border:2px solid transparent;border-radius:6px;overflow:hidden;cursor:pointer;transition:all .3s ease}.thumbnail-item:hover{border-color:#2196f3;transform:scale(1.05)}.thumbnail-item.active{border-color:#2196f3;box-shadow:0 0 0 2px #2196f34d}.thumbnail-item img{width:100%;height:100%;object-fit:cover}.thumbnail-number{position:absolute;top:2px;right:2px;background:rgba(0,0,0,.7);color:#fff;font-size:10px;padding:2px 4px;border-radius:3px}.image-modal-controls{display:flex;justify-content:center;gap:15px;padding:15px 20px;border-top:1px solid #eee;background:#f8f9fa}.control-btn{background:#4CAF50;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:background .3s ease}.control-btn:hover{background:#45a049}@media (max-width: 768px){.image-modal-container{max-width:100vw;max-height:100vh;border-radius:0}.modal-main-image{max-height:60vh}.image-nav-btn{width:40px;height:40px;font-size:20px}.prev-btn{left:10px}.next-btn{right:10px}.thumbnail-item{width:60px;height:45px}}.month-year-input{display:flex;gap:10px;align-items:center}.month-year-input select{padding:10px 15px;border-radius:6px;font-size:14px;background:#f8f9fa;transition:border-color .2s,box-shadow .2s;outline:none;cursor:pointer;min-width:120px}.month-year-input select:focus{box-shadow:0 0 0 2px #1976d226;background:#e3f2fd}.form-group select{padding:10px 15px;border-radius:6px;font-size:14px;background:#f8f9fa;transition:border-color .2s,box-shadow .2s;outline:none;cursor:pointer;min-width:160px}.form-group select:focus{box-shadow:0 0 0 2px #1976d226;background:#e3f2fd}@media (max-width: 600px){.summary-vat{max-width:99vw;padding:14px 4vw}.total-amount-vat{font-size:1.2rem}}.btn-print-tax-summary{background:#0a5f38}.btn-print-tax-summary:hover{background:#084d2e}.btn-export-tax{background:#0d9488}.btn-export-tax:hover{background:#0f766e}.tax-summary-print-only{position:absolute;left:-9999px;top:0;width:210mm;font-family:Sarabun,TH Sarabun,sans-serif;font-size:14px;color:#000;padding:16px}.tax-summary-print-content{max-width:210mm;margin:0 auto}.tax-summary-print-title{font-size:20px;text-align:center;margin-bottom:20px;border-bottom:2px solid #333;padding-bottom:10px}.tax-summary-month-block{margin-bottom:24px;page-break-inside:avoid}.tax-summary-month-title{font-size:16px;margin-bottom:8px;color:#1a1a1a}.tax-summary-table{width:100%;border-collapse:collapse;margin-bottom:12px}.tax-summary-table th,.tax-summary-table td{border:1px solid #333;padding:8px 10px;text-align:left}.tax-summary-table th{background:#f0f0f0;font-weight:600}.tax-summary-table .amount{text-align:right}.tax-summary-table tfoot td{font-weight:700;background:#f8f8f8}.tax-summary-by-company{margin-top:28px;page-break-inside:avoid}.tax-summary-by-company h2{font-size:16px;margin-bottom:8px}.tax-summary-grand-total{margin-top:24px;padding:16px;border:2px solid #333;text-align:right;page-break-inside:avoid}.tax-summary-grand-total h2{font-size:16px;margin-bottom:8px}.tax-summary-total-amount{font-size:20px;font-weight:700}@media print{.no-print,.purchase-table th.col-manage,.purchase-table td.col-manage{display:none!important}.tax-summary-print-only{position:static!important;left:auto!important;top:auto!important;width:100%!important}}.employee-manager-root{--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-600: #2563eb;--blue-700: #1d4ed8;--rose-50: #fff1f2;--rose-600: #e11d48;--amber-100: #fef3c7;--amber-500: #f59e0b;--amber-600: #d97706;font-family:Segoe UI,Tahoma,sans-serif}.employee-manager-root .max-w-6xl{max-width:1180px;margin:0 auto}.employee-manager-root .max-w-2xl{max-width:760px}.employee-manager-root .mx-auto{margin-left:auto;margin-right:auto}.employee-manager-root .space-y-6>*+*{margin-top:1.5rem}.employee-manager-root .space-y-4>*+*{margin-top:1rem}.employee-manager-root .space-y-3>*+*{margin-top:.75rem}.employee-manager-root .space-y-2>*+*{margin-top:.5rem}.employee-manager-root .space-y-1>*+*{margin-top:.25rem}.employee-manager-root .flex{display:flex}.employee-manager-root .grid{display:grid}.employee-manager-root .items-center{align-items:center}.employee-manager-root .items-start{align-items:flex-start}.employee-manager-root .justify-between{justify-content:space-between}.employee-manager-root .justify-end{justify-content:flex-end}.employee-manager-root .justify-center{justify-content:center}.employee-manager-root .text-center{text-align:center}.employee-manager-root .text-right{text-align:right}.employee-manager-root .text-left{text-align:left}.employee-manager-root .w-full{width:100%}.employee-manager-root .h-full{height:100%}.employee-manager-root .overflow-hidden{overflow:hidden}.employee-manager-root .overflow-x-auto{overflow-x:auto}.employee-manager-root .rounded-3xl{border-radius:1.5rem}.employee-manager-root .rounded-2xl{border-radius:1rem}.employee-manager-root .rounded-xl{border-radius:.75rem}.employee-manager-root .rounded-\[2rem\]{border-radius:2rem}.employee-manager-root .rounded-\[2\.5rem\]{border-radius:2.5rem}.employee-manager-root .rounded-full{border-radius:999px}.employee-manager-root .border{border:1px solid var(--slate-200)}.employee-manager-root .border-2{border:2px solid var(--slate-200)}.employee-manager-root .border-4{border:4px solid var(--slate-100)}.employee-manager-root .border-slate-200{border-color:var(--slate-200)}.employee-manager-root .border-slate-100{border-color:var(--slate-100)}.employee-manager-root .border-slate-50{border-color:#f8fafc}.employee-manager-root .border-blue-200{border-color:#bfdbfe}.employee-manager-root .bg-white{background:#fff}.employee-manager-root .bg-slate-50{background:var(--slate-50)}.employee-manager-root .bg-slate-100{background:var(--slate-100)}.employee-manager-root .bg-slate-900{background:var(--slate-900)}.employee-manager-root .bg-blue-600{background:var(--blue-600)}.employee-manager-root .bg-blue-50{background:var(--blue-50)}.employee-manager-root .bg-rose-50{background:var(--rose-50)}.employee-manager-root .bg-amber-500{background:var(--amber-500)}.employee-manager-root .bg-amber-100{background:var(--amber-100)}.employee-manager-root .bg-green-100{background:#dcfce7}.employee-manager-root .text-white{color:#fff}.employee-manager-root .text-slate-900{color:var(--slate-900)}.employee-manager-root .text-slate-800{color:var(--slate-800)}.employee-manager-root .text-slate-700{color:var(--slate-700)}.employee-manager-root .text-slate-500{color:var(--slate-500)}.employee-manager-root .text-slate-400{color:var(--slate-400)}.employee-manager-root .text-slate-300{color:var(--slate-300)}.employee-manager-root .text-blue-600{color:var(--blue-600)}.employee-manager-root .text-rose-600{color:var(--rose-600)}.employee-manager-root .text-amber-700{color:#b45309}.employee-manager-root .text-green-700{color:#15803d}.employee-manager-root .text-green-400{color:#4ade80}.employee-manager-root .font-black{font-weight:800}.employee-manager-root .font-bold{font-weight:700}.employee-manager-root .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.employee-manager-root .text-2xl{font-size:1.5rem}.employee-manager-root .text-xl{font-size:1.25rem}.employee-manager-root .text-lg{font-size:1.125rem}.employee-manager-root .text-sm{font-size:.875rem}.employee-manager-root .text-xs{font-size:.75rem}.employee-manager-root .text-\[10px\]{font-size:10px}.employee-manager-root .text-\[11px\]{font-size:11px}.employee-manager-root .p-1\.5{padding:.375rem}.employee-manager-root .p-2{padding:.5rem}.employee-manager-root .p-3{padding:.75rem}.employee-manager-root .p-4{padding:1rem}.employee-manager-root .p-5{padding:1.25rem}.employee-manager-root .p-6{padding:1.5rem}.employee-manager-root .p-8{padding:2rem}.employee-manager-root .px-4{padding-left:1rem;padding-right:1rem}.employee-manager-root .px-6{padding-left:1.5rem;padding-right:1.5rem}.employee-manager-root .px-8{padding-left:2rem;padding-right:2rem}.employee-manager-root .py-1{padding-top:.25rem;padding-bottom:.25rem}.employee-manager-root .py-2{padding-top:.5rem;padding-bottom:.5rem}.employee-manager-root .py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.employee-manager-root .py-3{padding-top:.75rem;padding-bottom:.75rem}.employee-manager-root .py-4{padding-top:1rem;padding-bottom:1rem}.employee-manager-root .py-5{padding-top:1.25rem;padding-bottom:1.25rem}.employee-manager-root .pt-3{padding-top:.75rem}.employee-manager-root .pt-4{padding-top:1rem}.employee-manager-root .pt-6{padding-top:1.5rem}.employee-manager-root .pb-8{padding-bottom:2rem}.employee-manager-root .mb-8{margin-bottom:2rem}.employee-manager-root .mb-1{margin-bottom:.25rem}.employee-manager-root .mt-1{margin-top:.25rem}.employee-manager-root .mt-2{margin-top:.5rem}.employee-manager-root .mt-16{margin-top:4rem}.employee-manager-root .gap-2{gap:.5rem}.employee-manager-root .gap-3{gap:.75rem}.employee-manager-root .gap-4{gap:1rem}.employee-manager-root .gap-6{gap:1.5rem}.employee-manager-root .gap-12{gap:3rem}.employee-manager-root .mr-2{margin-right:.5rem}.employee-manager-root .shadow-sm{box-shadow:0 2px 8px #0f172a0f}.employee-manager-root .shadow-lg{box-shadow:0 10px 20px #2563eb33}.employee-manager-root .shadow-xl{box-shadow:0 14px 28px #0f172a2e}.employee-manager-root .shadow-2xl{box-shadow:0 20px 42px #0f172a38}.employee-manager-root .shadow-inner{box-shadow:inset 0 2px 8px #0f172a14}.employee-manager-root .min-h-screen{min-height:100vh}.employee-manager-root .fixed{position:fixed}.employee-manager-root .relative{position:relative}.employee-manager-root .absolute{position:absolute}.employee-manager-root .inset-0{top:0;right:0;bottom:0;left:0}.employee-manager-root .bottom-8{bottom:2rem}.employee-manager-root .left-1\/2{left:50%}.employee-manager-root .-translate-x-1\/2{transform:translate(-50%)}.employee-manager-root .z-\[200\]{z-index:200}.employee-manager-root .z-\[300\]{z-index:300}.employee-manager-root button{border:0;cursor:pointer;transition:all .2s ease}.employee-manager-root button:hover{filter:brightness(.98)}.employee-manager-root input,.employee-manager-root select,.employee-manager-root textarea{border:1px solid var(--slate-200);border-radius:.85rem;padding:.75rem .9rem;font:inherit;color:var(--slate-800)}.employee-manager-root input:focus,.employee-manager-root select:focus,.employee-manager-root textarea:focus{outline:none;border-color:var(--blue-600);box-shadow:0 0 0 3px #2563eb26}.employee-manager-root table{border-collapse:collapse}.employee-manager-root .divide-y>*+*{border-top:1px solid var(--slate-100)}.employee-manager-root .hover\:bg-slate-50\/50:hover{background:rgba(248,250,252,.7)}.employee-manager-root .hover\:bg-slate-50:hover{background:var(--slate-50)}.employee-manager-root .hover\:bg-blue-100:hover{background:var(--blue-100)}.employee-manager-root .hover\:bg-rose-100:hover{background:#ffe4e6}.employee-manager-root .hover\:bg-blue-700:hover{background:var(--blue-700)}.employee-manager-root .hover\:bg-amber-600:hover{background:var(--amber-600)}.employee-manager-root .bg-slate-900\/60{background:rgba(15,23,42,.6)}.employee-manager-root .backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.employee-manager-root .animate-pulse{animation:pulse 1.8s ease-in-out infinite}.employee-manager-root .animate-in{animation:fadeUp .3s ease both}@keyframes pulse{0%,to{opacity:1}50%{opacity:.72}}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.employee-manager-root .grid-cols-1{grid-template-columns:1fr}.employee-manager-root .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-manager-root .md\:grid-cols-2,.employee-manager-root .lg\:grid-cols-3{grid-template-columns:1fr}.employee-manager-root .md\:col-span-2{grid-column:span 1}@media (min-width: 768px){.employee-manager-root .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-manager-root .md\:col-span-2{grid-column:span 2}.employee-manager-root .md\:flex-row{flex-direction:row}.employee-manager-root .md\:items-center{align-items:center}.employee-manager-root .md\:mx-0{margin-left:0;margin-right:0}.employee-manager-root .md\:block{display:block}.employee-manager-root .md\:p-8{padding:2rem}}@media (min-width: 1024px){.employee-manager-root .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media print{.employee-manager-root .print\:hidden{display:none!important}.employee-manager-root .print\:border-none{border:none!important}.employee-manager-root .print\:shadow-none{box-shadow:none!important}.employee-manager-root .print\:p-0{padding:0!important}.employee-manager-root .print\:max-w-full{max-width:100%!important}}.billing-title-header{text-align:right}.billing-title-main{font-weight:900;font-size:1.25em}.billing-title-sub{margin-top:0;font-weight:400;font-size:1.25em}.print-customer-center{text-align:center;font-size:1.15rem;font-weight:500;margin-bottom:8px}.billing-print-btn{background:#388e3c;color:#fff;border:none;padding:8px 18px;border-radius:6px;font-size:1rem;cursor:pointer;transition:background .2s}.billing-print-btn:hover{background:#2e7031}.print-customer-bar{display:none;margin-bottom:16px;font-size:1.1rem;align-items:center;gap:8px}.print-customer-bar label{margin-right:8px;font-weight:500}@media print{.billing-table-container *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.no-print{display:none!important}.billing-table-container .only-print{display:flex!important}.billing-table-container{box-shadow:none!important;background:#fff!important;padding:5mm 12mm 20mm!important;margin:0!important;max-width:100%!important}.billing-title-header,.billing-summary-bar,.print-customer-center{text-align:center!important}.billing-table-container .billing-table th,.billing-table-container .billing-table td{font-size:1rem!important;padding:8px 6px!important}.billing-table-container .billing-table th{background:#e0e0e0!important;color:#222!important}.billing-table-container .billing-summary-bar,.billing-table-container .billing-view-mode{color:#000!important}}.billing-view-mode{text-align:right;margin-bottom:6px;font-size:1.05rem;color:#1976d2;font-weight:500}.billing-summary-bar{display:flex;justify-content:flex-end;align-items:center;gap:32px;margin-bottom:12px;font-size:1.1rem;color:#2d3a4b}.billing-summary-bar b{color:#1976d2;font-size:1.15em}.billing-filter-bar{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-bottom:18px}.billing-filter-bar button{background:#2d3a4b;color:#fff;border:none;padding:8px 18px;border-radius:6px;font-size:1rem;cursor:pointer;transition:background .2s}.billing-filter-bar button.active,.billing-filter-bar button:hover{background:#1976d2}.billing-search-input{padding:8px 12px;border:1px solid #b0bec5;border-radius:6px;font-size:1rem;min-width:220px}.billing-table-container{max-width:900px;margin:40px auto;padding:24px;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014}.billing-table-container h2{text-align:center;margin-bottom:24px;color:#2d3a4b}.billing-table{width:100%;border-collapse:collapse;font-size:1rem;background:#f9f9f9}.billing-table th,.billing-table td{padding:12px 10px;border-bottom:1px solid #e0e0e0;text-align:center}.billing-table th{background:#2d3a4b;color:#fff;font-weight:600}.billing-table tr:nth-child(2n){background:#f1f5fa}.billing-table tr:hover{background:#e3f2fd;transition:background .2s}.cashflow-page{max-width:1200px;margin:0 auto;padding:16px 20px 48px}.cashflow-title{font-size:1.5rem;color:#1e3a5f;margin:0 0 8px}.cashflow-intro{color:#555;font-size:.95rem;margin:0 0 20px;line-height:1.5}.cashflow-help{background:#f0f7ff;border:1px solid #c5d9f0;border-radius:10px;padding:14px 18px;margin-bottom:20px;font-size:.88rem;line-height:1.45}.cashflow-help ol{margin:8px 0 0;padding-left:1.25rem}.cashflow-form{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #0000000a}.cashflow-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.cashflow-field.full{grid-column:1 / -1}.cashflow-field label{display:block;font-weight:600;font-size:.85rem;margin-bottom:6px;color:#333}.cashflow-field input,.cashflow-field textarea{width:100%;max-width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #ccc;border-radius:8px;font-size:1rem}.cashflow-field textarea{resize:vertical;min-height:56px}.cashflow-error{color:#c62828;margin-top:12px;font-size:.9rem}.cashflow-form-actions{display:flex;gap:10px;margin-top:16px}.btn-cashflow-primary{padding:10px 20px;background:linear-gradient(135deg,#2d5a87,#1e3a5f);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.btn-cashflow-primary:hover{opacity:.95}.btn-cashflow-secondary{padding:10px 16px;background:#fff;color:#1e3a5f;border:2px solid #2d5a87;border-radius:8px;font-weight:600;cursor:pointer}.btn-cashflow-secondary:hover{background:#f0f7ff}.cashflow-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px}.cashflow-toolbar label{display:flex;align-items:center;gap:8px;font-size:.9rem}.cashflow-toolbar select{padding:8px 10px;border-radius:8px;border:1px solid #ccc}.cashflow-print-area{overflow-x:auto}.cashflow-table{width:100%;border-collapse:collapse;font-size:.92rem;background:#fff}.cashflow-table th,.cashflow-table td{border:1px solid #ccc;padding:10px 12px;text-align:left;vertical-align:top}.cashflow-table thead th{background:#2d5a87;color:#fff;font-weight:600}.cashflow-table .num{text-align:right;white-space:nowrap}.cashflow-totals td{background:#e8f4fc}.cashflow-net td{background:#fff8e6}.cashflow-empty{text-align:center;color:#888;padding:24px!important}.col-actions{white-space:nowrap}.link-btn{background:none;border:none;color:#1565c0;cursor:pointer;text-decoration:underline;margin-right:10px;font-size:inherit}.link-btn.danger{color:#c62828}@media print{.no-print{display:none!important}.cashflow-page{max-width:none;padding:0}.cashflow-print-area{overflow:visible}.cashflow-table{font-size:11pt}.cashflow-table thead th{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#2d5a87!important;color:#fff!important}.cashflow-totals td,.cashflow-net td{-webkit-print-color-adjust:exact;print-color-adjust:exact}body{background:#fff}}.ai-menu-page{min-height:100vh;background:#f5f7fb}.ai-menu-container{max-width:980px;margin:0 auto;padding:18px 16px 36px}.ai-menu-container h1{margin:8px 0 6px;color:#1e3a5f}.ai-subtitle{margin:0 0 16px;color:#5c6f86}.ai-composer{background:#fff;border:1px solid #dfe7f3;border-radius:14px;padding:12px;box-shadow:0 6px 20px #0000000a}.ai-composer textarea{width:100%;resize:vertical;border:1px solid #c9d6ea;border-radius:10px;padding:10px 12px;font-size:15px;box-sizing:border-box}.ai-composer-row{display:flex;align-items:center;gap:10px;margin-top:10px}.ai-upload-btn{position:relative;display:inline-flex;align-items:center;padding:8px 12px;border-radius:9px;border:1px solid #b9c8e2;color:#1e3a5f;background:#f8fbff;cursor:pointer}.ai-upload-btn input{display:none}.ai-composer-row button{margin-left:auto;border:none;background:#1f64c5;color:#fff;padding:9px 16px;border-radius:10px;font-weight:700;cursor:pointer}.ai-composer-row button:disabled{opacity:.6;cursor:wait}.ai-image-ready{color:#127a37;font-weight:600}.ai-error{color:#b42318;margin-top:8px}.ai-chat-list{margin-top:16px;display:grid;gap:10px}.ai-chat-bubble{border-radius:12px;padding:10px 12px;border:1px solid #dce6f7;background:#fff}.ai-chat-bubble.user{border-color:#c6ddff;background:#edf5ff}.ai-chat-bubble.assistant{border-color:#d6d6d6;background:#fff}.ai-chat-role{font-size:12px;color:#6d7f95;margin-bottom:4px;font-weight:700}.ai-chat-text{white-space:pre-wrap;line-height:1.5;color:#243447}.ai-chat-table-wrap{margin-top:10px;overflow-x:auto}.ai-chat-table-wrap table{width:100%;border-collapse:collapse;background:#fff}.ai-chat-table-wrap th,.ai-chat-table-wrap td{border:1px solid #e3e7ef;padding:7px 8px;font-size:13px;text-align:left}.ai-chat-table-wrap th{background:#f2f6fd}.toolpurchase-container{width:100%;max-width:100vw;margin:24px auto;background:#f9f9fb;border-radius:12px;box-shadow:0 2px 12px #1976d212;padding:24px 2vw;box-sizing:border-box}.toolpurchase-title{font-size:1.5rem;font-weight:700;color:#1976d2;margin-bottom:18px;text-align:center}.toolpurchase-form{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px;justify-content:center}.toolpurchase-input{padding:6px 10px;border:1px solid #bdbdbd;border-radius:4px;font-size:14px;min-width:100px;background:#fff;flex:1 1 120px;box-sizing:border-box}.toolpurchase-btn{padding:6px 18px;border:none;border-radius:4px;background:#1976d2;color:#fff;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.toolpurchase-btn:hover{background:#1565c0}.toolpurchase-btn-delete{background:#c62828;margin-left:4px}.toolpurchase-btn-delete:hover{background:#ad2323}.toolpurchase-table{width:100%;min-width:unset;border-collapse:collapse;margin-bottom:12px;background:#fff;border-radius:6px;overflow-x:auto;box-shadow:0 1px 6px #1976d20a;display:table}.toolpurchase-table th,.toolpurchase-table td{border:1px solid #e0e0e0;padding:14px 12px;text-align:center;font-size:16px;min-width:120px}.toolpurchase-table th:nth-child(2),.toolpurchase-table td:nth-child(2){min-width:260px;max-width:600px;word-break:break-word}.toolpurchase-summary{font-size:1.1rem;color:#333;background:#e3f2fd;padding:8px 16px;border-radius:6px;text-align:right;box-shadow:0 1px 4px #1976d20a;margin-bottom:12px}@media (max-width: 900px){.toolpurchase-container{max-width:100vw;padding:12px 2vw}.toolpurchase-table{min-width:900px}.toolpurchase-table th,.toolpurchase-table td{font-size:13px;padding:8px 2px;min-width:90px}}@media (max-width: 600px){.toolpurchase-container{max-width:100vw;padding:6px 1vw}.toolpurchase-form{flex-direction:column;gap:6px;align-items:stretch}.toolpurchase-input{min-width:80px;font-size:13px}.toolpurchase-table{font-size:12px;overflow-x:auto;display:block}.toolpurchase-table th,.toolpurchase-table td{padding:4px 2px;min-width:60px}}.block-record-page{max-width:1240px;margin:20px auto;padding:18px;background:#fff;border-radius:14px;box-shadow:0 8px 24px #0f172a14;border:1px solid #e9eef5}.block-record-title{text-align:center;margin:2px 0 12px;font-size:28px;letter-spacing:.2px;color:#0f172a}.block-record-month-th{text-align:center;font-size:18px;font-weight:700;color:#1e293b;margin-bottom:10px}.block-record-subtitle{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:14px;flex-wrap:wrap;padding:10px;background:linear-gradient(180deg,#f8fbff 0%,#f2f7ff 100%);border:1px solid #dbe7f8;border-radius:10px}.block-record-month{border:1px solid #cdd9ea;border-radius:8px;padding:7px 10px;background:#fff}.block-record-entry{display:grid;grid-template-columns:minmax(200px,1.1fr) 120px 120px 1fr auto auto;gap:8px;margin-bottom:14px;align-items:start;padding:10px;background:#f8fbff;border:1px solid #dbe7f8;border-radius:10px}.block-record-date-field{display:flex;flex-direction:column;gap:4px;min-width:0}.block-record-date-th{font-size:12px;color:#334155;line-height:1.35;font-weight:600}.block-record-table-wrap{overflow-x:auto;border:1px solid #d5deea;border-radius:10px}.block-record-table{width:100%;min-width:960px;border-collapse:collapse;background:#fff;font-family:Sarabun,TH Sarabun New,TH Sarabun PS,Leelawadee UI,Tahoma,Noto Sans Thai,sans-serif}.block-record-table th,.block-record-table td{border:1px solid #d5deea;padding:8px;color:#111827}.block-record-table th{background:#eef4ff;text-align:center;font-weight:700}.block-record-table tbody tr:nth-child(2n) td{background:#fbfdff}.day-cell,.avg-cell{text-align:center;font-weight:600}.block-record-input{width:100%;border:1px solid #cdd9ea;border-radius:6px;padding:6px 8px;box-sizing:border-box;background:#fff}.block-record-input:focus{outline:2px solid #bfdbfe;border-color:#60a5fa}.action-cell{display:flex;gap:6px;justify-content:center}.block-record-btn{border:none;border-radius:6px;background:#1f6feb;color:#fff;padding:6px 10px;cursor:pointer;font-weight:600}.block-record-btn:disabled{opacity:.65;cursor:not-allowed}.block-record-btn-delete{background:#cf222e}.block-record-btn-cancel{background:#6b7280}.block-record-btn-print{background:#0f766e}.block-record-btn-pdf{background:#7c3aed}.block-record-summary{margin-top:14px;padding:12px 14px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;font-size:15px}@media (max-width: 768px){.block-record-page{margin:12px;padding:12px}.block-record-entry{grid-template-columns:1fr}}@media print{.block-record-print-root .navmain,.block-record-print-root .no-print{display:none!important}.block-record-print-root .block-record-page{max-width:100%;margin:0;padding:0;border:none;border-radius:0;box-shadow:none}.block-record-print-root .block-record-title{font-size:22px;margin-bottom:6px}.block-record-print-root .block-record-month-th{font-size:15px;margin-bottom:6px}.block-record-print-root .block-record-table-wrap{border:1px solid #111;border-radius:0;overflow:visible}.block-record-print-root .block-record-table{min-width:100%;font-size:12px}.block-record-print-root .block-record-table th,.block-record-print-root .block-record-table td{border:1px solid #111;padding:4px 6px;background:#fff!important;color:#000}.block-record-print-root .action-col{display:none!important}.block-record-print-root .block-record-summary{margin-top:8px;border:1px solid #111;border-radius:0;padding:6px 8px;font-size:12px}}
