#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50;text-decoration:none}nav a.router-link-exact-active{color:#42b983}[style*="javascript:"]{display:none!important}.completed-text{display:inline-block;padding:6px 0}html,body{overflow-y:auto;height:100%}body.customer-mode{overflow-y:auto!important;-webkit-overflow-scrolling:touch;height:100%;position:relative}.container{min-height:100vh;position:relative;overflow-y:auto;display:flex}.main-content{flex:1;overflow-y:auto;height:100vh;position:relative}.content-wrapper{padding:20px;overflow-y:auto;height:auto}.top-button{display:block;margin-bottom:12px;background-color:#06c755;color:#fff;padding:8px 12px;border-radius:6px;border:none;font-weight:500;cursor:pointer;text-align:center;width:100%;transition:all .2s}.top-button:hover{background-color:#05a648;transform:translateY(-2px)}.page-title-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.page-title{margin:0;color:#333;font-size:1.8rem}.card{background-color:#fff;border-radius:10px;box-shadow:0 3px 10px #00000014;padding:25px;margin-bottom:30px}.card-title{margin-top:0;margin-bottom:20px;color:#444;font-size:1.3rem;font-weight:600;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.form-row{display:flex;margin-bottom:20px;gap:30px}.form-group{flex:1;min-width:0;display:flex;align-items:flex-start}.form-group label{width:80px;color:#666;font-weight:500;text-align:right;padding-right:10px;padding-top:8px;flex-shrink:0}.input-container{flex:1;min-width:0}.field-value{display:inline-block;padding:8px 0;min-height:20px;color:#333}.field-note{display:block;margin-top:4px;color:#888;font-size:.85rem}.field-error{display:block;margin-top:4px;color:#e53935;font-size:.85rem}.full-width{flex-basis:100%}.form-group input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s}.form-group input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.form-group input.has-error{border-color:#e53935}.edit-toggle{display:flex;gap:10px}.edit-button,.save-button{padding:8px 16px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.edit-button{background-color:#f0f0f0;color:#333}.save-button{background-color:#4caf50;color:#fff}.edit-button:hover{background-color:#e0e0e0}.save-button:hover{background-color:#3d8b40}.line-settings{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.line-section{flex:1;min-width:250px;margin-bottom:20px;background-color:#f5f5f5;padding:15px;border-radius:6px;display:flex;flex-direction:column;height:auto;min-height:200px}.line-content-container{flex-grow:1;display:flex;flex-direction:column;overflow-y:auto}.line-section h4{margin-top:0;margin-bottom:12px;font-size:1.1rem;color:#444;border-bottom:1px solid #e0e0e0;padding-bottom:6px}.empty-status{color:#888;font-style:italic;padding:10px 0;flex-grow:1;display:flex;align-items:center}.line-accounts-list{margin-bottom:10px;overflow-y:auto;max-height:300px;-webkit-overflow-scrolling:touch}.line-account-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 12px;border-radius:4px;background-color:#fff;box-shadow:0 1px 3px #0000000d}.account-info{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.account-name{font-weight:600;display:block;color:#333}.unbind-button.mini{padding:5px 10px;font-size:.85rem;background-color:#f5f5f5;color:#f44336;border:1px solid #f44336}.unbind-button.mini:hover{background-color:#ffebee}.line-buttons{display:none}.bind-button.section-button{background-color:#06c755;color:#fff;padding:6px 12px;font-size:.85rem;max-width:150px;height:auto}.bind-button.section-button:hover:not(:disabled){background-color:#05a648;transform:translateY(-2px)}.modal-content{background-color:#fff;padding:30px;border-radius:12px;max-width:400px;width:90%;position:relative;text-align:center;box-shadow:0 10px 30px #0003}.close-button{position:absolute;top:15px;right:20px;font-size:24px;cursor:pointer;color:#666;transition:color .2s}.close-button:hover{color:#333}.qr-container{margin:24px 0;display:flex;justify-content:center;align-items:center;min-height:300px;border:1px solid #eee;padding:10px;border-radius:8px}.qr-container img{max-width:100%;height:auto}.loading{color:#666;font-size:16px}.qr-instructions{margin-top:20px;color:#666;font-size:15px;line-height:1.6;background-color:#f9f9f9;padding:15px;border-radius:8px}@media (max-width: 768px){body,html{overflow-y:auto!important;-webkit-overflow-scrolling:touch;height:auto!important}body.customer-mode{overflow-y:auto!important;height:auto!important}.container{overflow-y:auto!important;height:auto!important;min-height:100vh}.main-content{overflow-y:auto!important;height:auto!important}.content-wrapper{overflow-y:auto!important;-webkit-overflow-scrolling:touch}.form-row{flex-direction:column;gap:20px}.form-group{flex-direction:column;align-items:flex-start}.form-group label{width:100%;text-align:left;margin-bottom:5px;padding-top:0}.line-settings{flex-direction:column;gap:20px;align-items:stretch;overflow-y:visible}.line-section{width:100%;min-height:auto;padding-bottom:15px}.line-content-container{min-height:80px;max-height:none;overflow-y:visible}.line-accounts-list{max-height:none;overflow-y:visible}.top-button{margin-bottom:15px;padding:10px;font-size:1rem}.group-instructions{padding:12px;margin-bottom:15px;font-size:1rem}.page-title-container{flex-direction:column;align-items:flex-start;gap:15px}}.group-instructions{background-color:#eaf7ff;border-left:3px solid #1e88e5;padding:10px 12px;margin-bottom:15px;border-radius:4px;font-size:.9rem;line-height:1.5}.group-instructions p{margin:5px 0}.group-instructions p:last-child{font-weight:500;color:#333}.fallback-container{display:flex;flex-direction:column;align-items:center;width:100%;padding:20px}.binding-option{background-color:#f8f8f8;border-radius:8px;padding:15px;margin-bottom:20px;width:100%;box-shadow:0 2px 5px #0000001a}.binding-option h4{color:#333;margin-top:0;margin-bottom:10px;font-size:16px}.url-box{background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:10px;margin-bottom:15px;word-break:break-all;font-family:monospace;font-size:14px;color:#333}.button-group{display:flex;justify-content:space-between;gap:10px}.copy-button,.open-button{flex:1;padding:10px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.copy-button,.open-button{background-color:#06c755;color:#fff}.copy-button:hover,.open-button:hover{opacity:.9;transform:translateY(-2px)}.button-icon{margin-right:8px;font-size:16px}.qr-code-container{display:flex;justify-content:center;align-items:center;margin:15px 0;padding:15px;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000001a}.qr-canvas{display:block;max-width:100%;height:auto}.permission-info{max-width:800px;margin:40px auto;text-align:center}.permission-info h3{margin-bottom:20px}.permission-table{display:inline-block;text-align:left;margin:0 auto}.permission-row{display:flex;margin-bottom:10px}.permission-type{width:100px;text-align:right;padding-right:10px}.permission-desc{flex:1;text-align:left}.short-input{width:100px!important;margin-right:10px}.field-hint{font-size:.85em;color:#666;margin-left:5px}.line-setup-container{width:100%;padding:15px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px}.line-note{color:#666;font-size:.9em;margin-bottom:15px;line-height:1.6}.line-accounts-summary{margin-top:15px}.line-summary-section{margin-bottom:15px}.line-summary-section h4{margin:0 0 10px;font-size:1em;color:#333}.line-account-list{list-style-type:none;padding-left:10px;margin:0}.line-account-list li{padding:5px 0;border-bottom:1px solid #eee;font-size:.9em}.line-account-list li:last-child{border-bottom:none}.product-selection-container{max-height:300px;overflow-y:auto;border:1px solid #ddd;border-radius:5px;padding:15px;background-color:#f9f9f9;width:100%;box-sizing:border-box;overflow-x:hidden}.product-search{margin-bottom:15px;width:98%;margin-left:auto;margin-right:auto}.product-search-input{width:100%;padding:8px 12px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.checkbox-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:98%;margin-left:auto;margin-right:auto}.product-checkbox{display:flex;align-items:center;margin-bottom:8px;padding:5px;border-radius:4px;transition:background-color .2s;min-width:0}.product-checkbox:hover{background-color:#eee}.product-checkbox input[type=checkbox]{flex-shrink:0;margin-right:8px}.product-checkbox .checkmark{flex-shrink:0;min-width:18px}.product-name{margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 30px);display:inline-block;cursor:help;position:relative;border-bottom:1px dotted #999;color:#333;transition:color .2s}.product-checkbox:hover .product-name{color:#4caf50}.product-checkbox input[type=checkbox]:checked+.checkmark+.product-name{font-weight:700;color:#4caf50}.product-checkbox span:last-child{margin-left:0}@media (max-width: 1200px){.checkbox-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.checkbox-grid{grid-template-columns:repeat(1,1fr)}.product-selection-container{max-width:100%;margin:0;padding:10px}.product-search,.checkbox-grid{width:100%}.form-group,.form-group input,.form-group textarea,.product-selection-container{max-width:100%;box-sizing:border-box}}.dp__input_wrap{position:relative;width:100%;box-sizing:unset}.dp__input_wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp__input_valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp__input_valid:hover{border-color:var(--dp-success-color)}.dp__input_invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp__input_invalid:hover{border-color:var(--dp-danger-color)}.dp__input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);outline:none;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box}.dp__input::placeholder{opacity:.7}.dp__input:hover:not(.dp__input_focus){border-color:var(--dp-border-color-hover)}.dp__input_reg{caret-color:#0000}.dp__input_focus{border-color:var(--dp-border-color-focus)}.dp__disabled{background:var(--dp-disabled-color)}.dp__disabled::placeholder{color:var(--dp-disabled-color-text)}.dp__input_icons{display:inline-block;width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size)*1.5);padding:6px 12px;color:var(--dp-icon-color);box-sizing:content-box}.dp__input_icon{cursor:pointer;position:absolute;top:50%;inset-inline-start:0;transform:translateY(-50%);color:var(--dp-icon-color)}.dp--clear-btn{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);cursor:pointer;color:var(--dp-icon-color);background:#0000;border:none;display:inline-flex;align-items:center;padding:0;margin:0}.dp__input_icon_pad{padding-inline-start:var(--dp-input-icon-padding)}.dp__menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);-webkit-user-select:none;user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp__menu:after{box-sizing:border-box}.dp__menu:before{box-sizing:border-box}.dp__menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{position:absolute;z-index:99999}.dp__menu_inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp__menu_index{z-index:99999}.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled{position:absolute;top:0;right:0;bottom:0;left:0;z-index:999999}.dp__menu_disabled{background:#ffffff80;cursor:not-allowed}.dp__menu_readonly{background:#0000;cursor:default}.dp-menu-loading{background:#ffffff80;cursor:default}.dp--menu-load-container{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.dp--menu-loader{width:48px;height:48px;border:var(--dp-loader);border-bottom-color:#0000;border-radius:50%;display:inline-block;box-sizing:border-box;animation:dp-load-rotation 1s linear infinite;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dp__arrow_top{left:var(--dp-arrow-left);top:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);transform:translate(-50%,-50%) rotate(-45deg)}.dp__arrow_bottom{left:var(--dp-arrow-left);bottom:0;height:12px;width:12px;background-color:var(--dp-background-color);position:absolute;border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__action_extra{text-align:center;padding:2px 0}.dp--preset-dates{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp--preset-dates[data-dp-mobile],.dp--preset-dates-collapsed{display:flex;align-self:center;border:none;overflow-x:auto;max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)}.dp__sidebar_left{padding:5px;border-inline-end:1px solid var(--dp-border-color)}.dp__sidebar_right{padding:5px;margin-inline-end:1px solid var(--dp-border-color)}.dp--preset-range{display:block;width:100%;padding:5px;text-align:left;white-space:nowrap;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition)}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}.dp--preset-range[data-dp-mobile]{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range[data-dp-mobile]:first-child{margin-left:0}.dp--preset-range[data-dp-mobile]:last-child{margin-right:0}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp__menu_content_wrapper{display:flex}.dp__menu_content_wrapper[data-dp-mobile],.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp__calendar_header{position:relative;display:flex;justify-content:center;align-items:center;color:var(--dp-text-color);white-space:nowrap;font-weight:700}.dp__calendar_header_item{text-align:center;flex-grow:1;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box}.dp__calendar_row{display:flex;justify-content:center;align-items:center;margin:var(--dp-row-margin)}.dp__calendar_item{text-align:center;flex-grow:1;box-sizing:border-box;color:var(--dp-text-color)}.dp__calendar{position:relative}.dp__calendar_header_cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp__cell_inner{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);border:1px solid rgba(0,0,0,0);box-sizing:border-box;position:relative}.dp__cell_inner:hover{transition:all .2s}.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start{border-end-end-radius:0;border-start-end-radius:0}.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end{border-end-start-radius:0;border-start-start-radius:0}.dp__range_end,.dp__range_start,.dp__active_date{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__cell_offset{color:var(--dp-secondary-color)}.dp__cell_disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp__range_between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border-radius:0;border:1px solid var(--dp-range-between-border-color)}.dp__range_between_week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0;border-top:1px solid var(--dp-primary-color);border-bottom:1px solid var(--dp-primary-color)}.dp__today{border:1px solid var(--dp-primary-color)}.dp__week_num{color:var(--dp-secondary-color);text-align:center}.dp__cell_auto_range{border-radius:0;border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_start{border-start-start-radius:var(--dp-cell-border-radius);border-end-start-radius:var(--dp-cell-border-radius);border-inline-start:1px dashed var(--dp-primary-color);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp__cell_auto_range_end{border-start-end-radius:var(--dp-cell-border-radius);border-end-end-radius:var(--dp-cell-border-radius);border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color);border-inline-end:1px dashed var(--dp-primary-color)}.dp__calendar_header_separator{width:100%;height:1px;background:var(--dp-border-color)}.dp__calendar_next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp__marker_line,.dp__marker_dot{height:5px;background-color:var(--dp-marker-color);position:absolute;bottom:0}.dp__marker_dot{width:5px;border-radius:50%;left:50%;transform:translate(-50%)}.dp__marker_line{width:100%;left:0}.dp__marker_tooltip{position:absolute;border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);padding:5px;border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default}.dp__tooltip_content{white-space:nowrap}.dp__tooltip_text{display:flex;align-items:center;flex-flow:row nowrap;color:var(--dp-text-color)}.dp__tooltip_mark{height:5px;width:5px;border-radius:50%;background-color:var(--dp-text-color);color:var(--dp-text-color);margin-inline-end:5px}.dp__arrow_bottom_tp{bottom:0;height:8px;width:8px;background-color:var(--dp-tooltip-color);position:absolute;border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);transform:translate(-50%,50%) rotate(45deg)}.dp__instance_calendar{position:relative;width:100%}.dp__flex_display[data-dp-mobile],.dp--flex-display-collapsed{flex-direction:column}.dp__cell_highlight{background-color:var(--dp-highlight-color)}.dp__month_year_row{display:flex;align-items:center;height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box}.dp__inner_nav{display:flex;align-items:center;justify-content:center;cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%}.dp__inner_nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp__inner_nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp__inner_nav{transform:rotate(180deg)}.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--year-select,.dp__month_year_select{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);display:flex;align-items:center;justify-content:center;border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color)}.dp--year-select:hover,.dp__month_year_select:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__month_year_select{width:50%}.dp--year-select{width:100%}.dp__month_year_wrap{display:flex;flex-direction:row;width:100%}.dp__year_disable_select{justify-content:space-around}.dp--header-wrap{display:flex;width:100%;flex-direction:column}.dp__overlay{width:100%;background:var(--dp-background-color);transition:opacity 1s ease-out;z-index:99999;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box}.dp--overlay-absolute{position:absolute;height:100%;top:0;left:0}.dp--overlay-relative{position:relative}.dp__overlay_container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar{width:5px;background-color:var(--dp-scroll-bar-background)}.dp__overlay_container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp__overlay:focus{border:none;outline:none}.dp__container_flex{display:flex}.dp__container_block{display:block}.dp__overlay_container{flex-direction:column;overflow-y:auto;height:var(--dp-overlay-height)}.dp__time_picker_overlay_container{height:100%}.dp__overlay_row{padding:0;box-sizing:border-box;display:flex;margin-inline:auto;flex-wrap:wrap;max-width:100%;width:100%;align-items:center}.dp__flex_row{flex:1}.dp__overlay_col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp__overlay_cell_pad{padding:var(--dp-common-padding) 0}.dp__overlay_cell_active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center;background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__overlay_cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp__overlay_cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp__cell_in_between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__over_action_scroll{right:5px;box-sizing:border-box}.dp__overlay_cell_disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp__overlay_cell_disabled:hover{background:var(--dp-disabled-color)}.dp__overlay_cell_active_disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp__overlay_cell_active_disabled:hover{background:var(--dp-primary-disabled-color)}.dp__btn,.dp--qr-btn,.dp--time-overlay-btn,.dp--time-invalid{border:none;font:inherit;transition:var(--dp-common-transition);line-height:normal}.dp--year-mode-picker{display:flex;width:100%;align-items:center;justify-content:space-between;height:var(--dp-cell-size)}.dp--tp-wrap{max-width:var(--dp-menu-min-width)}.dp--tp-wrap[data-dp-mobile]{max-width:100%}.dp__time_input{width:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;font-family:var(--dp-font-family);color:var(--dp-text-color)}.dp__time_col_reg_block{padding:0 20px}.dp__time_col_reg_inline{padding:0 10px}.dp__time_col_reg_with_button{padding:0 15px}.dp__time_col_reg_with_button[data-compact~=true]{padding:0 5px}.dp__time_col_sec{padding:0 10px}.dp__time_col_sec_with_button{padding:0 5px}.dp__time_col_sec_with_button[data-collapsed~=true]{padding:0}.dp__time_col{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.dp__time_col_block{font-size:var(--dp-time-font-size)}.dp__time_display_block{padding:0 3px}.dp__time_display_inline{padding:5px}.dp__time_picker_inline_container{display:flex;width:100%;justify-content:center}.dp__inc_dec_button{padding:5px;margin:0;height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;color:var(--dp-icon-color);box-sizing:border-box}.dp__inc_dec_button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp__inc_dec_button:hover{background:var(--dp-hover-color);color:var(--dp-primary-color)}.dp__time_display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);display:flex;align-items:center;justify-content:center}.dp__time_display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp__inc_dec_button_inline{width:100%;padding:0;height:8px;cursor:pointer;display:flex;align-items:center}.dp__inc_dec_button_disabled,.dp__inc_dec_button_disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp__pm_am_button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border:none;padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer}.dp__pm_am_button[data-compact~=true]{padding:7px}.dp__tp_inline_btn_bar{width:100%;height:4px;background-color:var(--dp-secondary-color);transition:var(--dp-common-transition);border-collapse:collapse}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l,.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r{background-color:var(--dp-primary-color);transform:rotate(-12deg) scale(1.15) translateY(-2px)}.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l{background-color:var(--dp-primary-color);transform:rotate(12deg) scale(1.15) translateY(-2px)}.dp--time-overlay-btn{background:none}.dp--time-invalid{background-color:var(--dp-disabled-color)}.dp__action_row{display:flex;align-items:center;width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row nowrap}.dp__action_row svg{height:var(--dp-button-icon-height);width:auto}.dp__selection_preview{display:block;color:var(--dp-text-color);font-size:var(--dp-preview-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dp__action_buttons{display:flex;flex:0;white-space:nowrap;align-items:center;justify-content:flex-end;margin-inline-start:auto}.dp__action_button{display:inline-flex;align-items:center;background:#0000;border:1px solid rgba(0,0,0,0);padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);margin-inline-start:3px;height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family)}.dp__action_cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp__action_cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp__action_buttons .dp__action_select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transtion)}.dp__action_buttons .dp__action_select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp-quarter-picker-wrap{display:flex;flex-direction:column;height:100%;min-width:var(--dp-menu-min-width)}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:none}.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{display:flex;flex-direction:column;flex:1;width:100%;height:100%;justify-content:space-evenly}.dp--qr-btn-active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}:root{--dp-common-transition: all .1s ease-in;--dp-menu-padding: 6px 8px;--dp-animation-duration: .1s;--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);--dp-transition-timing: ease-out;--dp-action-row-transtion: all .2s ease-in;--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius: 4px;--dp-cell-border-radius: 4px;--dp-transition-length: 22px;--dp-transition-timing-general: .1s;--dp-button-height: 35px;--dp-month-year-row-height: 35px;--dp-month-year-row-button-size: 25px;--dp-button-icon-height: 20px;--dp-calendar-wrap-padding: 0 5px;--dp-cell-size: 35px;--dp-cell-padding: 5px;--dp-common-padding: 10px;--dp-input-icon-padding: 35px;--dp-input-padding: 6px 30px 6px 12px;--dp-menu-min-width: 260px;--dp-action-buttons-padding: 1px 6px;--dp-row-margin: 5px 0;--dp-calendar-header-cell-padding: .5rem;--dp-multi-calendars-spacing: 10px;--dp-overlay-col-padding: 3px;--dp-time-inc-dec-button-size: 32px;--dp-font-size: 1rem;--dp-preview-font-size: .8rem;--dp-time-font-size: 2rem;--dp-action-button-height: 22px;--dp-action-row-padding: 8px;--dp-direction: ltr}.dp__theme_dark{--dp-background-color: #212121;--dp-text-color: #fff;--dp-hover-color: #484848;--dp-hover-text-color: #fff;--dp-hover-icon-color: #959595;--dp-primary-color: #005cb2;--dp-primary-disabled-color: #61a8ea;--dp-primary-text-color: #fff;--dp-secondary-color: #a9a9a9;--dp-border-color: #2d2d2d;--dp-menu-border-color: #2d2d2d;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #737373;--dp-disabled-color-text: #d0d0d0;--dp-scroll-bar-background: #212121;--dp-scroll-bar-color: #484848;--dp-success-color: #00701a;--dp-success-color-disabled: #428f59;--dp-icon-color: #959595;--dp-danger-color: #e53935;--dp-marker-color: #e53935;--dp-tooltip-color: #3e3e3e;--dp-highlight-color: rgb(0 92 178 / 20%);--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);--dp-range-between-border-color: var(--dp-hover-color, #fff);--dp-loader: 5px solid #005cb2}.dp__theme_light{--dp-background-color: #fff;--dp-text-color: #212121;--dp-hover-color: #f3f3f3;--dp-hover-text-color: #212121;--dp-hover-icon-color: #959595;--dp-primary-color: #1976d2;--dp-primary-disabled-color: #6bacea;--dp-primary-text-color: #fff;--dp-secondary-color: #c0c4cc;--dp-border-color: #ddd;--dp-menu-border-color: #ddd;--dp-border-color-hover: #aaaeb7;--dp-border-color-focus: #aaaeb7;--dp-disabled-color: #f6f6f6;--dp-scroll-bar-background: #f3f3f3;--dp-scroll-bar-color: #959595;--dp-success-color: #76d275;--dp-success-color-disabled: #a3d9b1;--dp-icon-color: #959595;--dp-danger-color: #ff6f60;--dp-marker-color: #ff6f60;--dp-tooltip-color: #fafafa;--dp-disabled-color-text: #8e8e8e;--dp-highlight-color: rgb(25 118 210 / 10%);--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);--dp-loader: 5px solid #1976d2}.dp__flex{display:flex;align-items:center}.dp__btn{background:none}.dp__main{font-family:var(--dp-font-family);-webkit-user-select:none;user-select:none;box-sizing:border-box;position:relative;width:100%}.dp__main *{direction:var(--dp-direction, ltr)}.dp__pointer{cursor:pointer}.dp__icon{stroke:currentcolor;fill:currentcolor}.dp__button{width:100%;text-align:center;color:var(--dp-icon-color);cursor:pointer;display:flex;align-items:center;place-content:center center;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height)}.dp__button.dp__overlay_action{position:absolute;bottom:0}.dp__button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp__button svg{height:var(--dp-button-icon-height);width:auto}.dp__button_bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp__flex_display{display:flex}.dp__flex_display_with_input{flex-direction:column;align-items:flex-start}.dp__relative{position:relative}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translate(var(--dp-transition-length))}.calendar-next-leave-to,.calendar-prev-enter-from{opacity:0;transform:translate(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translate(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--arrow-btn-nav{transition:var(--dp-common-transition)}.dp--highlighted{background-color:var(--dp-highlight-color)}.dp--hidden-el{visibility:hidden}.dp__main{width:100%;max-width:100%}.dp__menu{z-index:1000!important}.dp__outer_menu{position:absolute!important}.dp__input{padding:8px!important;border:1px solid #ccc!important;border-radius:4px!important;width:100%!important;box-sizing:border-box!important}.datepicker-container{position:relative;width:100%}.error-message{color:#ff4c4c;font-size:.8rem;margin-top:4px;display:block}.loading{text-align:center;padding:30px;font-size:18px;color:#555}.error-message{text-align:center;padding:30px;color:#e74c3c;font-size:16px;background-color:#fdf7f7;border-radius:8px;margin:20px}.login-redirect{margin-top:15px}.no-products{text-align:center;padding:50px;color:#7f8c8d;font-size:18px}.table-container{margin-top:20px;background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.order-table{width:100%;border-collapse:collapse}.order-table th,.order-table td{padding:12px;text-align:left;border-bottom:1px solid #eee}.order-table th{background-color:#f8f9fa;font-weight:700;color:#333}.cancelable-order{cursor:pointer}.cancelable-order:hover{background-color:#f5f5f5}.selected-order{background-color:#e8f0fe!important}.status-badge{padding:4px 8px;border-radius:4px;font-size:.9em;display:inline-block}.warning-text{color:#dc3545;margin:15px 0;font-weight:700}.confirm-btn{background-color:#dc3545;color:#fff}.confirm-btn:hover{background-color:#c82333}body.admin-mode{--primary-color: #4caf50;--primary-hover-color: #218838;--background-color: #f5f5f5;--text-color: #333;--text-light: #666;--border-color: #ddd;--error-color: #dc3545;--success-color: #28a745;--box-shadow: 0 2px 4px rgba(0, 0, 0, .1);--border-radius: 4px;--transition: all .3s ease;--form-bg-color: #e1f5fe}body.customer-mode{--primary-color: #6248ca;--primary-hover-color: #513aa8;--background-color: #f5f5f5;--text-color: #333;--text-light: #666;--border-color: #ddd;--error-color: #dc3545;--success-color: #6248ca;--box-shadow: 0 2px 4px rgba(0, 0, 0, .1);--border-radius: 4px;--transition: all .3s ease;--form-bg-color: #f0ebff}html,body{margin:0;padding:0;overflow-y:auto;height:100%;width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch}.admin-mode,.customer-mode{width:100%;height:100%;margin:0;padding:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.container{display:flex;min-height:100vh;width:99%;overflow-y:auto;position:relative}.main-content{flex:1;margin-left:200px;height:auto;min-height:100vh;overflow-y:auto;display:flex;flex-direction:column}.header{padding:10px 20px;color:#fff;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;margin-left:15px}.header>span:first-child{display:flex;align-items:center}body.admin-mode .header{background-color:var(--success-color)}body.customer-mode .header{background-color:var(--primary-color)}.content-wrapper{flex:1;display:flex;flex-direction:column;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.scrollable-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;height:calc(100vh - 60px)}.table-container{margin-top:var(--spacing-xl);background:#fff;border-radius:var(--border-radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);overflow-x:auto;width:100%}table{width:100%;border-collapse:collapse;margin:20px 0}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--border-color)}th{background-color:var(--background-color);font-weight:700;color:var(--text-color)}tr:hover{background-color:var(--background-color)}.action-button,.btn,.export-btn,.table-button{border:none;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);color:#fff;background-color:var(--primary-color)}.action-button,.btn,.export-btn{padding:8px 16px;font-size:14px}.action-button:hover,.btn:hover,.export-btn:hover,.approve-btn:hover{background-color:var(--primary-hover-color)}.action-button.cancel,.btn-danger{background-color:var(--error-color)}.table-button{padding:4px 8px;font-size:14px;margin-right:2px;white-space:nowrap}.table-button:last-child{margin-right:0}.table-button.edit:hover{background-color:var(--primary-hover-color)}.table-button.delete{background-color:var(--error-color)}.table-button.delete:hover{background-color:#c82333}td .table-button-group{display:flex;gap:6px;align-items:center}.form-container{background-color:#10ff8c2f;padding:20px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);max-width:800px;margin:0 auto}.form-group{margin-bottom:15px;display:flex;align-items:flex-start}.form-group label{width:120px;text-align:right;margin-right:10px;padding-top:5px;flex-shrink:0}.form-group input,.form-group select,.form-group textarea,.search-input{width:100%;padding:8px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:14px}.search-input{min-width:200px}.status,.status-badge{padding:4px 8px;border-radius:var(--border-radius);font-size:12px;font-weight:700;display:inline-block}.status-pending{background-color:gold;color:#000}.status-approved{background-color:var(--success-color);color:#fff}.status-rejected{background-color:var(--error-color);color:#fff}.status-badge.待確認{background-color:#fff3cd;color:#856404}.status-badge.已確認{background-color:#d4edda;color:#155724}.status-badge.已出貨{background-color:#cce5ff;color:#004085}.status-badge.已取消{background-color:#f8d7da;color:#721c24}tr.shipped{background-color:#007bff0d}.sidebar{width:200px;padding:20px 0;color:#fff;height:100vh;font-family:Arial,sans-serif;position:fixed;left:0;top:0;background:var(--primary-color);z-index:1001}.menu{list-style-type:none;padding:0;margin:0}.menu-item{padding:15px 20px;cursor:pointer;transition:var(--transition);color:#fff;text-decoration:none}.menu-item:hover,.menu-item.active{background-color:var(--primary-hover-color)}.bookmark-text{font-size:12px;writing-mode:vertical-rl;text-orientation:upright;letter-spacing:2px}.bookmark-toggle{background:var(--primary-color);display:none;position:fixed;top:40%;left:0;transform:translateY(-50%);z-index:1002;border:none;cursor:pointer;padding:15px 10px;border-radius:0 8px 8px 0;box-shadow:2px 2px 5px #0003;color:#fff;transition:var(--transition);flex-direction:column;align-items:center;width:20px}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000}@media screen and (max-width: 768px){.main-content{margin-left:0;padding-right:10px;height:auto!important;overflow-y:auto!important}.content-wrapper{padding:10px;overflow-y:auto!important;-webkit-overflow-scrolling:touch;height:auto!important}body,html{overflow-y:auto!important;height:auto!important;-webkit-overflow-scrolling:touch}.container{min-height:100vh;height:auto!important;overflow-y:auto!important;position:relative}.form-group{flex-direction:column}.form-group label{width:100%;text-align:left;margin-bottom:5px}.table-container{overflow-x:auto}.action-button,.btn{width:100%}.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.active{transform:translate(0)}.sidebar-overlay.active{display:block}.bookmark-toggle{display:flex;width:30px;height:120px;background-color:var(--primary-color);color:#fff;border:none;border-radius:0 8px 8px 0;position:fixed;left:0;top:50%;transform:translateY(-50%);cursor:pointer;justify-content:center;align-items:center;padding:10px 5px;box-shadow:2px 0 5px #0000001a}.bookmark-text{writing-mode:vertical-rl;text-orientation:upright;font-size:14px;letter-spacing:2px}body.admin-mode .bookmark-toggle,body.customer-mode .bookmark-toggle{background-color:var(--primary-color)}.action-buttons{flex-direction:column;align-items:center;justify-content:center;width:100%;gap:15px}.action-buttons{flex-direction:column;width:100%;gap:8px}.action-buttons a{width:100%}.action-button{width:100%;justify-content:center;padding:8px 16px;font-size:14px}.export-btn{width:100%;justify-content:center;margin-left:0}.search-container{width:100%;margin-top:10px}.search-input{width:100%;padding:8px 16px;font-size:14px;height:38px;box-sizing:border-box}.search-select{width:auto}td a{text-decoration:none}td a.table-button{text-decoration:none;color:#fff}.action-buttons .export-btn,.content-wrapper .export-btn{width:100%!important;justify-content:center!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}}@media screen and (max-width: 768px){td .table-button-group{display:flex;flex-direction:row;justify-content:center;gap:8px}.table-button{flex:1;text-align:center}}.scrollable-content::-webkit-scrollbar{width:6px;height:6px}.scrollable-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.scrollable-content::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.scrollable-content::-webkit-scrollbar-thumb:hover{background:var(--primary-hover-color)}.search-container{display:flex;gap:10px;flex:1;min-width:200px}.search-select{padding:8px;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:#fff}.product-thumbnail{width:50px;height:50px;object-fit:cover;cursor:pointer;border-radius:var(--border-radius)}.pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px}.pagination button{padding:5px 10px;border:1px solid var(--border-color);background-color:#fff;cursor:pointer;border-radius:var(--border-radius)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:30px;border-radius:8px;width:400px;text-align:center}.modal-content h3{margin-bottom:20px;color:#333}.modal-buttons{display:flex;justify-content:center;gap:15px;margin-top:20px}.modal-buttons button{padding:8px 20px;border-radius:4px;border:none;cursor:pointer;font-weight:700}.confirm-btn{background-color:var(--primary-color);color:#fff}.confirm-btn:hover{background-color:var(--primary-hover-color)}.confirm-btn:disabled{background-color:#6c757d;cursor:not-allowed}.cancel-btn{background-color:#6c757d;color:#fff}.cancel-btn:hover{background-color:#5a6268}.action-buttons{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:20px}.action-button{padding:8px 16px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:5px;white-space:nowrap;min-width:100px;justify-content:center}.action-button:hover{background-color:var(--primary-hover-color)}@media (max-width: 1200px){.search-form-row.four-columns{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.search-form-row.four-columns{grid-template-columns:1fr}}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px}.product-card{background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden;transition:transform .3s ease}.product-card:hover{transform:translateY(-5px)}.product-image{width:100%;height:200px;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5}.product-image img{width:100%;height:100%;object-fit:contain;cursor:pointer;padding:10px}.product-info{padding:15px}.product-info h3{margin:0 0 10px;color:var(--text-color);font-size:18px}.product-details{font-size:14px;color:var(--text-light)}.detail-row{display:flex;justify-content:space-between;margin:5px 0}.product-actions{margin-top:15px;display:flex;justify-content:flex-end}@media screen and (max-width: 768px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;padding:15px}.product-image{height:180px}}.product-form{max-width:800px;margin:0 auto;padding:20px}.image-preview-container{width:100%;max-width:300px;margin:10px 0}.image-preview{width:100%;height:100%;border:2px dashed var(--border-color);border-radius:var(--border-radius);display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:#f5f5f5}.image-preview img{width:100%;height:100%;object-fit:contain;padding:10px}.file-name{margin-top:5px;font-size:14px;color:var(--text-light);word-break:break-all}.upload-button{margin-top:10px;background-color:var(--primary-color);color:#fff;padding:8px 16px;border:none;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition)}.upload-button:hover{background-color:var(--primary-hover-color)}.preview-container{margin-top:10px}.image-preview{max-width:300px;max-height:200px;object-fit:contain;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:10px}.file-name{display:block;margin-top:5px;font-size:14px;color:var(--text-light)}.view-file{color:var(--primary-color);text-decoration:none;margin-left:10px}.view-file:hover{color:var(--primary-hover-color)}.order-form{background-color:#fff;padding:20px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin:0 0 20px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:10px 0}.export-btn{padding:8px 16px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:5px;margin-left:auto;white-space:nowrap;transition:background-color .3s}.export-btn:hover{background-color:var(--primary-hover-color)}.order-number{color:var(--text-light);font-size:14px}.input-group{background-color:#f8f9fa;padding:15px;border-radius:var(--border-radius);margin-bottom:20px;width:100%;box-sizing:border-box}.input-group>div{width:100%;box-sizing:border-box}.product-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;width:100%;min-height:36px;box-sizing:border-box}.product-select{margin-bottom:15px}.product-select select{width:100%;padding:8px;border:1px solid var(--border-color);border-radius:var(--border-radius)}.quantity-input{margin-bottom:15px}.quantity-control{display:flex;align-items:center;gap:10px}.quantity-control input{width:100px;padding:8px;border:1px solid var(--border-color);border-radius:var(--border-radius)}.unit{color:var(--text-light)}.quantity-hint{font-size:12px;color:var(--text-light);margin-top:5px}.date-input{position:relative;margin-bottom:15px;display:flex;flex-direction:column;width:100%;text-align:left;align-items:flex-start}.date-input label{display:block;margin-bottom:8px;font-weight:500;width:100%;text-align:left}.datepicker-container{width:100%;display:flex;justify-content:flex-start;margin-bottom:5px}.customer-mode .order-form .dp__main{width:100%;max-width:100%;margin:0 auto}.customer-mode .order-form .dp__input_wrap{width:100%;display:flex;justify-content:center}.customer-mode .order-form .dp__input{text-align:center;width:100%;max-width:100%}.dp__overlay{z-index:1000}.special-date-notice{color:#856404;font-size:.9em;padding:8px;background-color:#fff3cd;border:1px solid #ffecb5;border-radius:var(--border-radius);margin-top:5px;margin-bottom:5px;width:100%;text-align:center}.date-input input{width:100%;padding:8px;border:1px solid var(--border-color);border-radius:var(--border-radius)}.shipping-hint{margin-top:5px;font-size:14px;color:var(--text-light);text-align:center;width:100%}.remark-input{position:relative;width:100%;display:flex;flex-direction:column;align-items:flex-start;margin-top:15px}.remark-input label{width:100%;margin-bottom:8px;font-weight:500;display:block;text-align:left}.remark-input textarea{width:100%;max-width:100%;min-height:80px;padding:10px;border:1px solid var(--border-color);border-radius:var(--border-radius);resize:vertical;font-size:14px;background-color:#fff;box-sizing:border-box;margin:0 auto;text-align:left}.remark-input textarea:focus{border-color:var(--primary-color);outline:none}.char-count{font-size:12px;color:var(--text-light);padding:2px 5px;border-radius:3px;margin-top:5px;max-width:100%;width:100%;text-align:right;align-self:flex-end}.remove-btn{padding:4px 8px;margin-left:auto;background-color:var(--error-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer}.add-product{display:flex;align-items:center;gap:10px;margin:20px 0}.add-product button{padding:8px 16px;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer}.add-product button:disabled{opacity:.5;cursor:not-allowed}.hint{font-size:12px;color:var(--text-light)}.order-summary{background-color:#f8f9fa;padding:20px;border-radius:var(--border-radius);margin:20px 0}.summary-items{margin-top:10px}.summary-detail{margin-left:20px;font-size:14px;color:var(--text-light)}.summary-remark{margin-top:5px;font-style:italic}.button-group{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.submit-btn,.cancel-btn{padding:10px 20px;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:16px}.submit-btn{background-color:var(--primary-color);color:#fff}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-btn{background-color:var(--error-color);color:#fff}.custom-checkbox{display:flex;align-items:center;position:relative;padding:10px 15px;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition)}.custom-checkbox:hover{border-color:var(--primary-color);box-shadow:0 2px 4px #0000001a}.custom-checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.custom-checkbox .checkmark{position:relative;display:inline-block;width:18px;height:18px;margin-right:10px;background-color:#fff;border:2px solid var(--border-color);border-radius:3px;transition:var(--transition)}.custom-checkbox:hover .checkmark{border-color:var(--primary-color)}.custom-checkbox input[type=checkbox]:checked~.checkmark{background-color:var(--primary-color);border-color:var(--primary-color)}.custom-checkbox .checkmark:after{content:"";position:absolute;display:none;left:5px;top:1px;width:4px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.custom-checkbox input[type=checkbox]:checked~.checkmark:after{display:block}.search-panel{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.search-panel-header{padding:15px 20px;border-bottom:1px solid var(--border-color);background-color:#4caf50;border-radius:8px 8px 0 0}.search-title{color:#fff;display:flex;align-items:center;gap:8px;font-size:16px}.search-panel-body{padding:20px}.search-form{display:flex;flex-direction:column;gap:15px}.search-form-row{display:flex;gap:15px;align-items:flex-start;flex-wrap:wrap}.field-label{display:flex;align-items:center;gap:5px;margin-bottom:8px;color:var(--text-color)}.search-field{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px}.date-range-field{width:100%}.date-range-wrapper{display:flex;align-items:center;gap:10px}.date-field{flex:1;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px}.date-separator{color:var(--text-light)}.search-actions{display:flex;justify-content:center;gap:15px;margin-top:20px}.action-btn{padding:8px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:5px;transition:all .3s ease}.reset-btn{padding:8px 16px;border:none;border-radius:var(--border-radius);background-color:#6c757d;color:#fff;cursor:pointer;transition:background-color .3s}.reset-btn:hover{background-color:#5a6268}.reset-btn:disabled{background-color:#ccc;cursor:not-allowed}.search-panel.compact{background-color:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}.search-panel.compact .search-panel-body{padding:10px}.search-panel.compact .search-form-row{display:flex;flex-direction:row;gap:15px;align-items:center}.search-panel.compact .search-form-item{flex:1;min-width:0}.search-panel.compact .date-range-field{flex:1}.search-panel.compact .date-range-wrapper{display:flex;flex-direction:row;align-items:center;gap:8px;width:100%}.search-panel.compact .search-field,.search-panel.compact .search-input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s;box-sizing:border-box}.search-panel.compact .search-field:focus,.search-panel.compact .search-input:focus{border-color:#4caf50;outline:none;box-shadow:0 0 0 2px #4caf5033}.search-panel.compact .search-input::placeholder{color:#999}.search-panel.compact .date-field{width:calc(50% - 15px);padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s;box-sizing:border-box}.search-panel.compact .date-field:focus{border-color:#4caf50;outline:none;box-shadow:0 0 0 2px #4caf5033}.search-panel.compact .date-separator{color:#666;font-weight:500;margin:0 5px}.search-panel.compact .reset-btn{background-color:#f8f9fa;border:1px solid #ddd;color:#666;border-radius:4px;padding:8px 15px;font-size:14px;cursor:pointer;transition:all .3s;min-width:80px;text-align:center}@media (max-width: 768px){.search-panel.compact .search-form-row{display:flex;flex-direction:column;gap:12px}.search-panel.compact .search-form-item{width:100%;margin:0}.search-panel.compact .date-range-wrapper{display:flex;flex-direction:row;width:100%;align-items:center;gap:10px}.search-panel.compact .date-field{width:calc(50% - 10px);flex:none;box-sizing:border-box}.search-panel.compact .date-separator{flex:0 0 20px;text-align:center;margin:0}.search-panel.compact .reset-btn{width:100%;margin-top:5px;box-sizing:border-box}}.modal-content.order-review{width:95%;max-width:1400px;padding:25px}.order-items{margin:var(--spacing-lg) 0;max-height:500px;overflow-y:auto;overflow-x:auto;padding-bottom:10px}.review-table{width:100%;border-collapse:collapse;margin-bottom:20px;table-layout:fixed}.review-table th,.review-table td{padding:12px 8px;border:1px solid #ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.review-table th{background-color:#f8f9fa}.review-table input[type=date],.review-table select{width:100%;padding:6px;border:1px solid #ddd;border-radius:4px}.review-table input[type=date]{min-width:150px;box-sizing:border-box;padding-right:10px;text-align:center}.review-table select{background-color:#fff;min-width:100px}.review-table input[type=date]:disabled,.review-table select:disabled{background-color:#e9ecef;cursor:not-allowed}.first-product td{border-top:2px solid #ddd}tr.approved{background-color:#28a7450d}tr.rejected{background-color:#dc35450d}.notification{margin-top:20px;padding:10px;background-color:#e9ecef;border-radius:4px;text-align:center;color:#666}@media screen and (max-width: 768px){.search-panel.compact .search-form-row{flex-direction:column;gap:10px}.search-panel.compact .search-form-item,.search-panel.compact input[type=date],.search-panel.compact input[type=text]{width:100%}.search-panel.compact .date-range-wrapper{flex-direction:column;gap:10px}.search-panel.compact .date-separator{display:none}.search-panel.compact .search-actions{width:100%;justify-content:flex-end;margin-top:10px}}.quantity-cell{position:relative;min-width:120px}.quantity-cell .edit-btn,.quantity-cell .save-btn,.quantity-cell .cancel-btn{padding:2px 8px;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:12px;color:#fff;transition:var(--transition)}.quantity-cell .edit-btn,.quantity-cell .save-btn{background-color:var(--primary-color)}.quantity-cell .edit-btn:hover,.quantity-cell .save-btn:hover{background-color:var(--primary-hover-color)}.quantity-cell .cancel-btn{background-color:var(--error-color)}.quantity-cell .cancel-btn:hover{background-color:#c82333}.quantity-cell .quantity-input{width:60px;padding:4px;border:1px solid #ddd;border-radius:4px}.lock-date-form{margin:20px 0;display:flex;gap:10px}.lock-date-form input[type=date]{padding:8px;border:1px solid var(--border-color);border-radius:var(--border-radius)}.lock-date-form button{padding:8px 16px;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition)}.lock-date-form button:hover{background-color:var(--primary-hover-color)}.locked-dates-list{margin-top:20px}.locked-dates-list ul{list-style:none;padding:0}.locked-dates-list li{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid var(--border-color)}.unlock-button{padding:4px 8px;background-color:var(--error-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition)}.unlock-button:hover{background-color:#c00}.admin-list{width:100%;border-collapse:collapse;margin-top:20px}.admin-list th,.admin-list td{padding:12px;text-align:left;border-bottom:1px solid var(--border-color)}.admin-list th{background-color:var(--background-color);font-weight:700;color:var(--text-color)}.admin-list tr:hover{background-color:var(--background-color)}.admin-list .table-button-group{display:flex;gap:8px}.admin-list .table-button{padding:6px 12px;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:14px;transition:var(--transition)}.admin-list .table-button.edit{background-color:var(--primary-color);color:#fff}.admin-list .table-button.edit:hover{background-color:var(--primary-hover-color)}.admin-list .table-button.delete{background-color:var(--error-color);color:#fff}.admin-list .table-button.delete:hover{background-color:#c82333}.file-input-row{display:flex;align-items:center;margin-bottom:8px;padding-left:0}.hidden-file-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.file-select-button{display:inline-block;padding:6px 14px;background-color:#40b883;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;margin:0;text-align:center}.file-select-button:hover{background-color:#359268}.input-container{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:0}.preview-container{width:100%;display:flex;flex-direction:column;align-items:flex-start;margin-top:8px}.image-preview{max-width:200px;max-height:200px;object-fit:contain;border:1px solid #ddd;margin-bottom:5px}.file-name{display:block;margin-top:5px;font-size:14px;color:#555;word-break:break-all;text-align:left}.view-file{color:#40b883;text-decoration:none;margin-left:10px}.view-file:hover{text-decoration:underline;color:#359268}.admin-mode .product-form .custom-checkbox{position:relative;display:flex;align-items:center;cursor:pointer;padding:5px 0;-webkit-user-select:none;user-select:none}.admin-mode .product-form .custom-checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.admin-mode .product-form .custom-checkbox .checkmark{position:relative;height:18px;width:18px;background-color:#fff;border:2px solid #ddd;border-radius:3px;margin-right:8px}.admin-mode .product-form .custom-checkbox:hover input~.checkmark{border-color:#40b883}.admin-mode .product-form .custom-checkbox input:checked~.checkmark{background-color:#40b883;border-color:#40b883}.admin-mode .product-form .custom-checkbox .checkmark:after{content:"";position:absolute;display:none;left:5px;top:1px;width:4px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.admin-mode .product-form .custom-checkbox input:checked~.checkmark:after{display:block}.product-management .custom-checkbox{position:relative;display:flex;align-items:center;cursor:pointer;padding:5px 0;-webkit-user-select:none;user-select:none}.product-management .custom-checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.product-management .custom-checkbox .checkmark{position:relative;height:18px;width:18px;background-color:#fff;border:2px solid #ddd;border-radius:3px;margin-right:8px}.product-management .custom-checkbox:hover input~.checkmark{border-color:#40b883}.product-management .custom-checkbox input:checked~.checkmark{background-color:#40b883;border-color:#40b883}.product-management .custom-checkbox .checkmark:after{content:"";position:absolute;display:none;left:5px;top:1px;width:4px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.product-management .custom-checkbox input:checked~.checkmark:after{display:block}.product-form .form-group{margin-bottom:20px;text-align:left;width:100%}.product-form .form-group label{display:block;margin-bottom:8px;font-weight:500;text-align:left}.product-form .form-container{max-width:800px;margin:0 auto;padding:20px;width:100%}.product-form .action-buttons{margin-top:20px;display:flex;gap:10px}.product-form .action-button{padding:8px 20px}.order-record .table-container{margin-top:20px;background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.order-record .order-table{width:100%;border-collapse:collapse}.order-record .order-table th,.order-record .order-table td{padding:12px;text-align:left;border-bottom:1px solid #eee}.order-record .order-table th{background-color:#f8f9fa;font-weight:700;color:#333}.order-record .order-table tr:hover{background-color:#f5f5f5}.order-record .first-product td{border-top:2px solid #ddd}:root{--primary-color: #4caf50;--primary-hover: #218838;--secondary-color: #6c757d;--secondary-hover: #5a6268;--light-bg: #f8f9fa;--white: #ffffff;--text-color: #333333;--text-secondary: #666666;--border-color: #dddddd;--status-pending-bg: #fff3cd;--status-pending-text: #856404;--status-approved-bg: #d4edda;--status-approved-text: #155724;--status-shipped-bg: #cce5ff;--status-shipped-text: #004085;--status-rejected-bg: #f8d7da;--status-rejected-text: #721c24;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--border-width: 1px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .15);--transition-speed: .3s}.completed-text{display:inline-block;padding:var(--spacing-sm) 0}.search-panel.compact .search-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.search-panel.compact .search-form-row.date-row{display:flex;flex-direction:row;gap:var(--spacing-lg);align-items:center;margin-bottom:var(--spacing-sm)}.search-panel.compact .search-form-row.filters-row{display:flex;flex-direction:row;gap:var(--spacing-lg);align-items:center}.search-panel.compact .date-wrapper{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm);flex:2}.search-panel.compact .actions-wrapper{display:flex;justify-content:flex-end;flex:1}.modal-content{background-color:var(--white);padding:var(--spacing-xl);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);width:400px;max-width:90%}.modal-content h3{margin-top:0;margin-bottom:var(--spacing-xl);color:var(--text-color)}.modal-content p{margin-bottom:var(--spacing-xl);color:var(--text-secondary)}.modal-buttons{display:flex;justify-content:flex-end;gap:var(--spacing-md)}.modal-buttons button{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--font-size-sm);transition:background-color var(--transition-speed)}.modal-buttons .confirm-btn{background-color:var(--primary-color);color:var(--white)}.modal-buttons .confirm-btn:hover{background-color:var(--primary-hover)}.modal-buttons .cancel-btn{background-color:var(--secondary-color);color:var(--white)}.modal-buttons .cancel-btn:hover{background-color:var(--secondary-hover)}@media (max-width: 768px){.search-panel.compact .search-form-row.date-row,.search-panel.compact .search-form-row.filters-row{flex-direction:column;gap:var(--spacing-md)}.search-panel.compact .date-wrapper{width:100%}.search-panel.compact .actions-wrapper{width:100%;justify-content:center;margin-top:var(--spacing-md)}.modal-content{width:95%;padding:var(--spacing-lg)}.order-items{max-height:300px}}table.order-table,.table-container>table{table-layout:fixed;width:100%}table.order-table th,.table-container>table th{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}table.order-table th:nth-child(1),.table-container>table th:nth-child(1){width:160px}table.order-table td:nth-child(1),.table-container>table td:nth-child(1){white-space:nowrap;overflow:visible;min-width:160px}table.order-table th:nth-child(2),.table-container>table th:nth-child(2){width:100px}table.order-table th:nth-child(3),.table-container>table th:nth-child(3){width:120px}table.order-table th:nth-child(4),.table-container>table th:nth-child(4){width:120px}table.order-table th:nth-child(5),.table-container>table th:nth-child(5){width:70px}table.order-table th:nth-child(6),.table-container>table th:nth-child(6){width:70px}table.order-table th:nth-child(7),.table-container>table th:nth-child(7){width:100px}table.order-table th:nth-child(8),.table-container>table th:nth-child(8),table.order-table td:nth-child(8),.table-container>table td:nth-child(8){width:15%;word-break:break-word;white-space:normal}table.order-table th:nth-child(9),.table-container>table th:nth-child(9),table.order-table td:nth-child(9),.table-container>table td:nth-child(9){width:15%;word-break:break-word;white-space:normal}table.order-table th:nth-child(10),.table-container>table th:nth-child(10){width:80px}table.order-table th:nth-child(11),.table-container>table th:nth-child(11){width:80px}table.order-table td,.table-container>table td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}table.order-table td:nth-child(8),table.order-table td:nth-child(9),.table-container>table td:nth-child(8),.table-container>table td:nth-child(9){white-space:normal;overflow:visible;word-wrap:break-word;max-width:200px;min-width:150px}@media (max-width: 768px){table.order-table,.table-container>table{display:block;overflow-x:auto;white-space:nowrap}table.order-table td:nth-child(8),table.order-table td:nth-child(9),.table-container>table td:nth-child(8),.table-container>table td:nth-child(9){max-width:150px;min-width:100px}}.review-table.order-table th:nth-child(1),.review-table.order-table td:nth-child(1){width:15%}.review-table.order-table th:nth-child(2),.review-table.order-table td:nth-child(2){width:8%}.review-table.order-table th:nth-child(3),.review-table.order-table td:nth-child(3){width:8%}.review-table.order-table th:nth-child(4),.review-table.order-table td:nth-child(4){width:12%}.review-table.order-table th:nth-child(5),.review-table.order-table td:nth-child(5){width:20%;word-break:break-word;white-space:normal}.review-table.order-table th:nth-child(6),.review-table.order-table td:nth-child(6){width:20%;word-break:break-word;white-space:normal}.review-table.order-table th:nth-child(7),.review-table.order-table td:nth-child(7){width:10%}@media (max-width: 1024px){.table-container>table{min-width:1000px}.review-table.order-table{min-width:800px}}table.product-table th:first-child,table.product-table td:first-child{width:40px;min-width:40px;max-width:40px;text-align:center;padding:5px}table.product-table th:nth-child(2),table.product-table td:nth-child(2){width:80px;min-width:80px;max-width:80px;text-align:center}.product-export-btn{background-color:var(--primary-color);color:#fff}@media screen and (max-width: 768px){.product-export-btn{width:100%;margin-left:0;margin-right:0;box-sizing:border-box}}.logout-button{margin-left:10px;padding:3px 10px;background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease}.logout-button:hover{background-color:#ffffff4d}.customer-mode .logout-button{background-color:#6366f133}.customer-mode .logout-button:hover{background-color:#6366f14d}.admin-mode .logout-button{background-color:#50c87833}.admin-mode .logout-button:hover{background-color:#50c8784d}.change-list{padding:10px;background-color:#f8f9fa;border-radius:6px;text-align:left}.change-item{margin:12px 0;padding:12px;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;align-items:flex-start}.change-item.order-info{flex-direction:row;justify-content:center;align-items:center;text-align:center}.change-header{font-weight:700;color:#2c3e50;margin-bottom:8px;font-size:1.1em}.field-name{color:#666;font-weight:500;margin-right:8px;min-width:100px;text-align:right}.change-content{display:inline-flex;align-items:center;gap:8px;margin-top:4px;justify-content:center}.product-details{width:100%;padding:8px;background-color:#f8f9fa;border-radius:4px}.product-details>div:first-child{font-weight:500;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #e0e0e0}.product-changes{display:flex;flex-direction:column;width:100%;gap:8px;margin-top:8px}.change-row{display:flex;align-items:center;padding:6px 0;border-bottom:1px dashed #eee}.change-row:last-child{border-bottom:none}.change-values{display:flex;align-items:center;gap:8px;flex:1}.old-value{color:#e74c3c;text-decoration:none;background-color:#ffebee;padding:2px 6px;border-radius:3px;position:relative}.old-value:after{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background-color:#e74c3c;transform:rotate(-10deg)}.new-value{color:#27ae60;background-color:#e8f5e9;padding:2px 6px;border-radius:3px}.arrow{color:#95a5a6;font-weight:700;margin:0 4px}.change-detail{margin:8px 0;padding:8px;background-color:#fff;border-radius:4px;display:flex;align-items:center;gap:8px}.product-name{font-weight:500;color:#2c3e50}.new-status{color:#27ae60;font-weight:500}.shipping-date{color:#666;font-size:.9em;margin-left:auto}.simple-message{padding:10px;background-color:#f8f9fa;border-radius:4px;color:#2c3e50}.field-value{color:#2c3e50;flex:1}.product-header{font-weight:600;color:#2c3e50;margin-bottom:10px;font-size:1.05em;background-color:#e8f4f8;padding:8px 12px;border-radius:4px;width:100%;border-left:3px solid #2196F3}.search-container{background-color:#f5f5f5;padding:20px;border-radius:8px;margin-bottom:20px}.search-row{display:flex;gap:20px;margin-bottom:15px}.search-item{display:flex;align-items:center;gap:10px}.search-item select,.search-item input{padding:8px;border:1px solid #ddd;border-radius:4px;width:200px}.search-button{background-color:#4caf50;color:#fff;padding:8px 20px;border:none;border-radius:4px;cursor:pointer}.search-button:hover{background-color:#45a049}.log-list{width:100%;border-collapse:collapse;margin-top:20px}.log-list th,.log-list td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.log-list th{background-color:#f5f5f5}.detail-button{background-color:#2196f3;color:#fff;padding:6px 12px;border:none;border-radius:4px;cursor:pointer}.detail-button:hover{background-color:#1976d2}.log-records-pagination{display:flex;justify-content:center;align-items:center;margin:20px 0;padding:10px;gap:15px}.log-records-pagination .pagination-button{background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:5px 15px;cursor:pointer;transition:all .2s}.log-records-pagination .pagination-button:hover:not(:disabled){background-color:#e9ecef;border-color:#ced4da}.log-records-pagination .pagination-button:disabled{cursor:not-allowed;opacity:.5}.log-records-pagination .current-page{font-size:16px;color:#333}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px 0;color:#666}.spinner{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:#007bff;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.log-detail-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.log-detail-modal .modal-content{background-color:#fff;padding:20px;border-radius:8px;width:80%;max-width:800px;max-height:80vh;overflow-y:auto}.log-detail-modal .modal-body{margin:20px 0}.changes-container{margin-top:10px}.changes-container pre{background-color:#f8f9fa;padding:15px;border-radius:8px;overflow-x:auto;white-space:pre-wrap;font-family:monospace;margin:0;line-height:1.5}.table-border{margin:0;padding:0;color:#666;line-height:1}.table-row{font-family:monospace;white-space:pre;padding:8px 0;color:#333}.log-detail-line{padding:8px 0;border-bottom:1px solid #eee;font-family:inherit}.log-detail-line:last-child{border-bottom:none}.log-detail-modal .modal-footer{text-align:right}.log-detail-modal .modal-footer button{background-color:#4caf50;color:#fff;padding:8px 20px;border:none;border-radius:4px;cursor:pointer}.log-detail-modal .modal-footer button:hover{background-color:#45a049}.product-detail-row{display:flex;margin-bottom:8px;padding:8px;border-bottom:1px solid #f0f0f0}.product-detail-row .label{width:120px;font-weight:700;color:#555}.product-detail-row .value{flex:1}.generic-detail-row{display:flex;margin-bottom:8px;padding:8px;border-bottom:1px solid #f0f0f0}.generic-detail-row .label{width:120px;font-weight:700;color:#555}.generic-detail-row .value{flex:1;word-break:break-all}.loading-container{padding:30px;text-align:center;color:#666;display:flex;flex-direction:column;align-items:center;gap:15px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #4CAF50;border-radius:50%;animation:spin 1s linear infinite}.no-data{padding:30px;text-align:center;color:#666;background-color:#f8f9fa;border-radius:4px}.no-data p{font-size:16px;margin:0}.search-panel{background-color:#f8f9fa;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;overflow:hidden}.search-panel-header{background-color:#e9ecef;padding:12px 16px;border-bottom:1px solid #dee2e6}.search-title{margin:0;font-size:16px;color:#495057;font-weight:600;display:flex;align-items:center}.search-panel-body{padding:16px}.search-form{width:100%}.search-form-row{display:flex;gap:15px;margin-bottom:15px;flex-wrap:wrap}.search-form-item{flex:1;min-width:200px}.field-label{display:block;margin-bottom:5px;font-size:14px;color:#495057;font-weight:500}.search-field{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;line-height:1.5}.date-range-wrapper{display:flex;align-items:center;gap:8px}.date-field{flex:1;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px}.date-separator{font-weight:700;color:#495057}.search-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.action-btn{padding:8px 16px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s,color .2s}.search-btn{background-color:var(--primary-color);color:#fff}.search-btn:hover{background-color:var(--primary-hover-color)}.reset-btn{background-color:#e9ecef;color:#495057;border:1px solid #ced4da}.reset-btn:hover{background-color:#dee2e6}.reset-btn:disabled{opacity:.5;cursor:not-allowed}.search-panel.compact{margin-bottom:20px;background-color:#f8f9fa;border-radius:8px}.search-panel.compact .search-panel-body{padding:15px}.search-panel.compact .search-form-row{display:flex;gap:10px;margin-bottom:10px;align-items:center}.search-panel.compact .search-form-item{flex:1;min-width:150px}.search-panel.compact .date-range-field{flex:2}.search-panel.compact .date-range-wrapper{display:flex;align-items:center}.search-panel.compact .search-field,.search-panel.compact .date-field{padding:8px 12px;border:1px solid #dee2e6;border-radius:4px;width:100%;font-size:14px}.search-panel.compact .search-field:focus,.search-panel.compact .date-field:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.25)}.search-panel.compact .search-input::placeholder{color:#adb5bd}.search-panel.compact .date-field{flex:1;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-size:15px;background-position:right 8px center;background-repeat:no-repeat}.search-panel.compact .date-field:focus{border-color:var(--primary-color);outline:none}.search-panel.compact .date-separator{margin:0 5px;font-weight:700}.search-panel.compact .reset-btn{padding:8px 15px;background:none;border:1px solid #ced4da;border-radius:4px;color:#6c757d;cursor:pointer;font-size:14px;transition:all .2s;display:flex;align-items:center;justify-content:center}.search-panel.compact .reset-btn:hover{background-color:#e9ecef;border-color:#ced4da}@media (max-width: 768px){.search-panel.compact .search-form-row{flex-direction:column;margin-bottom:10px;width:100%}.search-panel.compact .search-form-item{width:100%;margin-bottom:8px}.search-panel.compact .date-range-wrapper{flex-direction:column;width:100%}.search-panel.compact .date-field{width:100%;margin-right:0;margin-bottom:8px}.search-panel.compact .date-separator{display:block;text-align:center;margin:5px 0;width:100%}.search-panel.compact .search-field{width:100%;margin-bottom:8px}.search-panel.compact input.search-field[type=text]{padding:10px;border-radius:4px;border:1px solid #ccc;width:100%;font-size:14px}.search-panel.compact input.search-field[type=text]:focus{border-color:#43a047;box-shadow:0 0 0 2px #43a04733;outline:none}}.search-panel.compact input.search-field[type=text]{padding:10px;border-radius:4px;border:1px solid #ccc;width:100%;font-size:14px;transition:border-color .2s,box-shadow .2s}.search-panel.compact input.search-field[type=text]:focus{border-color:#43a047;box-shadow:0 0 0 2px #43a04733;outline:none}.search-panel.compact .search-form-row:last-of-type{margin-top:10px;display:flex;flex-wrap:wrap}.search-panel.compact .search-form-row:last-of-type .search-form-item{flex:1;min-width:200px;margin-right:10px}@media (min-width: 769px){.search-panel.compact .search-form-row:last-of-type .search-form-item{max-width:100%}}.date-range-field{flex:2}.record-detail-field{flex:1;margin-left:10px}@media (min-width: 769px){.search-panel.compact .search-form-row{display:flex;align-items:center;margin-bottom:15px}.search-panel.compact .date-range-wrapper{display:flex;align-items:center}.search-panel.compact .search-form-item.record-detail-field{max-width:300px}}@media (max-width: 768px){.search-panel.compact .search-form-row{flex-direction:column;margin-bottom:10px;width:100%}.search-panel.compact .search-form-item{width:100%;margin-bottom:8px}.search-panel.compact .record-detail-field{margin-left:0;margin-top:8px;width:100%}.search-panel.compact .date-range-wrapper{flex-direction:column;width:100%}.search-panel.compact .date-field{width:100%;margin-right:0;margin-bottom:8px}.search-panel.compact .date-separator{display:block;text-align:center;margin:5px 0;width:100%}.search-panel.compact .search-field{width:100%;margin-bottom:8px}.search-panel.compact input.search-field[type=text]{padding:10px;border-radius:4px;border:1px solid #ccc;width:100%;font-size:14px}.search-panel.compact input.search-field[type=text]:focus{border-color:#43a047;box-shadow:0 0 0 2px #43a04733;outline:none}}.search-panel.compact .button-group{display:flex;gap:10px;justify-content:flex-end;margin-top:15px;width:100%}.search-panel.compact .primary-btn{background-color:#4caf50;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:14px;cursor:pointer;transition:background-color .3s;min-width:60px;text-align:center}.search-panel.compact .primary-btn:hover{background-color:#3e8e41}.search-panel.compact .secondary-btn.reset-btn{background-color:#f0f0f0;color:#666;border:1px solid #ccc;border-radius:4px;padding:6px 12px;font-size:14px;cursor:pointer;transition:background-color .3s;min-width:60px;text-align:center}.search-panel.compact .secondary-btn.reset-btn:hover{background-color:#e0e0e0;color:#333}@media (max-width: 768px){.search-panel.compact .button-group{justify-content:center;flex-direction:column;align-items:center;gap:10px;width:100%}.search-panel.compact .primary-btn,.search-panel.compact .reset-btn{min-width:100px;width:100%;margin:0;padding:10px 0;font-size:15px}.search-panel.compact .primary-btn{order:1}.search-panel.compact .reset-btn{order:2}}.login-container{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;position:relative;overflow:hidden}.bg-squares{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;margin:0;padding:0;z-index:1}.bg-squares li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:#ffffff1a;animation:animate 25s linear infinite;bottom:-150px;z-index:1}.admin-mode .bg-squares li{background:#4caf501a}.customer-mode .bg-squares li{background:#673ab71a}.bg-squares li:nth-child(1){left:25%;width:80px;height:80px;animation-delay:0s}.bg-squares li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}.bg-squares li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}.bg-squares li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}.bg-squares li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}.bg-squares li:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s}.bg-squares li:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s}.bg-squares li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}.bg-squares li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}.bg-squares li:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s}@keyframes animate{0%{transform:translateY(0) rotate(0);opacity:1;border-radius:0}to{transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:50%}}.login-box{width:400px;max-width:90%;background:var(--white);padding:40px;border-radius:10px;box-shadow:0 15px 25px #0000001a;position:relative;z-index:2}.admin-mode .login-box{border-top:5px solid #4CAF50}.customer-mode .login-box{border-top:5px solid #673AB7}.login-box h2{margin:0 0 30px;padding:0;color:var(--text-color);text-align:center;font-size:24px}.admin-mode .login-box h2{color:#4caf50}.customer-mode .login-box h2{color:#673ab7}.login-form .form-group{position:relative;margin-bottom:25px}.login-form .form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-color)}.login-form .form-group input{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:5px;font-size:16px;transition:border-color .3s}.admin-mode .login-form .form-group input:focus{border-color:#4caf50;outline:none}.customer-mode .login-form .form-group input:focus{border-color:#673ab7;outline:none}.login-button{width:100%;padding:12px 0;border:none;border-radius:5px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:background-color .3s}.admin-mode .login-button{background-color:#4caf50}.admin-mode .login-button:hover{background-color:#3e8e41}.customer-mode .login-button{background-color:#673ab7}.customer-mode .login-button:hover{background-color:#5e35b1}.login-button:disabled{opacity:.7;cursor:not-allowed}@media screen and (max-width: 768px){.login-box{width:320px;padding:30px}.login-form .form-group input{padding:10px 12px;font-size:14px}.login-button{padding:10px 0;font-size:14px}}.large-image{max-width:100%;max-height:100vh;object-fit:contain;margin:0 auto;display:block;border-radius:5px;box-shadow:0 4px 8px #0003}.modal-content{padding:15px;max-width:95%;max-height:95vh;overflow:auto;display:flex;flex-direction:column;align-items:center}.modal-content .close-button{position:absolute;top:10px;right:15px;font-size:24px;cursor:pointer;background:#fffc;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;z-index:10}body.admin-mode[data-v-e71f64bc]{--primary-color: #4caf50;--primary-hover-color: #218838;--background-color: #f5f5f5;--text-color: #333;--text-light: #666;--border-color: #ddd;--error-color: #dc3545;--success-color: #28a745;--box-shadow: 0 2px 4px rgba(0, 0, 0, .1);--border-radius: 4px;--transition: all .3s ease;--form-bg-color: #e1f5fe}body.customer-mode[data-v-e71f64bc]{--primary-color: #6248ca;--primary-hover-color: #513aa8;--background-color: #f5f5f5;--text-color: #333;--text-light: #666;--border-color: #ddd;--error-color: #dc3545;--success-color: #6248ca;--box-shadow: 0 2px 4px rgba(0, 0, 0, .1);--border-radius: 4px;--transition: all .3s ease;--form-bg-color: #f0ebff}html[data-v-e71f64bc],body[data-v-e71f64bc]{margin:0;padding:0;overflow-y:auto;height:100%;width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch}.admin-mode[data-v-e71f64bc],.customer-mode[data-v-e71f64bc]{width:100%;height:100%;margin:0;padding:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.container[data-v-e71f64bc]{display:flex;min-height:100vh;width:99%;overflow-y:auto;position:relative}.main-content[data-v-e71f64bc]{flex:1;margin-left:200px;height:auto;min-height:100vh;overflow-y:auto;display:flex;flex-direction:column}.header[data-v-e71f64bc]{padding:10px 20px;color:#fff;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;margin-left:15px}.header>span[data-v-e71f64bc]:first-child{display:flex;align-items:center}body.admin-mode .header[data-v-e71f64bc]{background-color:var(--success-color)}body.customer-mode .header[data-v-e71f64bc]{background-color:var(--primary-color)}.content-wrapper[data-v-e71f64bc]{flex:1;display:flex;flex-direction:column;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.scrollable-content[data-v-e71f64bc]{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;height:calc(100vh - 60px)}.table-container[data-v-e71f64bc]{margin-top:var(--spacing-xl);background:#fff;border-radius:var(--border-radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);overflow-x:auto;width:100%}table[data-v-e71f64bc]{width:100%;border-collapse:collapse;margin:20px 0}th[data-v-e71f64bc],td[data-v-e71f64bc]{padding:12px;text-align:left;border-bottom:1px solid var(--border-color)}th[data-v-e71f64bc]{background-color:var(--background-color);font-weight:700;color:var(--text-color)}tr[data-v-e71f64bc]:hover{background-color:var(--background-color)}.action-button[data-v-e71f64bc],.btn[data-v-e71f64bc],.export-btn[data-v-e71f64bc],.table-button[data-v-e71f64bc]{border:none;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);color:#fff;background-color:var(--primary-color)}.action-button[data-v-e71f64bc],.btn[data-v-e71f64bc],.export-btn[data-v-e71f64bc]{padding:8px 16px;font-size:14px}.action-button[data-v-e71f64bc]:hover,.btn[data-v-e71f64bc]:hover,.export-btn[data-v-e71f64bc]:hover,.approve-btn[data-v-e71f64bc]:hover{background-color:var(--primary-hover-color)}.action-button.cancel[data-v-e71f64bc],.btn-danger[data-v-e71f64bc]{background-color:var(--error-color)}.table-button[data-v-e71f64bc]{padding:4px 8px;font-size:14px;margin-right:2px;white-space:nowrap}.table-button[data-v-e71f64bc]:last-child{margin-right:0}.table-button.edit[data-v-e71f64bc]:hover{background-color:var(--primary-hover-color)}.table-button.delete[data-v-e71f64bc]{background-color:var(--error-color)}.table-button.delete[data-v-e71f64bc]:hover{background-color:#c82333}td .table-button-group[data-v-e71f64bc]{display:flex;gap:6px;align-items:center}.form-container[data-v-e71f64bc]{background-color:#10ff8c2f;padding:20px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);max-width:800px;margin:0 auto}.form-group[data-v-e71f64bc]{margin-bottom:15px;display:flex;align-items:flex-start}.form-group label[data-v-e71f64bc]{width:120px;text-align:right;margin-right:10px;padding-top:5px;flex-shrink:0}.form-group input[data-v-e71f64bc],.form-group select[data-v-e71f64bc],.form-group textarea[data-v-e71f64bc],.search-input[data-v-e71f64bc]{width:100%;padding:8px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:14px}.search-input[data-v-e71f64bc]{min-width:200px}.status[data-v-e71f64bc],.status-badge[data-v-e71f64bc]{padding:4px 8px;border-radius:var(--border-radius);font-size:12px;font-weight:700;display:inline-block}.status-pending[data-v-e71f64bc]{background-color:gold;color:#000}.status-approved[data-v-e71f64bc]{background-color:var(--success-color);color:#fff}.status-rejected[data-v-e71f64bc]{background-color:var(--error-color);color:#fff}.status-badge.待確認[data-v-e71f64bc]{background-color:#fff3cd;color:#856404}.status-badge.已確認[data-v-e71f64bc]{background-color:#d4edda;color:#155724}.status-badge.已出貨[data-v-e71f64bc]{background-color:#cce5ff;color:#004085}.status-badge.已取消[data-v-e71f64bc]{background-color:#f8d7da;color:#721c24}tr.shipped[data-v-e71f64bc]{background-color:#007bff0d}.sidebar[data-v-e71f64bc]{width:200px;padding:20px 0;color:#fff;height:100vh;font-family:Arial,sans-serif;position:fixed;left:0;top:0;background:var(--primary-color);z-index:1001}.menu[data-v-e71f64bc]{list-style-type:none;padding:0;margin:0}.menu-item[data-v-e71f64bc]{padding:15px 20px;cursor:pointer;transition:var(--transition);color:#fff;text-decoration:none}.menu-item[data-v-e71f64bc]:hover,.menu-item.active[data-v-e71f64bc]{background-color:var(--primary-hover-color)}.bookmark-text[data-v-e71f64bc]{font-size:12px;writing-mode:vertical-rl;text-orientation:upright;letter-spacing:2px}.bookmark-toggle[data-v-e71f64bc]{background:var(--primary-color);display:none;position:fixed;top:40%;left:0;transform:translateY(-50%);z-index:1002;border:none;cursor:pointer;padding:15px 10px;border-radius:0 8px 8px 0;box-shadow:2px 2px 5px #0003;color:#fff;transition:var(--transition);flex-direction:column;align-items:center;width:20px}.sidebar-overlay[data-v-e71f64bc]{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000}@media screen and (max-width: 768px){.main-content[data-v-e71f64bc]{margin-left:0;padding-right:10px;height:auto!important;overflow-y:auto!important}.content-wrapper[data-v-e71f64bc]{padding:10px;overflow-y:auto!important;-webkit-overflow-scrolling:touch;height:auto!important}body[data-v-e71f64bc],html[data-v-e71f64bc]{overflow-y:auto!important;height:auto!important;-webkit-overflow-scrolling:touch}.container[data-v-e71f64bc]{min-height:100vh;height:auto!important;overflow-y:auto!important;position:relative}.form-group[data-v-e71f64bc]{flex-direction:column}.form-group label[data-v-e71f64bc]{width:100%;text-align:left;margin-bottom:5px}.table-container[data-v-e71f64bc]{overflow-x:auto}.action-button[data-v-e71f64bc],.btn[data-v-e71f64bc]{width:100%}.sidebar[data-v-e71f64bc]{transform:translate(-100%);transition:transform .3s ease}.sidebar.active[data-v-e71f64bc]{transform:translate(0)}.sidebar-overlay.active[data-v-e71f64bc]{display:block}.bookmark-toggle[data-v-e71f64bc]{display:flex;width:30px;height:120px;background-color:var(--primary-color);color:#fff;border:none;border-radius:0 8px 8px 0;position:fixed;left:0;top:50%;transform:translateY(-50%);cursor:pointer;justify-content:center;align-items:center;padding:10px 5px;box-shadow:2px 0 5px #0000001a}.bookmark-text[data-v-e71f64bc]{writing-mode:vertical-rl;text-orientation:upright;font-size:14px;letter-spacing:2px}body.admin-mode .bookmark-toggle[data-v-e71f64bc],body.customer-mode .bookmark-toggle[data-v-e71f64bc]{background-color:var(--primary-color)}.action-buttons[data-v-e71f64bc]{flex-direction:column;align-items:center;justify-content:center;width:100%;gap:15px}.action-buttons[data-v-e71f64bc]{flex-direction:column;width:100%;gap:8px}.action-buttons a[data-v-e71f64bc]{width:100%}.action-button[data-v-e71f64bc]{width:100%;justify-content:center;padding:8px 16px;font-size:14px}.export-btn[data-v-e71f64bc]{width:100%;justify-content:center;margin-left:0}.search-container[data-v-e71f64bc]{width:100%;margin-top:10px}.search-input[data-v-e71f64bc]{width:100%;padding:8px 16px;font-size:14px;height:38px;box-sizing:border-box}.search-select[data-v-e71f64bc]{width:auto}td a[data-v-e71f64bc]{text-decoration:none}td a.table-button[data-v-e71f64bc]{text-decoration:none;color:#fff}.action-buttons .export-btn[data-v-e71f64bc],.content-wrapper .export-btn[data-v-e71f64bc]{width:100%!important;justify-content:center!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}}@media screen and (max-width: 768px){td .table-button-group[data-v-e71f64bc]{display:flex;flex-direction:row;justify-content:center;gap:8px}.table-button[data-v-e71f64bc]{flex:1;text-align:center}}.scrollable-content[data-v-e71f64bc]::-webkit-scrollbar{width:6px;height:6px}.scrollable-content[data-v-e71f64bc]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.scrollable-content[data-v-e71f64bc]::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.scrollable-content[data-v-e71f64bc]::-webkit-scrollbar-thumb:hover{background:var(--primary-hover-color)}.search-container[data-v-e71f64bc]{display:flex;gap:10px;flex:1;min-width:200px}.search-select[data-v-e71f64bc]{padding:8px;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:#fff}.product-thumbnail[data-v-e71f64bc]{width:50px;height:50px;object-fit:cover;cursor:pointer;border-radius:var(--border-radius)}.pagination[data-v-e71f64bc]{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px}.pagination button[data-v-e71f64bc]{padding:5px 10px;border:1px solid var(--border-color);background-color:#fff;cursor:pointer;border-radius:var(--border-radius)}.pagination button[data-v-e71f64bc]:disabled{opacity:.5;cursor:not-allowed}.modal[data-v-e71f64bc]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-e71f64bc]{background-color:#fff;padding:30px;border-radius:8px;width:400px;text-align:center}.modal-content h3[data-v-e71f64bc]{margin-bottom:20px;color:#333}.modal-buttons[data-v-e71f64bc]{display:flex;justify-content:center;gap:15px;margin-top:20px}.modal-buttons button[data-v-e71f64bc]{padding:8px 20px;border-radius:4px;border:none;cursor:pointer;font-weight:700}.confirm-btn[data-v-e71f64bc]{background-color:var(--primary-color);color:#fff}.confirm-btn[data-v-e71f64bc]:hover{background-color:var(--primary-hover-color)}.confirm-btn[data-v-e71f64bc]:disabled{background-color:#6c757d;cursor:not-allowed}.cancel-btn[data-v-e71f64bc]{background-color:#6c757d;color:#fff}.cancel-btn[data-v-e71f64bc]:hover{background-color:#5a6268}.action-buttons[data-v-e71f64bc]{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:20px}.action-button[data-v-e71f64bc]{padding:8px 16px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:5px;white-space:nowrap;min-width:100px;justify-content:center}.action-button[data-v-e71f64bc]:hover{background-color:var(--primary-hover-color)}@media (max-width: 1200px){.search-form-row.four-columns[data-v-e71f64bc]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.search-form-row.four-columns[data-v-e71f64bc]{grid-template-columns:1fr}}.product-grid[data-v-e71f64bc]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px}.product-card[data-v-e71f64bc]{background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden;transition:transform .3s ease}.product-card[data-v-e71f64bc]:hover{transform:translateY(-5px)}.product-image[data-v-e71f64bc]{width:100%;height:200px;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5}.product-image img[data-v-e71f64bc]{width:100%;height:100%;object-fit:contain;cursor:pointer;padding:10px}.product-info[data-v-e71f64bc]{padding:15px}.product-info h3[data-v-e71f64bc]{margin:0 0 10px;color:var(--text-color);font-size:18px}.product-details[data-v-e71f64bc]{font-size:14px;color:var(--text-light)}.detail-row[data-v-e71f64bc]{display:flex;justify-content:space-between;margin:5px 0}.product-actions[data-v-e71f64bc]{margin-top:15px;display:flex;justify-content:flex-end}@media screen and (max-width: 768px){.product-grid[data-v-e71f64bc]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;padding:15px}.product-image[data-v-e71f64bc]{height:180px}}.product-form[data-v-e71f64bc]{max-width:800px;margin:0 auto;padding:20px}.image-preview-container[data-v-e71f64bc]{width:100%;max-width:300px;margin:10px 0}.image-preview[data-v-e71f64bc]{width:100%;height:100%;border:2px dashed var(--border-color);border-radius:var(--border-radius);display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:#f5f5f5}.image-preview img[data-v-e71f64bc]{width:100%;height:100%;object-fit:contain;padding:10px}.file-name[data-v-e71f64bc]{margin-top:5px;font-size:14px;color:var(--text-light);word-break:break-all}.upload-button[data-v-e71f64bc]{margin-top:10px;background-color:var(--primary-color);color:#fff;padding:8px 16px;border:none;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition)}.upload-button[data-v-e71f64bc]:hover{background-color:var(--primary-hover-color)}.preview-container[data-v-e71f64bc]{margin-top:10px}.image-preview[data-v-e71f64bc]{max-width:300px;max-height:200px;object-fit:contain;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:10px}.file-name[data-v-e71f64bc]{display:block;margin-top:5px;font-size:14px;color:var(--text-light)}.view-file[data-v-e71f64bc]{color:var(--primary-color);text-decoration:none;margin-left:10px}.view-file[data-v-e71f64bc]:hover{color:var(--primary-hover-color)}.order-form[data-v-e71f64bc]{background-color:#fff;padding:20px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin:0 0 20px}.page-header[data-v-e71f64bc]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:10px 0}.export-btn[data-v-e71f64bc]{padding:8px 16px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:5px;margin-left:auto;white-space:nowrap;transition:background-color .3s}.export-btn[data-v-e71f64bc]:hover{background-color:var(--primary-hover-color)}.order-number[data-v-e71f64bc]{color:var(--text-light);font-size:14px}.input-group[data-v-e71f64bc]{background-color:#f8f9fa;padding:15px;border-radius:var(--border-radius);margin-bottom:20px;width:100%;box-sizing:border-box}.input-group>div[data-v-e71f64bc]{width:100%;box-sizing:border-box}.product-header[data-v-e71f64bc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;width:100%;min-height:36px;box-sizing:border-box}.product-select[data-v-e71f64bc]{margin-bottom:15px}.product-select select[data-v-e71f64bc]{width:100%;padding:8px;border:1px solid var(--border-color);border-radius:var(--border-radius)}.quantity-input[data-v-e71f64bc]{margin-bottom:15px}.quantity-control[data-v-e71f64bc]{display:flex;align-items:center;gap:10px}.quantity-control input[data-v-e71f64bc]{width:100px;padding:8px;border:1px solid var(--border-color);border-radius:var(--border-radius)}.unit[data-v-e71f64bc]{color:var(--text-light)}.quantity-hint[data-v-e71f64bc]{font-size:12px;color:var(--text-light);margin-top:5px}.date-input[data-v-e71f64bc]{position:relative;margin-bottom:15px;display:flex;flex-direction:column;width:100%;text-align:left;align-items:flex-start}.date-input label[data-v-e71f64bc]{display:block;margin-bottom:8px;font-weight:500;width:100%;text-align:left}.datepicker-container[data-v-e71f64bc]{width:100%;display:flex;justify-content:flex-start;margin-bottom:5px}.customer-mode .order-form .dp__main[data-v-e71f64bc]{width:100%;max-width:100%;margin:0 auto}.customer-mode .order-form .dp__input_wrap[data-v-e71f64bc]{width:100%;display:flex;justify-content:center}.customer-mode .order-form .dp__input[data-v-e71f64bc]{text-align:center;width:100%;max-width:100%}.dp__overlay[data-v-e71f64bc]{z-index:1000}.special-date-notice[data-v-e71f64bc]{color:#856404;font-size:.9em;padding:8px;background-color:#fff3cd;border:1px solid #ffecb5;border-radius:var(--border-radius);margin-top:5px;margin-bottom:5px;width:100%;text-align:center}.date-input input[data-v-e71f64bc]{width:100%;padding:8px;border:1px solid var(--border-color);border-radius:var(--border-radius)}.shipping-hint[data-v-e71f64bc]{margin-top:5px;font-size:14px;color:var(--text-light);text-align:center;width:100%}.remark-input[data-v-e71f64bc]{position:relative;width:100%;display:flex;flex-direction:column;align-items:flex-start;margin-top:15px}.remark-input label[data-v-e71f64bc]{width:100%;margin-bottom:8px;font-weight:500;display:block;text-align:left}.remark-input textarea[data-v-e71f64bc]{width:100%;max-width:100%;min-height:80px;padding:10px;border:1px solid var(--border-color);border-radius:var(--border-radius);resize:vertical;font-size:14px;background-color:#fff;box-sizing:border-box;margin:0 auto;text-align:left}.remark-input textarea[data-v-e71f64bc]:focus{border-color:var(--primary-color);outline:none}.char-count[data-v-e71f64bc]{font-size:12px;color:var(--text-light);padding:2px 5px;border-radius:3px;margin-top:5px;max-width:100%;width:100%;text-align:right;align-self:flex-end}.remove-btn[data-v-e71f64bc]{padding:4px 8px;margin-left:auto;background-color:var(--error-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer}.add-product[data-v-e71f64bc]{display:flex;align-items:center;gap:10px;margin:20px 0}.add-product button[data-v-e71f64bc]{padding:8px 16px;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer}.add-product button[data-v-e71f64bc]:disabled{opacity:.5;cursor:not-allowed}.hint[data-v-e71f64bc]{font-size:12px;color:var(--text-light)}.order-summary[data-v-e71f64bc]{background-color:#f8f9fa;padding:20px;border-radius:var(--border-radius);margin:20px 0}.summary-items[data-v-e71f64bc]{margin-top:10px}.summary-detail[data-v-e71f64bc]{margin-left:20px;font-size:14px;color:var(--text-light)}.summary-remark[data-v-e71f64bc]{margin-top:5px;font-style:italic}.button-group[data-v-e71f64bc]{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.submit-btn[data-v-e71f64bc],.cancel-btn[data-v-e71f64bc]{padding:10px 20px;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:16px}.submit-btn[data-v-e71f64bc]{background-color:var(--primary-color);color:#fff}.submit-btn[data-v-e71f64bc]:disabled{opacity:.5;cursor:not-allowed}.cancel-btn[data-v-e71f64bc]{background-color:var(--error-color);color:#fff}.custom-checkbox[data-v-e71f64bc]{display:flex;align-items:center;position:relative;padding:10px 15px;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition)}.custom-checkbox[data-v-e71f64bc]:hover{border-color:var(--primary-color);box-shadow:0 2px 4px #0000001a}.custom-checkbox input[type=checkbox][data-v-e71f64bc]{position:absolute;opacity:0;cursor:pointer}.custom-checkbox .checkmark[data-v-e71f64bc]{position:relative;display:inline-block;width:18px;height:18px;margin-right:10px;background-color:#fff;border:2px solid var(--border-color);border-radius:3px;transition:var(--transition)}.custom-checkbox:hover .checkmark[data-v-e71f64bc]{border-color:var(--primary-color)}.custom-checkbox input[type=checkbox]:checked~.checkmark[data-v-e71f64bc]{background-color:var(--primary-color);border-color:var(--primary-color)}.custom-checkbox .checkmark[data-v-e71f64bc]:after{content:"";position:absolute;display:none;left:5px;top:1px;width:4px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.custom-checkbox input[type=checkbox]:checked~.checkmark[data-v-e71f64bc]:after{display:block}.search-panel[data-v-e71f64bc]{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.search-panel-header[data-v-e71f64bc]{padding:15px 20px;border-bottom:1px solid var(--border-color);background-color:#4caf50;border-radius:8px 8px 0 0}.search-title[data-v-e71f64bc]{color:#fff;display:flex;align-items:center;gap:8px;font-size:16px}.search-panel-body[data-v-e71f64bc]{padding:20px}.search-form[data-v-e71f64bc]{display:flex;flex-direction:column;gap:15px}.search-form-row[data-v-e71f64bc]{display:flex;gap:15px;align-items:flex-start;flex-wrap:wrap}.field-label[data-v-e71f64bc]{display:flex;align-items:center;gap:5px;margin-bottom:8px;color:var(--text-color)}.search-field[data-v-e71f64bc]{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px}.date-range-field[data-v-e71f64bc]{width:100%}.date-range-wrapper[data-v-e71f64bc]{display:flex;align-items:center;gap:10px}.date-field[data-v-e71f64bc]{flex:1;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px}.date-separator[data-v-e71f64bc]{color:var(--text-light)}.search-actions[data-v-e71f64bc]{display:flex;justify-content:center;gap:15px;margin-top:20px}.action-btn[data-v-e71f64bc]{padding:8px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:5px;transition:all .3s ease}.reset-btn[data-v-e71f64bc]{padding:8px 16px;border:none;border-radius:var(--border-radius);background-color:#6c757d;color:#fff;cursor:pointer;transition:background-color .3s}.reset-btn[data-v-e71f64bc]:hover{background-color:#5a6268}.reset-btn[data-v-e71f64bc]:disabled{background-color:#ccc;cursor:not-allowed}.search-panel.compact[data-v-e71f64bc]{background-color:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}.search-panel.compact .search-panel-body[data-v-e71f64bc]{padding:10px}.search-panel.compact .search-form-row[data-v-e71f64bc]{display:flex;flex-direction:row;gap:15px;align-items:center}.search-panel.compact .search-form-item[data-v-e71f64bc]{flex:1;min-width:0}.search-panel.compact .date-range-field[data-v-e71f64bc]{flex:1}.search-panel.compact .date-range-wrapper[data-v-e71f64bc]{display:flex;flex-direction:row;align-items:center;gap:8px;width:100%}.search-panel.compact .search-field[data-v-e71f64bc],.search-panel.compact .search-input[data-v-e71f64bc]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s;box-sizing:border-box}.search-panel.compact .search-field[data-v-e71f64bc]:focus,.search-panel.compact .search-input[data-v-e71f64bc]:focus{border-color:#4caf50;outline:none;box-shadow:0 0 0 2px #4caf5033}.search-panel.compact .search-input[data-v-e71f64bc]::placeholder{color:#999}.search-panel.compact .date-field[data-v-e71f64bc]{width:calc(50% - 15px);padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s;box-sizing:border-box}.search-panel.compact .date-field[data-v-e71f64bc]:focus{border-color:#4caf50;outline:none;box-shadow:0 0 0 2px #4caf5033}.search-panel.compact .date-separator[data-v-e71f64bc]{color:#666;font-weight:500;margin:0 5px}.search-panel.compact .reset-btn[data-v-e71f64bc]{background-color:#f8f9fa;border:1px solid #ddd;color:#666;border-radius:4px;padding:8px 15px;font-size:14px;cursor:pointer;transition:all .3s;min-width:80px;text-align:center}@media (max-width: 768px){.search-panel.compact .search-form-row[data-v-e71f64bc]{display:flex;flex-direction:column;gap:12px}.search-panel.compact .search-form-item[data-v-e71f64bc]{width:100%;margin:0}.search-panel.compact .date-range-wrapper[data-v-e71f64bc]{display:flex;flex-direction:row;width:100%;align-items:center;gap:10px}.search-panel.compact .date-field[data-v-e71f64bc]{width:calc(50% - 10px);flex:none;box-sizing:border-box}.search-panel.compact .date-separator[data-v-e71f64bc]{flex:0 0 20px;text-align:center;margin:0}.search-panel.compact .reset-btn[data-v-e71f64bc]{width:100%;margin-top:5px;box-sizing:border-box}}.modal-content.order-review[data-v-e71f64bc]{width:95%;max-width:1400px;padding:25px}.order-items[data-v-e71f64bc]{margin:var(--spacing-lg) 0;max-height:500px;overflow-y:auto;overflow-x:auto;padding-bottom:10px}.review-table[data-v-e71f64bc]{width:100%;border-collapse:collapse;margin-bottom:20px;table-layout:fixed}.review-table th[data-v-e71f64bc],.review-table td[data-v-e71f64bc]{padding:12px 8px;border:1px solid #ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.review-table th[data-v-e71f64bc]{background-color:#f8f9fa}.review-table input[type=date][data-v-e71f64bc],.review-table select[data-v-e71f64bc]{width:100%;padding:6px;border:1px solid #ddd;border-radius:4px}.review-table input[type=date][data-v-e71f64bc]{min-width:150px;box-sizing:border-box;padding-right:10px;text-align:center}.review-table select[data-v-e71f64bc]{background-color:#fff;min-width:100px}.review-table input[type=date][data-v-e71f64bc]:disabled,.review-table select[data-v-e71f64bc]:disabled{background-color:#e9ecef;cursor:not-allowed}.first-product td[data-v-e71f64bc]{border-top:2px solid #ddd}tr.approved[data-v-e71f64bc]{background-color:#28a7450d}tr.rejected[data-v-e71f64bc]{background-color:#dc35450d}.notification[data-v-e71f64bc]{margin-top:20px;padding:10px;background-color:#e9ecef;border-radius:4px;text-align:center;color:#666}@media screen and (max-width: 768px){.search-panel.compact .search-form-row[data-v-e71f64bc]{flex-direction:column;gap:10px}.search-panel.compact .search-form-item[data-v-e71f64bc],.search-panel.compact input[type=date][data-v-e71f64bc],.search-panel.compact input[type=text][data-v-e71f64bc]{width:100%}.search-panel.compact .date-range-wrapper[data-v-e71f64bc]{flex-direction:column;gap:10px}.search-panel.compact .date-separator[data-v-e71f64bc]{display:none}.search-panel.compact .search-actions[data-v-e71f64bc]{width:100%;justify-content:flex-end;margin-top:10px}}.quantity-cell[data-v-e71f64bc]{position:relative;min-width:120px}.quantity-cell .edit-btn[data-v-e71f64bc],.quantity-cell .save-btn[data-v-e71f64bc],.quantity-cell .cancel-btn[data-v-e71f64bc]{padding:2px 8px;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:12px;color:#fff;transition:var(--transition)}.quantity-cell .edit-btn[data-v-e71f64bc],.quantity-cell .save-btn[data-v-e71f64bc]{background-color:var(--primary-color)}.quantity-cell .edit-btn[data-v-e71f64bc]:hover,.quantity-cell .save-btn[data-v-e71f64bc]:hover{background-color:var(--primary-hover-color)}.quantity-cell .cancel-btn[data-v-e71f64bc]{background-color:var(--error-color)}.quantity-cell .cancel-btn[data-v-e71f64bc]:hover{background-color:#c82333}.quantity-cell .quantity-input[data-v-e71f64bc]{width:60px;padding:4px;border:1px solid #ddd;border-radius:4px}.lock-date-form[data-v-e71f64bc]{margin:20px 0;display:flex;gap:10px}.lock-date-form input[type=date][data-v-e71f64bc]{padding:8px;border:1px solid var(--border-color);border-radius:var(--border-radius)}.lock-date-form button[data-v-e71f64bc]{padding:8px 16px;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition)}.lock-date-form button[data-v-e71f64bc]:hover{background-color:var(--primary-hover-color)}.locked-dates-list[data-v-e71f64bc]{margin-top:20px}.locked-dates-list ul[data-v-e71f64bc]{list-style:none;padding:0}.locked-dates-list li[data-v-e71f64bc]{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid var(--border-color)}.unlock-button[data-v-e71f64bc]{padding:4px 8px;background-color:var(--error-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition)}.unlock-button[data-v-e71f64bc]:hover{background-color:#c00}.admin-list[data-v-e71f64bc]{width:100%;border-collapse:collapse;margin-top:20px}.admin-list th[data-v-e71f64bc],.admin-list td[data-v-e71f64bc]{padding:12px;text-align:left;border-bottom:1px solid var(--border-color)}.admin-list th[data-v-e71f64bc]{background-color:var(--background-color);font-weight:700;color:var(--text-color)}.admin-list tr[data-v-e71f64bc]:hover{background-color:var(--background-color)}.admin-list .table-button-group[data-v-e71f64bc]{display:flex;gap:8px}.admin-list .table-button[data-v-e71f64bc]{padding:6px 12px;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:14px;transition:var(--transition)}.admin-list .table-button.edit[data-v-e71f64bc]{background-color:var(--primary-color);color:#fff}.admin-list .table-button.edit[data-v-e71f64bc]:hover{background-color:var(--primary-hover-color)}.admin-list .table-button.delete[data-v-e71f64bc]{background-color:var(--error-color);color:#fff}.admin-list .table-button.delete[data-v-e71f64bc]:hover{background-color:#c82333}.file-input-row[data-v-e71f64bc]{display:flex;align-items:center;margin-bottom:8px;padding-left:0}.hidden-file-input[data-v-e71f64bc]{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.file-select-button[data-v-e71f64bc]{display:inline-block;padding:6px 14px;background-color:#40b883;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;margin:0;text-align:center}.file-select-button[data-v-e71f64bc]:hover{background-color:#359268}.input-container[data-v-e71f64bc]{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:0}.preview-container[data-v-e71f64bc]{width:100%;display:flex;flex-direction:column;align-items:flex-start;margin-top:8px}.image-preview[data-v-e71f64bc]{max-width:200px;max-height:200px;object-fit:contain;border:1px solid #ddd;margin-bottom:5px}.file-name[data-v-e71f64bc]{display:block;margin-top:5px;font-size:14px;color:#555;word-break:break-all;text-align:left}.view-file[data-v-e71f64bc]{color:#40b883;text-decoration:none;margin-left:10px}.view-file[data-v-e71f64bc]:hover{text-decoration:underline;color:#359268}.admin-mode .product-form .custom-checkbox[data-v-e71f64bc]{position:relative;display:flex;align-items:center;cursor:pointer;padding:5px 0;-webkit-user-select:none;user-select:none}.admin-mode .product-form .custom-checkbox input[type=checkbox][data-v-e71f64bc]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.admin-mode .product-form .custom-checkbox .checkmark[data-v-e71f64bc]{position:relative;height:18px;width:18px;background-color:#fff;border:2px solid #ddd;border-radius:3px;margin-right:8px}.admin-mode .product-form .custom-checkbox:hover input~.checkmark[data-v-e71f64bc]{border-color:#40b883}.admin-mode .product-form .custom-checkbox input:checked~.checkmark[data-v-e71f64bc]{background-color:#40b883;border-color:#40b883}.admin-mode .product-form .custom-checkbox .checkmark[data-v-e71f64bc]:after{content:"";position:absolute;display:none;left:5px;top:1px;width:4px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.admin-mode .product-form .custom-checkbox input:checked~.checkmark[data-v-e71f64bc]:after{display:block}.product-management .custom-checkbox[data-v-e71f64bc]{position:relative;display:flex;align-items:center;cursor:pointer;padding:5px 0;-webkit-user-select:none;user-select:none}.product-management .custom-checkbox input[type=checkbox][data-v-e71f64bc]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.product-management .custom-checkbox .checkmark[data-v-e71f64bc]{position:relative;height:18px;width:18px;background-color:#fff;border:2px solid #ddd;border-radius:3px;margin-right:8px}.product-management .custom-checkbox:hover input~.checkmark[data-v-e71f64bc]{border-color:#40b883}.product-management .custom-checkbox input:checked~.checkmark[data-v-e71f64bc]{background-color:#40b883;border-color:#40b883}.product-management .custom-checkbox .checkmark[data-v-e71f64bc]:after{content:"";position:absolute;display:none;left:5px;top:1px;width:4px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.product-management .custom-checkbox input:checked~.checkmark[data-v-e71f64bc]:after{display:block}.product-form .form-group[data-v-e71f64bc]{margin-bottom:20px;text-align:left;width:100%}.product-form .form-group label[data-v-e71f64bc]{display:block;margin-bottom:8px;font-weight:500;text-align:left}.product-form .form-container[data-v-e71f64bc]{max-width:800px;margin:0 auto;padding:20px;width:100%}.product-form .action-buttons[data-v-e71f64bc]{margin-top:20px;display:flex;gap:10px}.product-form .action-button[data-v-e71f64bc]{padding:8px 20px}.order-record .table-container[data-v-e71f64bc]{margin-top:20px;background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.order-record .order-table[data-v-e71f64bc]{width:100%;border-collapse:collapse}.order-record .order-table th[data-v-e71f64bc],.order-record .order-table td[data-v-e71f64bc]{padding:12px;text-align:left;border-bottom:1px solid #eee}.order-record .order-table th[data-v-e71f64bc]{background-color:#f8f9fa;font-weight:700;color:#333}.order-record .order-table tr[data-v-e71f64bc]:hover{background-color:#f5f5f5}.order-record .first-product td[data-v-e71f64bc]{border-top:2px solid #ddd}[data-v-e71f64bc]:root{--primary-color: #4caf50;--primary-hover: #218838;--secondary-color: #6c757d;--secondary-hover: #5a6268;--light-bg: #f8f9fa;--white: #ffffff;--text-color: #333333;--text-secondary: #666666;--border-color: #dddddd;--status-pending-bg: #fff3cd;--status-pending-text: #856404;--status-approved-bg: #d4edda;--status-approved-text: #155724;--status-shipped-bg: #cce5ff;--status-shipped-text: #004085;--status-rejected-bg: #f8d7da;--status-rejected-text: #721c24;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--border-width: 1px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .15);--transition-speed: .3s}.completed-text[data-v-e71f64bc]{display:inline-block;padding:var(--spacing-sm) 0}.search-panel.compact .search-form[data-v-e71f64bc]{display:flex;flex-direction:column;gap:var(--spacing-md)}.search-panel.compact .search-form-row.date-row[data-v-e71f64bc]{display:flex;flex-direction:row;gap:var(--spacing-lg);align-items:center;margin-bottom:var(--spacing-sm)}.search-panel.compact .search-form-row.filters-row[data-v-e71f64bc]{display:flex;flex-direction:row;gap:var(--spacing-lg);align-items:center}.search-panel.compact .date-wrapper[data-v-e71f64bc]{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm);flex:2}.search-panel.compact .actions-wrapper[data-v-e71f64bc]{display:flex;justify-content:flex-end;flex:1}.modal-content[data-v-e71f64bc]{background-color:var(--white);padding:var(--spacing-xl);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);width:400px;max-width:90%}.modal-content h3[data-v-e71f64bc]{margin-top:0;margin-bottom:var(--spacing-xl);color:var(--text-color)}.modal-content p[data-v-e71f64bc]{margin-bottom:var(--spacing-xl);color:var(--text-secondary)}.modal-buttons[data-v-e71f64bc]{display:flex;justify-content:flex-end;gap:var(--spacing-md)}.modal-buttons button[data-v-e71f64bc]{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--font-size-sm);transition:background-color var(--transition-speed)}.modal-buttons .confirm-btn[data-v-e71f64bc]{background-color:var(--primary-color);color:var(--white)}.modal-buttons .confirm-btn[data-v-e71f64bc]:hover{background-color:var(--primary-hover)}.modal-buttons .cancel-btn[data-v-e71f64bc]{background-color:var(--secondary-color);color:var(--white)}.modal-buttons .cancel-btn[data-v-e71f64bc]:hover{background-color:var(--secondary-hover)}@media (max-width: 768px){.search-panel.compact .search-form-row.date-row[data-v-e71f64bc],.search-panel.compact .search-form-row.filters-row[data-v-e71f64bc]{flex-direction:column;gap:var(--spacing-md)}.search-panel.compact .date-wrapper[data-v-e71f64bc]{width:100%}.search-panel.compact .actions-wrapper[data-v-e71f64bc]{width:100%;justify-content:center;margin-top:var(--spacing-md)}.modal-content[data-v-e71f64bc]{width:95%;padding:var(--spacing-lg)}.order-items[data-v-e71f64bc]{max-height:300px}}table.order-table[data-v-e71f64bc],.table-container>table[data-v-e71f64bc]{table-layout:fixed;width:100%}table.order-table th[data-v-e71f64bc],.table-container>table th[data-v-e71f64bc]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}table.order-table th[data-v-e71f64bc]:nth-child(1),.table-container>table th[data-v-e71f64bc]:nth-child(1){width:160px}table.order-table td[data-v-e71f64bc]:nth-child(1),.table-container>table td[data-v-e71f64bc]:nth-child(1){white-space:nowrap;overflow:visible;min-width:160px}table.order-table th[data-v-e71f64bc]:nth-child(2),.table-container>table th[data-v-e71f64bc]:nth-child(2){width:100px}table.order-table th[data-v-e71f64bc]:nth-child(3),.table-container>table th[data-v-e71f64bc]:nth-child(3){width:120px}table.order-table th[data-v-e71f64bc]:nth-child(4),.table-container>table th[data-v-e71f64bc]:nth-child(4){width:120px}table.order-table th[data-v-e71f64bc]:nth-child(5),.table-container>table th[data-v-e71f64bc]:nth-child(5){width:70px}table.order-table th[data-v-e71f64bc]:nth-child(6),.table-container>table th[data-v-e71f64bc]:nth-child(6){width:70px}table.order-table th[data-v-e71f64bc]:nth-child(7),.table-container>table th[data-v-e71f64bc]:nth-child(7){width:100px}table.order-table th[data-v-e71f64bc]:nth-child(8),.table-container>table th[data-v-e71f64bc]:nth-child(8),table.order-table td[data-v-e71f64bc]:nth-child(8),.table-container>table td[data-v-e71f64bc]:nth-child(8){width:15%;word-break:break-word;white-space:normal}table.order-table th[data-v-e71f64bc]:nth-child(9),.table-container>table th[data-v-e71f64bc]:nth-child(9),table.order-table td[data-v-e71f64bc]:nth-child(9),.table-container>table td[data-v-e71f64bc]:nth-child(9){width:15%;word-break:break-word;white-space:normal}table.order-table th[data-v-e71f64bc]:nth-child(10),.table-container>table th[data-v-e71f64bc]:nth-child(10){width:80px}table.order-table th[data-v-e71f64bc]:nth-child(11),.table-container>table th[data-v-e71f64bc]:nth-child(11){width:80px}table.order-table td[data-v-e71f64bc],.table-container>table td[data-v-e71f64bc]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}table.order-table td[data-v-e71f64bc]:nth-child(8),table.order-table td[data-v-e71f64bc]:nth-child(9),.table-container>table td[data-v-e71f64bc]:nth-child(8),.table-container>table td[data-v-e71f64bc]:nth-child(9){white-space:normal;overflow:visible;word-wrap:break-word;max-width:200px;min-width:150px}@media (max-width: 768px){table.order-table[data-v-e71f64bc],.table-container>table[data-v-e71f64bc]{display:block;overflow-x:auto;white-space:nowrap}table.order-table td[data-v-e71f64bc]:nth-child(8),table.order-table td[data-v-e71f64bc]:nth-child(9),.table-container>table td[data-v-e71f64bc]:nth-child(8),.table-container>table td[data-v-e71f64bc]:nth-child(9){max-width:150px;min-width:100px}}.review-table.order-table th[data-v-e71f64bc]:nth-child(1),.review-table.order-table td[data-v-e71f64bc]:nth-child(1){width:15%}.review-table.order-table th[data-v-e71f64bc]:nth-child(2),.review-table.order-table td[data-v-e71f64bc]:nth-child(2){width:8%}.review-table.order-table th[data-v-e71f64bc]:nth-child(3),.review-table.order-table td[data-v-e71f64bc]:nth-child(3){width:8%}.review-table.order-table th[data-v-e71f64bc]:nth-child(4),.review-table.order-table td[data-v-e71f64bc]:nth-child(4){width:12%}.review-table.order-table th[data-v-e71f64bc]:nth-child(5),.review-table.order-table td[data-v-e71f64bc]:nth-child(5){width:20%;word-break:break-word;white-space:normal}.review-table.order-table th[data-v-e71f64bc]:nth-child(6),.review-table.order-table td[data-v-e71f64bc]:nth-child(6){width:20%;word-break:break-word;white-space:normal}.review-table.order-table th[data-v-e71f64bc]:nth-child(7),.review-table.order-table td[data-v-e71f64bc]:nth-child(7){width:10%}@media (max-width: 1024px){.table-container>table[data-v-e71f64bc]{min-width:1000px}.review-table.order-table[data-v-e71f64bc]{min-width:800px}}table.product-table th[data-v-e71f64bc]:first-child,table.product-table td[data-v-e71f64bc]:first-child{width:40px;min-width:40px;max-width:40px;text-align:center;padding:5px}table.product-table th[data-v-e71f64bc]:nth-child(2),table.product-table td[data-v-e71f64bc]:nth-child(2){width:80px;min-width:80px;max-width:80px;text-align:center}.product-export-btn[data-v-e71f64bc]{background-color:var(--primary-color);color:#fff}@media screen and (max-width: 768px){.product-export-btn[data-v-e71f64bc]{width:100%;margin-left:0;margin-right:0;box-sizing:border-box}}.logout-button[data-v-e71f64bc]{margin-left:10px;padding:3px 10px;background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease}.logout-button[data-v-e71f64bc]:hover{background-color:#ffffff4d}.customer-mode .logout-button[data-v-e71f64bc]{background-color:#6366f133}.customer-mode .logout-button[data-v-e71f64bc]:hover{background-color:#6366f14d}.admin-mode .logout-button[data-v-e71f64bc]{background-color:#50c87833}.admin-mode .logout-button[data-v-e71f64bc]:hover{background-color:#50c8784d}.change-list[data-v-e71f64bc]{padding:10px;background-color:#f8f9fa;border-radius:6px;text-align:left}.change-item[data-v-e71f64bc]{margin:12px 0;padding:12px;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;align-items:flex-start}.change-item.order-info[data-v-e71f64bc]{flex-direction:row;justify-content:center;align-items:center;text-align:center}.change-header[data-v-e71f64bc]{font-weight:700;color:#2c3e50;margin-bottom:8px;font-size:1.1em}.field-name[data-v-e71f64bc]{color:#666;font-weight:500;margin-right:8px;min-width:100px;text-align:right}.change-content[data-v-e71f64bc]{display:inline-flex;align-items:center;gap:8px;margin-top:4px;justify-content:center}.product-details[data-v-e71f64bc]{width:100%;padding:8px;background-color:#f8f9fa;border-radius:4px}.product-details>div[data-v-e71f64bc]:first-child{font-weight:500;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #e0e0e0}.product-changes[data-v-e71f64bc]{display:flex;flex-direction:column;width:100%;gap:8px;margin-top:8px}.change-row[data-v-e71f64bc]{display:flex;align-items:center;padding:6px 0;border-bottom:1px dashed #eee}.change-row[data-v-e71f64bc]:last-child{border-bottom:none}.change-values[data-v-e71f64bc]{display:flex;align-items:center;gap:8px;flex:1}.old-value[data-v-e71f64bc]{color:#e74c3c;text-decoration:none;background-color:#ffebee;padding:2px 6px;border-radius:3px;position:relative}.old-value[data-v-e71f64bc]:after{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background-color:#e74c3c;transform:rotate(-10deg)}.new-value[data-v-e71f64bc]{color:#27ae60;background-color:#e8f5e9;padding:2px 6px;border-radius:3px}.arrow[data-v-e71f64bc]{color:#95a5a6;font-weight:700;margin:0 4px}.change-detail[data-v-e71f64bc]{margin:8px 0;padding:8px;background-color:#fff;border-radius:4px;display:flex;align-items:center;gap:8px}.product-name[data-v-e71f64bc]{font-weight:500;color:#2c3e50}.new-status[data-v-e71f64bc]{color:#27ae60;font-weight:500}.shipping-date[data-v-e71f64bc]{color:#666;font-size:.9em;margin-left:auto}.simple-message[data-v-e71f64bc]{padding:10px;background-color:#f8f9fa;border-radius:4px;color:#2c3e50}.field-value[data-v-e71f64bc]{color:#2c3e50;flex:1}.product-header[data-v-e71f64bc]{font-weight:600;color:#2c3e50;margin-bottom:10px;font-size:1.05em;background-color:#e8f4f8;padding:8px 12px;border-radius:4px;width:100%;border-left:3px solid #2196F3}.search-container[data-v-e71f64bc]{background-color:#f5f5f5;padding:20px;border-radius:8px;margin-bottom:20px}.search-row[data-v-e71f64bc]{display:flex;gap:20px;margin-bottom:15px}.search-item[data-v-e71f64bc]{display:flex;align-items:center;gap:10px}.search-item select[data-v-e71f64bc],.search-item input[data-v-e71f64bc]{padding:8px;border:1px solid #ddd;border-radius:4px;width:200px}.search-button[data-v-e71f64bc]{background-color:#4caf50;color:#fff;padding:8px 20px;border:none;border-radius:4px;cursor:pointer}.search-button[data-v-e71f64bc]:hover{background-color:#45a049}.log-list[data-v-e71f64bc]{width:100%;border-collapse:collapse;margin-top:20px}.log-list th[data-v-e71f64bc],.log-list td[data-v-e71f64bc]{padding:12px;text-align:left;border-bottom:1px solid #ddd}.log-list th[data-v-e71f64bc]{background-color:#f5f5f5}.detail-button[data-v-e71f64bc]{background-color:#2196f3;color:#fff;padding:6px 12px;border:none;border-radius:4px;cursor:pointer}.detail-button[data-v-e71f64bc]:hover{background-color:#1976d2}.log-records-pagination[data-v-e71f64bc]{display:flex;justify-content:center;align-items:center;margin:20px 0;padding:10px;gap:15px}.log-records-pagination .pagination-button[data-v-e71f64bc]{background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:5px 15px;cursor:pointer;transition:all .2s}.log-records-pagination .pagination-button[data-v-e71f64bc]:hover:not(:disabled){background-color:#e9ecef;border-color:#ced4da}.log-records-pagination .pagination-button[data-v-e71f64bc]:disabled{cursor:not-allowed;opacity:.5}.log-records-pagination .current-page[data-v-e71f64bc]{font-size:16px;color:#333}.loading-indicator[data-v-e71f64bc]{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px 0;color:#666}.spinner[data-v-e71f64bc]{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:#007bff;animation:spin-e71f64bc 1s linear infinite;margin-bottom:10px}@keyframes spin-e71f64bc{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.log-detail-modal[data-v-e71f64bc]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.log-detail-modal .modal-content[data-v-e71f64bc]{background-color:#fff;padding:20px;border-radius:8px;width:80%;max-width:800px;max-height:80vh;overflow-y:auto}.log-detail-modal .modal-body[data-v-e71f64bc]{margin:20px 0}.changes-container[data-v-e71f64bc]{margin-top:10px}.changes-container pre[data-v-e71f64bc]{background-color:#f8f9fa;padding:15px;border-radius:8px;overflow-x:auto;white-space:pre-wrap;font-family:monospace;margin:0;line-height:1.5}.table-border[data-v-e71f64bc]{margin:0;padding:0;color:#666;line-height:1}.table-row[data-v-e71f64bc]{font-family:monospace;white-space:pre;padding:8px 0;color:#333}.log-detail-line[data-v-e71f64bc]{padding:8px 0;border-bottom:1px solid #eee;font-family:inherit}.log-detail-line[data-v-e71f64bc]:last-child{border-bottom:none}.log-detail-modal .modal-footer[data-v-e71f64bc]{text-align:right}.log-detail-modal .modal-footer button[data-v-e71f64bc]{background-color:#4caf50;color:#fff;padding:8px 20px;border:none;border-radius:4px;cursor:pointer}.log-detail-modal .modal-footer button[data-v-e71f64bc]:hover{background-color:#45a049}.product-detail-row[data-v-e71f64bc]{display:flex;margin-bottom:8px;padding:8px;border-bottom:1px solid #f0f0f0}.product-detail-row .label[data-v-e71f64bc]{width:120px;font-weight:700;color:#555}.product-detail-row .value[data-v-e71f64bc]{flex:1}.generic-detail-row[data-v-e71f64bc]{display:flex;margin-bottom:8px;padding:8px;border-bottom:1px solid #f0f0f0}.generic-detail-row .label[data-v-e71f64bc]{width:120px;font-weight:700;color:#555}.generic-detail-row .value[data-v-e71f64bc]{flex:1;word-break:break-all}.loading-container[data-v-e71f64bc]{padding:30px;text-align:center;color:#666;display:flex;flex-direction:column;align-items:center;gap:15px}.loading-spinner[data-v-e71f64bc]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #4CAF50;border-radius:50%;animation:spin-e71f64bc 1s linear infinite}.no-data[data-v-e71f64bc]{padding:30px;text-align:center;color:#666;background-color:#f8f9fa;border-radius:4px}.no-data p[data-v-e71f64bc]{font-size:16px;margin:0}.search-panel[data-v-e71f64bc]{background-color:#f8f9fa;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;overflow:hidden}.search-panel-header[data-v-e71f64bc]{background-color:#e9ecef;padding:12px 16px;border-bottom:1px solid #dee2e6}.search-title[data-v-e71f64bc]{margin:0;font-size:16px;color:#495057;font-weight:600;display:flex;align-items:center}.search-panel-body[data-v-e71f64bc]{padding:16px}.search-form[data-v-e71f64bc]{width:100%}.search-form-row[data-v-e71f64bc]{display:flex;gap:15px;margin-bottom:15px;flex-wrap:wrap}.search-form-item[data-v-e71f64bc]{flex:1;min-width:200px}.field-label[data-v-e71f64bc]{display:block;margin-bottom:5px;font-size:14px;color:#495057;font-weight:500}.search-field[data-v-e71f64bc]{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;line-height:1.5}.date-range-wrapper[data-v-e71f64bc]{display:flex;align-items:center;gap:8px}.date-field[data-v-e71f64bc]{flex:1;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px}.date-separator[data-v-e71f64bc]{font-weight:700;color:#495057}.search-actions[data-v-e71f64bc]{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.action-btn[data-v-e71f64bc]{padding:8px 16px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s,color .2s}.search-btn[data-v-e71f64bc]{background-color:var(--primary-color);color:#fff}.search-btn[data-v-e71f64bc]:hover{background-color:var(--primary-hover-color)}.reset-btn[data-v-e71f64bc]{background-color:#e9ecef;color:#495057;border:1px solid #ced4da}.reset-btn[data-v-e71f64bc]:hover{background-color:#dee2e6}.reset-btn[data-v-e71f64bc]:disabled{opacity:.5;cursor:not-allowed}.search-panel.compact[data-v-e71f64bc]{margin-bottom:20px;background-color:#f8f9fa;border-radius:8px}.search-panel.compact .search-panel-body[data-v-e71f64bc]{padding:15px}.search-panel.compact .search-form-row[data-v-e71f64bc]{display:flex;gap:10px;margin-bottom:10px;align-items:center}.search-panel.compact .search-form-item[data-v-e71f64bc]{flex:1;min-width:150px}.search-panel.compact .date-range-field[data-v-e71f64bc]{flex:2}.search-panel.compact .date-range-wrapper[data-v-e71f64bc]{display:flex;align-items:center}.search-panel.compact .search-field[data-v-e71f64bc],.search-panel.compact .date-field[data-v-e71f64bc]{padding:8px 12px;border:1px solid #dee2e6;border-radius:4px;width:100%;font-size:14px}.search-panel.compact .search-field[data-v-e71f64bc]:focus,.search-panel.compact .date-field[data-v-e71f64bc]:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.25)}.search-panel.compact .search-input[data-v-e71f64bc]::placeholder{color:#adb5bd}.search-panel.compact .date-field[data-v-e71f64bc]{flex:1;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-size:15px;background-position:right 8px center;background-repeat:no-repeat}.search-panel.compact .date-field[data-v-e71f64bc]:focus{border-color:var(--primary-color);outline:none}.search-panel.compact .date-separator[data-v-e71f64bc]{margin:0 5px;font-weight:700}.search-panel.compact .reset-btn[data-v-e71f64bc]{padding:8px 15px;background:none;border:1px solid #ced4da;border-radius:4px;color:#6c757d;cursor:pointer;font-size:14px;transition:all .2s;display:flex;align-items:center;justify-content:center}.search-panel.compact .reset-btn[data-v-e71f64bc]:hover{background-color:#e9ecef;border-color:#ced4da}@media (max-width: 768px){.search-panel.compact .search-form-row[data-v-e71f64bc]{flex-direction:column;margin-bottom:10px;width:100%}.search-panel.compact .search-form-item[data-v-e71f64bc]{width:100%;margin-bottom:8px}.search-panel.compact .date-range-wrapper[data-v-e71f64bc]{flex-direction:column;width:100%}.search-panel.compact .date-field[data-v-e71f64bc]{width:100%;margin-right:0;margin-bottom:8px}.search-panel.compact .date-separator[data-v-e71f64bc]{display:block;text-align:center;margin:5px 0;width:100%}.search-panel.compact .search-field[data-v-e71f64bc]{width:100%;margin-bottom:8px}.search-panel.compact input.search-field[type=text][data-v-e71f64bc]{padding:10px;border-radius:4px;border:1px solid #ccc;width:100%;font-size:14px}.search-panel.compact input.search-field[type=text][data-v-e71f64bc]:focus{border-color:#43a047;box-shadow:0 0 0 2px #43a04733;outline:none}}.search-panel.compact input.search-field[type=text][data-v-e71f64bc]{padding:10px;border-radius:4px;border:1px solid #ccc;width:100%;font-size:14px;transition:border-color .2s,box-shadow .2s}.search-panel.compact input.search-field[type=text][data-v-e71f64bc]:focus{border-color:#43a047;box-shadow:0 0 0 2px #43a04733;outline:none}.search-panel.compact .search-form-row[data-v-e71f64bc]:last-of-type{margin-top:10px;display:flex;flex-wrap:wrap}.search-panel.compact .search-form-row:last-of-type .search-form-item[data-v-e71f64bc]{flex:1;min-width:200px;margin-right:10px}@media (min-width: 769px){.search-panel.compact .search-form-row:last-of-type .search-form-item[data-v-e71f64bc]{max-width:100%}}.date-range-field[data-v-e71f64bc]{flex:2}.record-detail-field[data-v-e71f64bc]{flex:1;margin-left:10px}@media (min-width: 769px){.search-panel.compact .search-form-row[data-v-e71f64bc]{display:flex;align-items:center;margin-bottom:15px}.search-panel.compact .date-range-wrapper[data-v-e71f64bc]{display:flex;align-items:center}.search-panel.compact .search-form-item.record-detail-field[data-v-e71f64bc]{max-width:300px}}@media (max-width: 768px){.search-panel.compact .search-form-row[data-v-e71f64bc]{flex-direction:column;margin-bottom:10px;width:100%}.search-panel.compact .search-form-item[data-v-e71f64bc]{width:100%;margin-bottom:8px}.search-panel.compact .record-detail-field[data-v-e71f64bc]{margin-left:0;margin-top:8px;width:100%}.search-panel.compact .date-range-wrapper[data-v-e71f64bc]{flex-direction:column;width:100%}.search-panel.compact .date-field[data-v-e71f64bc]{width:100%;margin-right:0;margin-bottom:8px}.search-panel.compact .date-separator[data-v-e71f64bc]{display:block;text-align:center;margin:5px 0;width:100%}.search-panel.compact .search-field[data-v-e71f64bc]{width:100%;margin-bottom:8px}.search-panel.compact input.search-field[type=text][data-v-e71f64bc]{padding:10px;border-radius:4px;border:1px solid #ccc;width:100%;font-size:14px}.search-panel.compact input.search-field[type=text][data-v-e71f64bc]:focus{border-color:#43a047;box-shadow:0 0 0 2px #43a04733;outline:none}}.search-panel.compact .button-group[data-v-e71f64bc]{display:flex;gap:10px;justify-content:flex-end;margin-top:15px;width:100%}.search-panel.compact .primary-btn[data-v-e71f64bc]{background-color:#4caf50;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:14px;cursor:pointer;transition:background-color .3s;min-width:60px;text-align:center}.search-panel.compact .primary-btn[data-v-e71f64bc]:hover{background-color:#3e8e41}.search-panel.compact .secondary-btn.reset-btn[data-v-e71f64bc]{background-color:#f0f0f0;color:#666;border:1px solid #ccc;border-radius:4px;padding:6px 12px;font-size:14px;cursor:pointer;transition:background-color .3s;min-width:60px;text-align:center}.search-panel.compact .secondary-btn.reset-btn[data-v-e71f64bc]:hover{background-color:#e0e0e0;color:#333}@media (max-width: 768px){.search-panel.compact .button-group[data-v-e71f64bc]{justify-content:center;flex-direction:column;align-items:center;gap:10px;width:100%}.search-panel.compact .primary-btn[data-v-e71f64bc],.search-panel.compact .reset-btn[data-v-e71f64bc]{min-width:100px;width:100%;margin:0;padding:10px 0;font-size:15px}.search-panel.compact .primary-btn[data-v-e71f64bc]{order:1}.search-panel.compact .reset-btn[data-v-e71f64bc]{order:2}}.login-container[data-v-e71f64bc]{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;position:relative;overflow:hidden}.bg-squares[data-v-e71f64bc]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;margin:0;padding:0;z-index:1}.bg-squares li[data-v-e71f64bc]{position:absolute;display:block;list-style:none;width:20px;height:20px;background:#ffffff1a;animation:animate-e71f64bc 25s linear infinite;bottom:-150px;z-index:1}.admin-mode .bg-squares li[data-v-e71f64bc]{background:#4caf501a}.customer-mode .bg-squares li[data-v-e71f64bc]{background:#673ab71a}.bg-squares li[data-v-e71f64bc]:nth-child(1){left:25%;width:80px;height:80px;animation-delay:0s}.bg-squares li[data-v-e71f64bc]:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}.bg-squares li[data-v-e71f64bc]:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}.bg-squares li[data-v-e71f64bc]:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}.bg-squares li[data-v-e71f64bc]:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}.bg-squares li[data-v-e71f64bc]:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s}.bg-squares li[data-v-e71f64bc]:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s}.bg-squares li[data-v-e71f64bc]:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}.bg-squares li[data-v-e71f64bc]:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}.bg-squares li[data-v-e71f64bc]:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s}@keyframes animate-e71f64bc{0%{transform:translateY(0) rotate(0);opacity:1;border-radius:0}to{transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:50%}}.login-box[data-v-e71f64bc]{width:400px;max-width:90%;background:var(--white);padding:40px;border-radius:10px;box-shadow:0 15px 25px #0000001a;position:relative;z-index:2}.admin-mode .login-box[data-v-e71f64bc]{border-top:5px solid #4CAF50}.customer-mode .login-box[data-v-e71f64bc]{border-top:5px solid #673AB7}.login-box h2[data-v-e71f64bc]{margin:0 0 30px;padding:0;color:var(--text-color);text-align:center;font-size:24px}.admin-mode .login-box h2[data-v-e71f64bc]{color:#4caf50}.customer-mode .login-box h2[data-v-e71f64bc]{color:#673ab7}.login-form .form-group[data-v-e71f64bc]{position:relative;margin-bottom:25px}.login-form .form-group label[data-v-e71f64bc]{display:block;margin-bottom:8px;font-weight:500;color:var(--text-color)}.login-form .form-group input[data-v-e71f64bc]{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:5px;font-size:16px;transition:border-color .3s}.admin-mode .login-form .form-group input[data-v-e71f64bc]:focus{border-color:#4caf50;outline:none}.customer-mode .login-form .form-group input[data-v-e71f64bc]:focus{border-color:#673ab7;outline:none}.login-button[data-v-e71f64bc]{width:100%;padding:12px 0;border:none;border-radius:5px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:background-color .3s}.admin-mode .login-button[data-v-e71f64bc]{background-color:#4caf50}.admin-mode .login-button[data-v-e71f64bc]:hover{background-color:#3e8e41}.customer-mode .login-button[data-v-e71f64bc]{background-color:#673ab7}.customer-mode .login-button[data-v-e71f64bc]:hover{background-color:#5e35b1}.login-button[data-v-e71f64bc]:disabled{opacity:.7;cursor:not-allowed}@media screen and (max-width: 768px){.login-box[data-v-e71f64bc]{width:320px;padding:30px}.login-form .form-group input[data-v-e71f64bc]{padding:10px 12px;font-size:14px}.login-button[data-v-e71f64bc]{padding:10px 0;font-size:14px}}.large-image[data-v-e71f64bc]{max-width:100%;max-height:100vh;object-fit:contain;margin:0 auto;display:block;border-radius:5px;box-shadow:0 4px 8px #0003}.modal-content[data-v-e71f64bc]{padding:15px;max-width:95%;max-height:95vh;overflow:auto;display:flex;flex-direction:column;align-items:center}.modal-content .close-button[data-v-e71f64bc]{position:absolute;top:10px;right:15px;font-size:24px;cursor:pointer;background:#fffc;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;z-index:10}.login-page[data-v-e71f64bc]{height:100vh;width:100vw;overflow:hidden;position:fixed;top:0;left:0;margin:0;padding:0}.error-message[data-v-e71f64bc]{color:#ff4c4c;font-size:.8rem;margin-top:4px;display:block}.lock-message[data-v-e71f64bc]{color:#ff4c4c;font-size:.9rem;margin-top:15px;padding:10px;background-color:#ff4c4c1a;border-radius:4px;text-align:center}body.admin-mode[data-v-56468d49]{--primary-color: #4caf50;--primary-hover-color: #218838;--background-color: #f5f5f5;--text-color: #333;--text-light: #666;--border-color: #ddd;--error-color: #dc3545;--success-color: #28a745;--box-shadow: 0 2px 4px rgba(0, 0, 0, .1);--border-radius: 4px;--transition: all .3s ease;--form-bg-color: #e1f5fe}body.customer-mode[data-v-56468d49]{--primary-color: #6248ca;--primary-hover-color: #513aa8;--background-color: #f5f5f5;--text-color: #333;--text-light: #666;--border-color: #ddd;--error-color: #dc3545;--success-color: #6248ca;--box-shadow: 0 2px 4px rgba(0, 0, 0, .1);--border-radius: 4px;--transition: all .3s ease;--form-bg-color: #f0ebff}html[data-v-56468d49],body[data-v-56468d49]{margin:0;padding:0;overflow-y:auto;height:100%;width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch}.admin-mode[data-v-56468d49],.customer-mode[data-v-56468d49]{width:100%;height:100%;margin:0;padding:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.container[data-v-56468d49]{display:flex;min-height:100vh;width:99%;overflow-y:auto;position:relative}.main-content[data-v-56468d49]{flex:1;margin-left:200px;height:auto;min-height:100vh;overflow-y:auto;display:flex;flex-direction:column}.header[data-v-56468d49]{padding:10px 20px;color:#fff;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;margin-left:15px}.header>span[data-v-56468d49]:first-child{display:flex;align-items:center}body.admin-mode .header[data-v-56468d49]{background-color:var(--success-color)}body.customer-mode .header[data-v-56468d49]{background-color:var(--primary-color)}.content-wrapper[data-v-56468d49]{flex:1;display:flex;flex-direction:column;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.scrollable-content[data-v-56468d49]{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;height:calc(100vh - 60px)}.table-container[data-v-56468d49]{margin-top:var(--spacing-xl);background:#fff;border-radius:var(--border-radius-md);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);overflow-x:auto;width:100%}table[data-v-56468d49]{width:100%;border-collapse:collapse;margin:20px 0}th[data-v-56468d49],td[data-v-56468d49]{padding:12px;text-align:left;border-bottom:1px solid var(--border-color)}th[data-v-56468d49]{background-color:var(--background-color);font-weight:700;color:var(--text-color)}tr[data-v-56468d49]:hover{background-color:var(--background-color)}.action-button[data-v-56468d49],.btn[data-v-56468d49],.export-btn[data-v-56468d49],.table-button[data-v-56468d49]{border:none;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);color:#fff;background-color:var(--primary-color)}.action-button[data-v-56468d49],.btn[data-v-56468d49],.export-btn[data-v-56468d49]{padding:8px 16px;font-size:14px}.action-button[data-v-56468d49]:hover,.btn[data-v-56468d49]:hover,.export-btn[data-v-56468d49]:hover,.approve-btn[data-v-56468d49]:hover{background-color:var(--primary-hover-color)}.action-button.cancel[data-v-56468d49],.btn-danger[data-v-56468d49]{background-color:var(--error-color)}.table-button[data-v-56468d49]{padding:4px 8px;font-size:14px;margin-right:2px;white-space:nowrap}.table-button[data-v-56468d49]:last-child{margin-right:0}.table-button.edit[data-v-56468d49]:hover{background-color:var(--primary-hover-color)}.table-button.delete[data-v-56468d49]{background-color:var(--error-color)}.table-button.delete[data-v-56468d49]:hover{background-color:#c82333}td .table-button-group[data-v-56468d49]{display:flex;gap:6px;align-items:center}.form-container[data-v-56468d49]{background-color:#10ff8c2f;padding:20px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);max-width:800px;margin:0 auto}.form-group[data-v-56468d49]{margin-bottom:15px;display:flex;align-items:flex-start}.form-group label[data-v-56468d49]{width:120px;text-align:right;margin-right:10px;padding-top:5px;flex-shrink:0}.form-group input[data-v-56468d49],.form-group select[data-v-56468d49],.form-group textarea[data-v-56468d49],.search-input[data-v-56468d49]{width:100%;padding:8px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:14px}.search-input[data-v-56468d49]{min-width:200px}.status[data-v-56468d49],.status-badge[data-v-56468d49]{padding:4px 8px;border-radius:var(--border-radius);font-size:12px;font-weight:700;display:inline-block}.status-pending[data-v-56468d49]{background-color:gold;color:#000}.status-approved[data-v-56468d49]{background-color:var(--success-color);color:#fff}.status-rejected[data-v-56468d49]{background-color:var(--error-color);color:#fff}.status-badge.待確認[data-v-56468d49]{background-color:#fff3cd;color:#856404}.status-badge.已確認[data-v-56468d49]{background-color:#d4edda;color:#155724}.status-badge.已出貨[data-v-56468d49]{background-color:#cce5ff;color:#004085}.status-badge.已取消[data-v-56468d49]{background-color:#f8d7da;color:#721c24}tr.shipped[data-v-56468d49]{background-color:#007bff0d}.sidebar[data-v-56468d49]{width:200px;padding:20px 0;color:#fff;height:100vh;font-family:Arial,sans-serif;position:fixed;left:0;top:0;background:var(--primary-color);z-index:1001}.menu[data-v-56468d49]{list-style-type:none;padding:0;margin:0}.menu-item[data-v-56468d49]{padding:15px 20px;cursor:pointer;transition:var(--transition);color:#fff;text-decoration:none}.menu-item[data-v-56468d49]:hover,.menu-item.active[data-v-56468d49]{background-color:var(--primary-hover-color)}.bookmark-text[data-v-56468d49]{font-size:12px;writing-mode:vertical-rl;text-orientation:upright;letter-spacing:2px}.bookmark-toggle[data-v-56468d49]{background:var(--primary-color);display:none;position:fixed;top:40%;left:0;transform:translateY(-50%);z-index:1002;border:none;cursor:pointer;padding:15px 10px;border-radius:0 8px 8px 0;box-shadow:2px 2px 5px #0003;color:#fff;transition:var(--transition);flex-direction:column;align-items:center;width:20px}.sidebar-overlay[data-v-56468d49]{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000}@media screen and (max-width: 768px){.main-content[data-v-56468d49]{margin-left:0;padding-right:10px;height:auto!important;overflow-y:auto!important}.content-wrapper[data-v-56468d49]{padding:10px;overflow-y:auto!important;-webkit-overflow-scrolling:touch;height:auto!important}body[data-v-56468d49],html[data-v-56468d49]{overflow-y:auto!important;height:auto!important;-webkit-overflow-scrolling:touch}.container[data-v-56468d49]{min-height:100vh;height:auto!important;overflow-y:auto!important;position:relative}.form-group[data-v-56468d49]{flex-direction:column}.form-group label[data-v-56468d49]{width:100%;text-align:left;margin-bottom:5px}.table-container[data-v-56468d49]{overflow-x:auto}.action-button[data-v-56468d49],.btn[data-v-56468d49]{width:100%}.sidebar[data-v-56468d49]{transform:translate(-100%);transition:transform .3s ease}.sidebar.active[data-v-56468d49]{transform:translate(0)}.sidebar-overlay.active[data-v-56468d49]{display:block}.bookmark-toggle[data-v-56468d49]{display:flex;width:30px;height:120px;background-color:var(--primary-color);color:#fff;border:none;border-radius:0 8px 8px 0;position:fixed;left:0;top:50%;transform:translateY(-50%);cursor:pointer;justify-content:center;align-items:center;padding:10px 5px;box-shadow:2px 0 5px #0000001a}.bookmark-text[data-v-56468d49]{writing-mode:vertical-rl;text-orientation:upright;font-size:14px;letter-spacing:2px}body.admin-mode .bookmark-toggle[data-v-56468d49],body.customer-mode .bookmark-toggle[data-v-56468d49]{background-color:var(--primary-color)}.action-buttons[data-v-56468d49]{flex-direction:column;align-items:center;justify-content:center;width:100%;gap:15px}.action-buttons[data-v-56468d49]{flex-direction:column;width:100%;gap:8px}.action-buttons a[data-v-56468d49]{width:100%}.action-button[data-v-56468d49]{width:100%;justify-content:center;padding:8px 16px;font-size:14px}.export-btn[data-v-56468d49]{width:100%;justify-content:center;margin-left:0}.search-container[data-v-56468d49]{width:100%;margin-top:10px}.search-input[data-v-56468d49]{width:100%;padding:8px 16px;font-size:14px;height:38px;box-sizing:border-box}.search-select[data-v-56468d49]{width:auto}td a[data-v-56468d49]{text-decoration:none}td a.table-button[data-v-56468d49]{text-decoration:none;color:#fff}.action-buttons .export-btn[data-v-56468d49],.content-wrapper .export-btn[data-v-56468d49]{width:100%!important;justify-content:center!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}}@media screen and (max-width: 768px){td .table-button-group[data-v-56468d49]{display:flex;flex-direction:row;justify-content:center;gap:8px}.table-button[data-v-56468d49]{flex:1;text-align:center}}.scrollable-content[data-v-56468d49]::-webkit-scrollbar{width:6px;height:6px}.scrollable-content[data-v-56468d49]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.scrollable-content[data-v-56468d49]::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:3px}.scrollable-content[data-v-56468d49]::-webkit-scrollbar-thumb:hover{background:var(--primary-hover-color)}.search-container[data-v-56468d49]{display:flex;gap:10px;flex:1;min-width:200px}.search-select[data-v-56468d49]{padding:8px;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:#fff}.product-thumbnail[data-v-56468d49]{width:50px;height:50px;object-fit:cover;cursor:pointer;border-radius:var(--border-radius)}.pagination[data-v-56468d49]{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px}.pagination button[data-v-56468d49]{padding:5px 10px;border:1px solid var(--border-color);background-color:#fff;cursor:pointer;border-radius:var(--border-radius)}.pagination button[data-v-56468d49]:disabled{opacity:.5;cursor:not-allowed}.modal[data-v-56468d49]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-56468d49]{background-color:#fff;padding:30px;border-radius:8px;width:400px;text-align:center}.modal-content h3[data-v-56468d49]{margin-bottom:20px;color:#333}.modal-buttons[data-v-56468d49]{display:flex;justify-content:center;gap:15px;margin-top:20px}.modal-buttons button[data-v-56468d49]{padding:8px 20px;border-radius:4px;border:none;cursor:pointer;font-weight:700}.confirm-btn[data-v-56468d49]{background-color:var(--primary-color);color:#fff}.confirm-btn[data-v-56468d49]:hover{background-color:var(--primary-hover-color)}.confirm-btn[data-v-56468d49]:disabled{background-color:#6c757d;cursor:not-allowed}.cancel-btn[data-v-56468d49]{background-color:#6c757d;color:#fff}.cancel-btn[data-v-56468d49]:hover{background-color:#5a6268}.action-buttons[data-v-56468d49]{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:20px}.action-button[data-v-56468d49]{padding:8px 16px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:5px;white-space:nowrap;min-width:100px;justify-content:center}.action-button[data-v-56468d49]:hover{background-color:var(--primary-hover-color)}@media (max-width: 1200px){.search-form-row.four-columns[data-v-56468d49]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.search-form-row.four-columns[data-v-56468d49]{grid-template-columns:1fr}}.product-grid[data-v-56468d49]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px}.product-card[data-v-56468d49]{background:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden;transition:transform .3s ease}.product-card[data-v-56468d49]:hover{transform:translateY(-5px)}.product-image[data-v-56468d49]{width:100%;height:200px;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5}.product-image img[data-v-56468d49]{width:100%;height:100%;object-fit:contain;cursor:pointer;padding:10px}.product-info[data-v-56468d49]{padding:15px}.product-info h3[data-v-56468d49]{margin:0 0 10px;color:var(--text-color);font-size:18px}.product-details[data-v-56468d49]{font-size:14px;color:var(--text-light)}.detail-row[data-v-56468d49]{display:flex;justify-content:space-between;margin:5px 0}.product-actions[data-v-56468d49]{margin-top:15px;display:flex;justify-content:flex-end}@media screen and (max-width: 768px){.product-grid[data-v-56468d49]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;padding:15px}.product-image[data-v-56468d49]{height:180px}}.product-form[data-v-56468d49]{max-width:800px;margin:0 auto;padding:20px}.image-preview-container[data-v-56468d49]{width:100%;max-width:300px;margin:10px 0}.image-preview[data-v-56468d49]{width:100%;height:100%;border:2px dashed var(--border-color);border-radius:var(--border-radius);display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:#f5f5f5}.image-preview img[data-v-56468d49]{width:100%;height:100%;object-fit:contain;padding:10px}.file-name[data-v-56468d49]{margin-top:5px;font-size:14px;color:var(--text-light);word-break:break-all}.upload-button[data-v-56468d49]{margin-top:10px;background-color:var(--primary-color);color:#fff;padding:8px 16px;border:none;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition)}.upload-button[data-v-56468d49]:hover{background-color:var(--primary-hover-color)}.preview-container[data-v-56468d49]{margin-top:10px}.image-preview[data-v-56468d49]{max-width:300px;max-height:200px;object-fit:contain;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:10px}.file-name[data-v-56468d49]{display:block;margin-top:5px;font-size:14px;color:var(--text-light)}.view-file[data-v-56468d49]{color:var(--primary-color);text-decoration:none;margin-left:10px}.view-file[data-v-56468d49]:hover{color:var(--primary-hover-color)}.order-form[data-v-56468d49]{background-color:#fff;padding:20px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin:0 0 20px}.page-header[data-v-56468d49]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:10px 0}.export-btn[data-v-56468d49]{padding:8px 16px;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:5px;margin-left:auto;white-space:nowrap;transition:background-color .3s}.export-btn[data-v-56468d49]:hover{background-color:var(--primary-hover-color)}.order-number[data-v-56468d49]{color:var(--text-light);font-size:14px}.input-group[data-v-56468d49]{background-color:#f8f9fa;padding:15px;border-radius:var(--border-radius);margin-bottom:20px;width:100%;box-sizing:border-box}.input-group>div[data-v-56468d49]{width:100%;box-sizing:border-box}.product-header[data-v-56468d49]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;width:100%;min-height:36px;box-sizing:border-box}.product-select[data-v-56468d49]{margin-bottom:15px}.product-select select[data-v-56468d49]{width:100%;padding:8px;border:1px solid var(--border-color);border-radius:var(--border-radius)}.quantity-input[data-v-56468d49]{margin-bottom:15px}.quantity-control[data-v-56468d49]{display:flex;align-items:center;gap:10px}.quantity-control input[data-v-56468d49]{width:100px;padding:8px;border:1px solid var(--border-color);border-radius:var(--border-radius)}.unit[data-v-56468d49]{color:var(--text-light)}.quantity-hint[data-v-56468d49]{font-size:12px;color:var(--text-light);margin-top:5px}.date-input[data-v-56468d49]{position:relative;margin-bottom:15px;display:flex;flex-direction:column;width:100%;text-align:left;align-items:flex-start}.date-input label[data-v-56468d49]{display:block;margin-bottom:8px;font-weight:500;width:100%;text-align:left}.datepicker-container[data-v-56468d49]{width:100%;display:flex;justify-content:flex-start;margin-bottom:5px}.customer-mode .order-form .dp__main[data-v-56468d49]{width:100%;max-width:100%;margin:0 auto}.customer-mode .order-form .dp__input_wrap[data-v-56468d49]{width:100%;display:flex;justify-content:center}.customer-mode .order-form .dp__input[data-v-56468d49]{text-align:center;width:100%;max-width:100%}.dp__overlay[data-v-56468d49]{z-index:1000}.special-date-notice[data-v-56468d49]{color:#856404;font-size:.9em;padding:8px;background-color:#fff3cd;border:1px solid #ffecb5;border-radius:var(--border-radius);margin-top:5px;margin-bottom:5px;width:100%;text-align:center}.date-input input[data-v-56468d49]{width:100%;padding:8px;border:1px solid var(--border-color);border-radius:var(--border-radius)}.shipping-hint[data-v-56468d49]{margin-top:5px;font-size:14px;color:var(--text-light);text-align:center;width:100%}.remark-input[data-v-56468d49]{position:relative;width:100%;display:flex;flex-direction:column;align-items:flex-start;margin-top:15px}.remark-input label[data-v-56468d49]{width:100%;margin-bottom:8px;font-weight:500;display:block;text-align:left}.remark-input textarea[data-v-56468d49]{width:100%;max-width:100%;min-height:80px;padding:10px;border:1px solid var(--border-color);border-radius:var(--border-radius);resize:vertical;font-size:14px;background-color:#fff;box-sizing:border-box;margin:0 auto;text-align:left}.remark-input textarea[data-v-56468d49]:focus{border-color:var(--primary-color);outline:none}.char-count[data-v-56468d49]{font-size:12px;color:var(--text-light);padding:2px 5px;border-radius:3px;margin-top:5px;max-width:100%;width:100%;text-align:right;align-self:flex-end}.remove-btn[data-v-56468d49]{padding:4px 8px;margin-left:auto;background-color:var(--error-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer}.add-product[data-v-56468d49]{display:flex;align-items:center;gap:10px;margin:20px 0}.add-product button[data-v-56468d49]{padding:8px 16px;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer}.add-product button[data-v-56468d49]:disabled{opacity:.5;cursor:not-allowed}.hint[data-v-56468d49]{font-size:12px;color:var(--text-light)}.order-summary[data-v-56468d49]{background-color:#f8f9fa;padding:20px;border-radius:var(--border-radius);margin:20px 0}.summary-items[data-v-56468d49]{margin-top:10px}.summary-detail[data-v-56468d49]{margin-left:20px;font-size:14px;color:var(--text-light)}.summary-remark[data-v-56468d49]{margin-top:5px;font-style:italic}.button-group[data-v-56468d49]{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.submit-btn[data-v-56468d49],.cancel-btn[data-v-56468d49]{padding:10px 20px;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:16px}.submit-btn[data-v-56468d49]{background-color:var(--primary-color);color:#fff}.submit-btn[data-v-56468d49]:disabled{opacity:.5;cursor:not-allowed}.cancel-btn[data-v-56468d49]{background-color:var(--error-color);color:#fff}.custom-checkbox[data-v-56468d49]{display:flex;align-items:center;position:relative;padding:10px 15px;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition)}.custom-checkbox[data-v-56468d49]:hover{border-color:var(--primary-color);box-shadow:0 2px 4px #0000001a}.custom-checkbox input[type=checkbox][data-v-56468d49]{position:absolute;opacity:0;cursor:pointer}.custom-checkbox .checkmark[data-v-56468d49]{position:relative;display:inline-block;width:18px;height:18px;margin-right:10px;background-color:#fff;border:2px solid var(--border-color);border-radius:3px;transition:var(--transition)}.custom-checkbox:hover .checkmark[data-v-56468d49]{border-color:var(--primary-color)}.custom-checkbox input[type=checkbox]:checked~.checkmark[data-v-56468d49]{background-color:var(--primary-color);border-color:var(--primary-color)}.custom-checkbox .checkmark[data-v-56468d49]:after{content:"";position:absolute;display:none;left:5px;top:1px;width:4px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.custom-checkbox input[type=checkbox]:checked~.checkmark[data-v-56468d49]:after{display:block}.search-panel[data-v-56468d49]{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.search-panel-header[data-v-56468d49]{padding:15px 20px;border-bottom:1px solid var(--border-color);background-color:#4caf50;border-radius:8px 8px 0 0}.search-title[data-v-56468d49]{color:#fff;display:flex;align-items:center;gap:8px;font-size:16px}.search-panel-body[data-v-56468d49]{padding:20px}.search-form[data-v-56468d49]{display:flex;flex-direction:column;gap:15px}.search-form-row[data-v-56468d49]{display:flex;gap:15px;align-items:flex-start;flex-wrap:wrap}.field-label[data-v-56468d49]{display:flex;align-items:center;gap:5px;margin-bottom:8px;color:var(--text-color)}.search-field[data-v-56468d49]{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px}.date-range-field[data-v-56468d49]{width:100%}.date-range-wrapper[data-v-56468d49]{display:flex;align-items:center;gap:10px}.date-field[data-v-56468d49]{flex:1;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px}.date-separator[data-v-56468d49]{color:var(--text-light)}.search-actions[data-v-56468d49]{display:flex;justify-content:center;gap:15px;margin-top:20px}.action-btn[data-v-56468d49]{padding:8px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:5px;transition:all .3s ease}.reset-btn[data-v-56468d49]{padding:8px 16px;border:none;border-radius:var(--border-radius);background-color:#6c757d;color:#fff;cursor:pointer;transition:background-color .3s}.reset-btn[data-v-56468d49]:hover{background-color:#5a6268}.reset-btn[data-v-56468d49]:disabled{background-color:#ccc;cursor:not-allowed}.search-panel.compact[data-v-56468d49]{background-color:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}.search-panel.compact .search-panel-body[data-v-56468d49]{padding:10px}.search-panel.compact .search-form-row[data-v-56468d49]{display:flex;flex-direction:row;gap:15px;align-items:center}.search-panel.compact .search-form-item[data-v-56468d49]{flex:1;min-width:0}.search-panel.compact .date-range-field[data-v-56468d49]{flex:1}.search-panel.compact .date-range-wrapper[data-v-56468d49]{display:flex;flex-direction:row;align-items:center;gap:8px;width:100%}.search-panel.compact .search-field[data-v-56468d49],.search-panel.compact .search-input[data-v-56468d49]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s;box-sizing:border-box}.search-panel.compact .search-field[data-v-56468d49]:focus,.search-panel.compact .search-input[data-v-56468d49]:focus{border-color:#4caf50;outline:none;box-shadow:0 0 0 2px #4caf5033}.search-panel.compact .search-input[data-v-56468d49]::placeholder{color:#999}.search-panel.compact .date-field[data-v-56468d49]{width:calc(50% - 15px);padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s;box-sizing:border-box}.search-panel.compact .date-field[data-v-56468d49]:focus{border-color:#4caf50;outline:none;box-shadow:0 0 0 2px #4caf5033}.search-panel.compact .date-separator[data-v-56468d49]{color:#666;font-weight:500;margin:0 5px}.search-panel.compact .reset-btn[data-v-56468d49]{background-color:#f8f9fa;border:1px solid #ddd;color:#666;border-radius:4px;padding:8px 15px;font-size:14px;cursor:pointer;transition:all .3s;min-width:80px;text-align:center}@media (max-width: 768px){.search-panel.compact .search-form-row[data-v-56468d49]{display:flex;flex-direction:column;gap:12px}.search-panel.compact .search-form-item[data-v-56468d49]{width:100%;margin:0}.search-panel.compact .date-range-wrapper[data-v-56468d49]{display:flex;flex-direction:row;width:100%;align-items:center;gap:10px}.search-panel.compact .date-field[data-v-56468d49]{width:calc(50% - 10px);flex:none;box-sizing:border-box}.search-panel.compact .date-separator[data-v-56468d49]{flex:0 0 20px;text-align:center;margin:0}.search-panel.compact .reset-btn[data-v-56468d49]{width:100%;margin-top:5px;box-sizing:border-box}}.modal-content.order-review[data-v-56468d49]{width:95%;max-width:1400px;padding:25px}.order-items[data-v-56468d49]{margin:var(--spacing-lg) 0;max-height:500px;overflow-y:auto;overflow-x:auto;padding-bottom:10px}.review-table[data-v-56468d49]{width:100%;border-collapse:collapse;margin-bottom:20px;table-layout:fixed}.review-table th[data-v-56468d49],.review-table td[data-v-56468d49]{padding:12px 8px;border:1px solid #ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.review-table th[data-v-56468d49]{background-color:#f8f9fa}.review-table input[type=date][data-v-56468d49],.review-table select[data-v-56468d49]{width:100%;padding:6px;border:1px solid #ddd;border-radius:4px}.review-table input[type=date][data-v-56468d49]{min-width:150px;box-sizing:border-box;padding-right:10px;text-align:center}.review-table select[data-v-56468d49]{background-color:#fff;min-width:100px}.review-table input[type=date][data-v-56468d49]:disabled,.review-table select[data-v-56468d49]:disabled{background-color:#e9ecef;cursor:not-allowed}.first-product td[data-v-56468d49]{border-top:2px solid #ddd}tr.approved[data-v-56468d49]{background-color:#28a7450d}tr.rejected[data-v-56468d49]{background-color:#dc35450d}.notification[data-v-56468d49]{margin-top:20px;padding:10px;background-color:#e9ecef;border-radius:4px;text-align:center;color:#666}@media screen and (max-width: 768px){.search-panel.compact .search-form-row[data-v-56468d49]{flex-direction:column;gap:10px}.search-panel.compact .search-form-item[data-v-56468d49],.search-panel.compact input[type=date][data-v-56468d49],.search-panel.compact input[type=text][data-v-56468d49]{width:100%}.search-panel.compact .date-range-wrapper[data-v-56468d49]{flex-direction:column;gap:10px}.search-panel.compact .date-separator[data-v-56468d49]{display:none}.search-panel.compact .search-actions[data-v-56468d49]{width:100%;justify-content:flex-end;margin-top:10px}}.quantity-cell[data-v-56468d49]{position:relative;min-width:120px}.quantity-cell .edit-btn[data-v-56468d49],.quantity-cell .save-btn[data-v-56468d49],.quantity-cell .cancel-btn[data-v-56468d49]{padding:2px 8px;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:12px;color:#fff;transition:var(--transition)}.quantity-cell .edit-btn[data-v-56468d49],.quantity-cell .save-btn[data-v-56468d49]{background-color:var(--primary-color)}.quantity-cell .edit-btn[data-v-56468d49]:hover,.quantity-cell .save-btn[data-v-56468d49]:hover{background-color:var(--primary-hover-color)}.quantity-cell .cancel-btn[data-v-56468d49]{background-color:var(--error-color)}.quantity-cell .cancel-btn[data-v-56468d49]:hover{background-color:#c82333}.quantity-cell .quantity-input[data-v-56468d49]{width:60px;padding:4px;border:1px solid #ddd;border-radius:4px}.lock-date-form[data-v-56468d49]{margin:20px 0;display:flex;gap:10px}.lock-date-form input[type=date][data-v-56468d49]{padding:8px;border:1px solid var(--border-color);border-radius:var(--border-radius)}.lock-date-form button[data-v-56468d49]{padding:8px 16px;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition)}.lock-date-form button[data-v-56468d49]:hover{background-color:var(--primary-hover-color)}.locked-dates-list[data-v-56468d49]{margin-top:20px}.locked-dates-list ul[data-v-56468d49]{list-style:none;padding:0}.locked-dates-list li[data-v-56468d49]{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid var(--border-color)}.unlock-button[data-v-56468d49]{padding:4px 8px;background-color:var(--error-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition)}.unlock-button[data-v-56468d49]:hover{background-color:#c00}.admin-list[data-v-56468d49]{width:100%;border-collapse:collapse;margin-top:20px}.admin-list th[data-v-56468d49],.admin-list td[data-v-56468d49]{padding:12px;text-align:left;border-bottom:1px solid var(--border-color)}.admin-list th[data-v-56468d49]{background-color:var(--background-color);font-weight:700;color:var(--text-color)}.admin-list tr[data-v-56468d49]:hover{background-color:var(--background-color)}.admin-list .table-button-group[data-v-56468d49]{display:flex;gap:8px}.admin-list .table-button[data-v-56468d49]{padding:6px 12px;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:14px;transition:var(--transition)}.admin-list .table-button.edit[data-v-56468d49]{background-color:var(--primary-color);color:#fff}.admin-list .table-button.edit[data-v-56468d49]:hover{background-color:var(--primary-hover-color)}.admin-list .table-button.delete[data-v-56468d49]{background-color:var(--error-color);color:#fff}.admin-list .table-button.delete[data-v-56468d49]:hover{background-color:#c82333}.file-input-row[data-v-56468d49]{display:flex;align-items:center;margin-bottom:8px;padding-left:0}.hidden-file-input[data-v-56468d49]{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.file-select-button[data-v-56468d49]{display:inline-block;padding:6px 14px;background-color:#40b883;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;margin:0;text-align:center}.file-select-button[data-v-56468d49]:hover{background-color:#359268}.input-container[data-v-56468d49]{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:0}.preview-container[data-v-56468d49]{width:100%;display:flex;flex-direction:column;align-items:flex-start;margin-top:8px}.image-preview[data-v-56468d49]{max-width:200px;max-height:200px;object-fit:contain;border:1px solid #ddd;margin-bottom:5px}.file-name[data-v-56468d49]{display:block;margin-top:5px;font-size:14px;color:#555;word-break:break-all;text-align:left}.view-file[data-v-56468d49]{color:#40b883;text-decoration:none;margin-left:10px}.view-file[data-v-56468d49]:hover{text-decoration:underline;color:#359268}.admin-mode .product-form .custom-checkbox[data-v-56468d49]{position:relative;display:flex;align-items:center;cursor:pointer;padding:5px 0;-webkit-user-select:none;user-select:none}.admin-mode .product-form .custom-checkbox input[type=checkbox][data-v-56468d49]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.admin-mode .product-form .custom-checkbox .checkmark[data-v-56468d49]{position:relative;height:18px;width:18px;background-color:#fff;border:2px solid #ddd;border-radius:3px;margin-right:8px}.admin-mode .product-form .custom-checkbox:hover input~.checkmark[data-v-56468d49]{border-color:#40b883}.admin-mode .product-form .custom-checkbox input:checked~.checkmark[data-v-56468d49]{background-color:#40b883;border-color:#40b883}.admin-mode .product-form .custom-checkbox .checkmark[data-v-56468d49]:after{content:"";position:absolute;display:none;left:5px;top:1px;width:4px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.admin-mode .product-form .custom-checkbox input:checked~.checkmark[data-v-56468d49]:after{display:block}.product-management .custom-checkbox[data-v-56468d49]{position:relative;display:flex;align-items:center;cursor:pointer;padding:5px 0;-webkit-user-select:none;user-select:none}.product-management .custom-checkbox input[type=checkbox][data-v-56468d49]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.product-management .custom-checkbox .checkmark[data-v-56468d49]{position:relative;height:18px;width:18px;background-color:#fff;border:2px solid #ddd;border-radius:3px;margin-right:8px}.product-management .custom-checkbox:hover input~.checkmark[data-v-56468d49]{border-color:#40b883}.product-management .custom-checkbox input:checked~.checkmark[data-v-56468d49]{background-color:#40b883;border-color:#40b883}.product-management .custom-checkbox .checkmark[data-v-56468d49]:after{content:"";position:absolute;display:none;left:5px;top:1px;width:4px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.product-management .custom-checkbox input:checked~.checkmark[data-v-56468d49]:after{display:block}.product-form .form-group[data-v-56468d49]{margin-bottom:20px;text-align:left;width:100%}.product-form .form-group label[data-v-56468d49]{display:block;margin-bottom:8px;font-weight:500;text-align:left}.product-form .form-container[data-v-56468d49]{max-width:800px;margin:0 auto;padding:20px;width:100%}.product-form .action-buttons[data-v-56468d49]{margin-top:20px;display:flex;gap:10px}.product-form .action-button[data-v-56468d49]{padding:8px 20px}.order-record .table-container[data-v-56468d49]{margin-top:20px;background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.order-record .order-table[data-v-56468d49]{width:100%;border-collapse:collapse}.order-record .order-table th[data-v-56468d49],.order-record .order-table td[data-v-56468d49]{padding:12px;text-align:left;border-bottom:1px solid #eee}.order-record .order-table th[data-v-56468d49]{background-color:#f8f9fa;font-weight:700;color:#333}.order-record .order-table tr[data-v-56468d49]:hover{background-color:#f5f5f5}.order-record .first-product td[data-v-56468d49]{border-top:2px solid #ddd}[data-v-56468d49]:root{--primary-color: #4caf50;--primary-hover: #218838;--secondary-color: #6c757d;--secondary-hover: #5a6268;--light-bg: #f8f9fa;--white: #ffffff;--text-color: #333333;--text-secondary: #666666;--border-color: #dddddd;--status-pending-bg: #fff3cd;--status-pending-text: #856404;--status-approved-bg: #d4edda;--status-approved-text: #155724;--status-shipped-bg: #cce5ff;--status-shipped-text: #004085;--status-rejected-bg: #f8d7da;--status-rejected-text: #721c24;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--border-width: 1px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .15);--transition-speed: .3s}.completed-text[data-v-56468d49]{display:inline-block;padding:var(--spacing-sm) 0}.search-panel.compact .search-form[data-v-56468d49]{display:flex;flex-direction:column;gap:var(--spacing-md)}.search-panel.compact .search-form-row.date-row[data-v-56468d49]{display:flex;flex-direction:row;gap:var(--spacing-lg);align-items:center;margin-bottom:var(--spacing-sm)}.search-panel.compact .search-form-row.filters-row[data-v-56468d49]{display:flex;flex-direction:row;gap:var(--spacing-lg);align-items:center}.search-panel.compact .date-wrapper[data-v-56468d49]{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm);flex:2}.search-panel.compact .actions-wrapper[data-v-56468d49]{display:flex;justify-content:flex-end;flex:1}.modal-content[data-v-56468d49]{background-color:var(--white);padding:var(--spacing-xl);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);width:400px;max-width:90%}.modal-content h3[data-v-56468d49]{margin-top:0;margin-bottom:var(--spacing-xl);color:var(--text-color)}.modal-content p[data-v-56468d49]{margin-bottom:var(--spacing-xl);color:var(--text-secondary)}.modal-buttons[data-v-56468d49]{display:flex;justify-content:flex-end;gap:var(--spacing-md)}.modal-buttons button[data-v-56468d49]{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--font-size-sm);transition:background-color var(--transition-speed)}.modal-buttons .confirm-btn[data-v-56468d49]{background-color:var(--primary-color);color:var(--white)}.modal-buttons .confirm-btn[data-v-56468d49]:hover{background-color:var(--primary-hover)}.modal-buttons .cancel-btn[data-v-56468d49]{background-color:var(--secondary-color);color:var(--white)}.modal-buttons .cancel-btn[data-v-56468d49]:hover{background-color:var(--secondary-hover)}@media (max-width: 768px){.search-panel.compact .search-form-row.date-row[data-v-56468d49],.search-panel.compact .search-form-row.filters-row[data-v-56468d49]{flex-direction:column;gap:var(--spacing-md)}.search-panel.compact .date-wrapper[data-v-56468d49]{width:100%}.search-panel.compact .actions-wrapper[data-v-56468d49]{width:100%;justify-content:center;margin-top:var(--spacing-md)}.modal-content[data-v-56468d49]{width:95%;padding:var(--spacing-lg)}.order-items[data-v-56468d49]{max-height:300px}}table.order-table[data-v-56468d49],.table-container>table[data-v-56468d49]{table-layout:fixed;width:100%}table.order-table th[data-v-56468d49],.table-container>table th[data-v-56468d49]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}table.order-table th[data-v-56468d49]:nth-child(1),.table-container>table th[data-v-56468d49]:nth-child(1){width:160px}table.order-table td[data-v-56468d49]:nth-child(1),.table-container>table td[data-v-56468d49]:nth-child(1){white-space:nowrap;overflow:visible;min-width:160px}table.order-table th[data-v-56468d49]:nth-child(2),.table-container>table th[data-v-56468d49]:nth-child(2){width:100px}table.order-table th[data-v-56468d49]:nth-child(3),.table-container>table th[data-v-56468d49]:nth-child(3){width:120px}table.order-table th[data-v-56468d49]:nth-child(4),.table-container>table th[data-v-56468d49]:nth-child(4){width:120px}table.order-table th[data-v-56468d49]:nth-child(5),.table-container>table th[data-v-56468d49]:nth-child(5){width:70px}table.order-table th[data-v-56468d49]:nth-child(6),.table-container>table th[data-v-56468d49]:nth-child(6){width:70px}table.order-table th[data-v-56468d49]:nth-child(7),.table-container>table th[data-v-56468d49]:nth-child(7){width:100px}table.order-table th[data-v-56468d49]:nth-child(8),.table-container>table th[data-v-56468d49]:nth-child(8),table.order-table td[data-v-56468d49]:nth-child(8),.table-container>table td[data-v-56468d49]:nth-child(8){width:15%;word-break:break-word;white-space:normal}table.order-table th[data-v-56468d49]:nth-child(9),.table-container>table th[data-v-56468d49]:nth-child(9),table.order-table td[data-v-56468d49]:nth-child(9),.table-container>table td[data-v-56468d49]:nth-child(9){width:15%;word-break:break-word;white-space:normal}table.order-table th[data-v-56468d49]:nth-child(10),.table-container>table th[data-v-56468d49]:nth-child(10){width:80px}table.order-table th[data-v-56468d49]:nth-child(11),.table-container>table th[data-v-56468d49]:nth-child(11){width:80px}table.order-table td[data-v-56468d49],.table-container>table td[data-v-56468d49]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}table.order-table td[data-v-56468d49]:nth-child(8),table.order-table td[data-v-56468d49]:nth-child(9),.table-container>table td[data-v-56468d49]:nth-child(8),.table-container>table td[data-v-56468d49]:nth-child(9){white-space:normal;overflow:visible;word-wrap:break-word;max-width:200px;min-width:150px}@media (max-width: 768px){table.order-table[data-v-56468d49],.table-container>table[data-v-56468d49]{display:block;overflow-x:auto;white-space:nowrap}table.order-table td[data-v-56468d49]:nth-child(8),table.order-table td[data-v-56468d49]:nth-child(9),.table-container>table td[data-v-56468d49]:nth-child(8),.table-container>table td[data-v-56468d49]:nth-child(9){max-width:150px;min-width:100px}}.review-table.order-table th[data-v-56468d49]:nth-child(1),.review-table.order-table td[data-v-56468d49]:nth-child(1){width:15%}.review-table.order-table th[data-v-56468d49]:nth-child(2),.review-table.order-table td[data-v-56468d49]:nth-child(2){width:8%}.review-table.order-table th[data-v-56468d49]:nth-child(3),.review-table.order-table td[data-v-56468d49]:nth-child(3){width:8%}.review-table.order-table th[data-v-56468d49]:nth-child(4),.review-table.order-table td[data-v-56468d49]:nth-child(4){width:12%}.review-table.order-table th[data-v-56468d49]:nth-child(5),.review-table.order-table td[data-v-56468d49]:nth-child(5){width:20%;word-break:break-word;white-space:normal}.review-table.order-table th[data-v-56468d49]:nth-child(6),.review-table.order-table td[data-v-56468d49]:nth-child(6){width:20%;word-break:break-word;white-space:normal}.review-table.order-table th[data-v-56468d49]:nth-child(7),.review-table.order-table td[data-v-56468d49]:nth-child(7){width:10%}@media (max-width: 1024px){.table-container>table[data-v-56468d49]{min-width:1000px}.review-table.order-table[data-v-56468d49]{min-width:800px}}table.product-table th[data-v-56468d49]:first-child,table.product-table td[data-v-56468d49]:first-child{width:40px;min-width:40px;max-width:40px;text-align:center;padding:5px}table.product-table th[data-v-56468d49]:nth-child(2),table.product-table td[data-v-56468d49]:nth-child(2){width:80px;min-width:80px;max-width:80px;text-align:center}.product-export-btn[data-v-56468d49]{background-color:var(--primary-color);color:#fff}@media screen and (max-width: 768px){.product-export-btn[data-v-56468d49]{width:100%;margin-left:0;margin-right:0;box-sizing:border-box}}.logout-button[data-v-56468d49]{margin-left:10px;padding:3px 10px;background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease}.logout-button[data-v-56468d49]:hover{background-color:#ffffff4d}.customer-mode .logout-button[data-v-56468d49]{background-color:#6366f133}.customer-mode .logout-button[data-v-56468d49]:hover{background-color:#6366f14d}.admin-mode .logout-button[data-v-56468d49]{background-color:#50c87833}.admin-mode .logout-button[data-v-56468d49]:hover{background-color:#50c8784d}.change-list[data-v-56468d49]{padding:10px;background-color:#f8f9fa;border-radius:6px;text-align:left}.change-item[data-v-56468d49]{margin:12px 0;padding:12px;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;align-items:flex-start}.change-item.order-info[data-v-56468d49]{flex-direction:row;justify-content:center;align-items:center;text-align:center}.change-header[data-v-56468d49]{font-weight:700;color:#2c3e50;margin-bottom:8px;font-size:1.1em}.field-name[data-v-56468d49]{color:#666;font-weight:500;margin-right:8px;min-width:100px;text-align:right}.change-content[data-v-56468d49]{display:inline-flex;align-items:center;gap:8px;margin-top:4px;justify-content:center}.product-details[data-v-56468d49]{width:100%;padding:8px;background-color:#f8f9fa;border-radius:4px}.product-details>div[data-v-56468d49]:first-child{font-weight:500;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #e0e0e0}.product-changes[data-v-56468d49]{display:flex;flex-direction:column;width:100%;gap:8px;margin-top:8px}.change-row[data-v-56468d49]{display:flex;align-items:center;padding:6px 0;border-bottom:1px dashed #eee}.change-row[data-v-56468d49]:last-child{border-bottom:none}.change-values[data-v-56468d49]{display:flex;align-items:center;gap:8px;flex:1}.old-value[data-v-56468d49]{color:#e74c3c;text-decoration:none;background-color:#ffebee;padding:2px 6px;border-radius:3px;position:relative}.old-value[data-v-56468d49]:after{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background-color:#e74c3c;transform:rotate(-10deg)}.new-value[data-v-56468d49]{color:#27ae60;background-color:#e8f5e9;padding:2px 6px;border-radius:3px}.arrow[data-v-56468d49]{color:#95a5a6;font-weight:700;margin:0 4px}.change-detail[data-v-56468d49]{margin:8px 0;padding:8px;background-color:#fff;border-radius:4px;display:flex;align-items:center;gap:8px}.product-name[data-v-56468d49]{font-weight:500;color:#2c3e50}.new-status[data-v-56468d49]{color:#27ae60;font-weight:500}.shipping-date[data-v-56468d49]{color:#666;font-size:.9em;margin-left:auto}.simple-message[data-v-56468d49]{padding:10px;background-color:#f8f9fa;border-radius:4px;color:#2c3e50}.field-value[data-v-56468d49]{color:#2c3e50;flex:1}.product-header[data-v-56468d49]{font-weight:600;color:#2c3e50;margin-bottom:10px;font-size:1.05em;background-color:#e8f4f8;padding:8px 12px;border-radius:4px;width:100%;border-left:3px solid #2196F3}.search-container[data-v-56468d49]{background-color:#f5f5f5;padding:20px;border-radius:8px;margin-bottom:20px}.search-row[data-v-56468d49]{display:flex;gap:20px;margin-bottom:15px}.search-item[data-v-56468d49]{display:flex;align-items:center;gap:10px}.search-item select[data-v-56468d49],.search-item input[data-v-56468d49]{padding:8px;border:1px solid #ddd;border-radius:4px;width:200px}.search-button[data-v-56468d49]{background-color:#4caf50;color:#fff;padding:8px 20px;border:none;border-radius:4px;cursor:pointer}.search-button[data-v-56468d49]:hover{background-color:#45a049}.log-list[data-v-56468d49]{width:100%;border-collapse:collapse;margin-top:20px}.log-list th[data-v-56468d49],.log-list td[data-v-56468d49]{padding:12px;text-align:left;border-bottom:1px solid #ddd}.log-list th[data-v-56468d49]{background-color:#f5f5f5}.detail-button[data-v-56468d49]{background-color:#2196f3;color:#fff;padding:6px 12px;border:none;border-radius:4px;cursor:pointer}.detail-button[data-v-56468d49]:hover{background-color:#1976d2}.log-records-pagination[data-v-56468d49]{display:flex;justify-content:center;align-items:center;margin:20px 0;padding:10px;gap:15px}.log-records-pagination .pagination-button[data-v-56468d49]{background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:5px 15px;cursor:pointer;transition:all .2s}.log-records-pagination .pagination-button[data-v-56468d49]:hover:not(:disabled){background-color:#e9ecef;border-color:#ced4da}.log-records-pagination .pagination-button[data-v-56468d49]:disabled{cursor:not-allowed;opacity:.5}.log-records-pagination .current-page[data-v-56468d49]{font-size:16px;color:#333}.loading-indicator[data-v-56468d49]{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px 0;color:#666}.spinner[data-v-56468d49]{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:#007bff;animation:spin-56468d49 1s linear infinite;margin-bottom:10px}@keyframes spin-56468d49{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.log-detail-modal[data-v-56468d49]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.log-detail-modal .modal-content[data-v-56468d49]{background-color:#fff;padding:20px;border-radius:8px;width:80%;max-width:800px;max-height:80vh;overflow-y:auto}.log-detail-modal .modal-body[data-v-56468d49]{margin:20px 0}.changes-container[data-v-56468d49]{margin-top:10px}.changes-container pre[data-v-56468d49]{background-color:#f8f9fa;padding:15px;border-radius:8px;overflow-x:auto;white-space:pre-wrap;font-family:monospace;margin:0;line-height:1.5}.table-border[data-v-56468d49]{margin:0;padding:0;color:#666;line-height:1}.table-row[data-v-56468d49]{font-family:monospace;white-space:pre;padding:8px 0;color:#333}.log-detail-line[data-v-56468d49]{padding:8px 0;border-bottom:1px solid #eee;font-family:inherit}.log-detail-line[data-v-56468d49]:last-child{border-bottom:none}.log-detail-modal .modal-footer[data-v-56468d49]{text-align:right}.log-detail-modal .modal-footer button[data-v-56468d49]{background-color:#4caf50;color:#fff;padding:8px 20px;border:none;border-radius:4px;cursor:pointer}.log-detail-modal .modal-footer button[data-v-56468d49]:hover{background-color:#45a049}.product-detail-row[data-v-56468d49]{display:flex;margin-bottom:8px;padding:8px;border-bottom:1px solid #f0f0f0}.product-detail-row .label[data-v-56468d49]{width:120px;font-weight:700;color:#555}.product-detail-row .value[data-v-56468d49]{flex:1}.generic-detail-row[data-v-56468d49]{display:flex;margin-bottom:8px;padding:8px;border-bottom:1px solid #f0f0f0}.generic-detail-row .label[data-v-56468d49]{width:120px;font-weight:700;color:#555}.generic-detail-row .value[data-v-56468d49]{flex:1;word-break:break-all}.loading-container[data-v-56468d49]{padding:30px;text-align:center;color:#666;display:flex;flex-direction:column;align-items:center;gap:15px}.loading-spinner[data-v-56468d49]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #4CAF50;border-radius:50%;animation:spin-56468d49 1s linear infinite}.no-data[data-v-56468d49]{padding:30px;text-align:center;color:#666;background-color:#f8f9fa;border-radius:4px}.no-data p[data-v-56468d49]{font-size:16px;margin:0}.search-panel[data-v-56468d49]{background-color:#f8f9fa;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;overflow:hidden}.search-panel-header[data-v-56468d49]{background-color:#e9ecef;padding:12px 16px;border-bottom:1px solid #dee2e6}.search-title[data-v-56468d49]{margin:0;font-size:16px;color:#495057;font-weight:600;display:flex;align-items:center}.search-panel-body[data-v-56468d49]{padding:16px}.search-form[data-v-56468d49]{width:100%}.search-form-row[data-v-56468d49]{display:flex;gap:15px;margin-bottom:15px;flex-wrap:wrap}.search-form-item[data-v-56468d49]{flex:1;min-width:200px}.field-label[data-v-56468d49]{display:block;margin-bottom:5px;font-size:14px;color:#495057;font-weight:500}.search-field[data-v-56468d49]{width:100%;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;line-height:1.5}.date-range-wrapper[data-v-56468d49]{display:flex;align-items:center;gap:8px}.date-field[data-v-56468d49]{flex:1;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px}.date-separator[data-v-56468d49]{font-weight:700;color:#495057}.search-actions[data-v-56468d49]{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.action-btn[data-v-56468d49]{padding:8px 16px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s,color .2s}.search-btn[data-v-56468d49]{background-color:var(--primary-color);color:#fff}.search-btn[data-v-56468d49]:hover{background-color:var(--primary-hover-color)}.reset-btn[data-v-56468d49]{background-color:#e9ecef;color:#495057;border:1px solid #ced4da}.reset-btn[data-v-56468d49]:hover{background-color:#dee2e6}.reset-btn[data-v-56468d49]:disabled{opacity:.5;cursor:not-allowed}.search-panel.compact[data-v-56468d49]{margin-bottom:20px;background-color:#f8f9fa;border-radius:8px}.search-panel.compact .search-panel-body[data-v-56468d49]{padding:15px}.search-panel.compact .search-form-row[data-v-56468d49]{display:flex;gap:10px;margin-bottom:10px;align-items:center}.search-panel.compact .search-form-item[data-v-56468d49]{flex:1;min-width:150px}.search-panel.compact .date-range-field[data-v-56468d49]{flex:2}.search-panel.compact .date-range-wrapper[data-v-56468d49]{display:flex;align-items:center}.search-panel.compact .search-field[data-v-56468d49],.search-panel.compact .date-field[data-v-56468d49]{padding:8px 12px;border:1px solid #dee2e6;border-radius:4px;width:100%;font-size:14px}.search-panel.compact .search-field[data-v-56468d49]:focus,.search-panel.compact .date-field[data-v-56468d49]:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.25)}.search-panel.compact .search-input[data-v-56468d49]::placeholder{color:#adb5bd}.search-panel.compact .date-field[data-v-56468d49]{flex:1;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-size:15px;background-position:right 8px center;background-repeat:no-repeat}.search-panel.compact .date-field[data-v-56468d49]:focus{border-color:var(--primary-color);outline:none}.search-panel.compact .date-separator[data-v-56468d49]{margin:0 5px;font-weight:700}.search-panel.compact .reset-btn[data-v-56468d49]{padding:8px 15px;background:none;border:1px solid #ced4da;border-radius:4px;color:#6c757d;cursor:pointer;font-size:14px;transition:all .2s;display:flex;align-items:center;justify-content:center}.search-panel.compact .reset-btn[data-v-56468d49]:hover{background-color:#e9ecef;border-color:#ced4da}@media (max-width: 768px){.search-panel.compact .search-form-row[data-v-56468d49]{flex-direction:column;margin-bottom:10px;width:100%}.search-panel.compact .search-form-item[data-v-56468d49]{width:100%;margin-bottom:8px}.search-panel.compact .date-range-wrapper[data-v-56468d49]{flex-direction:column;width:100%}.search-panel.compact .date-field[data-v-56468d49]{width:100%;margin-right:0;margin-bottom:8px}.search-panel.compact .date-separator[data-v-56468d49]{display:block;text-align:center;margin:5px 0;width:100%}.search-panel.compact .search-field[data-v-56468d49]{width:100%;margin-bottom:8px}.search-panel.compact input.search-field[type=text][data-v-56468d49]{padding:10px;border-radius:4px;border:1px solid #ccc;width:100%;font-size:14px}.search-panel.compact input.search-field[type=text][data-v-56468d49]:focus{border-color:#43a047;box-shadow:0 0 0 2px #43a04733;outline:none}}.search-panel.compact input.search-field[type=text][data-v-56468d49]{padding:10px;border-radius:4px;border:1px solid #ccc;width:100%;font-size:14px;transition:border-color .2s,box-shadow .2s}.search-panel.compact input.search-field[type=text][data-v-56468d49]:focus{border-color:#43a047;box-shadow:0 0 0 2px #43a04733;outline:none}.search-panel.compact .search-form-row[data-v-56468d49]:last-of-type{margin-top:10px;display:flex;flex-wrap:wrap}.search-panel.compact .search-form-row:last-of-type .search-form-item[data-v-56468d49]{flex:1;min-width:200px;margin-right:10px}@media (min-width: 769px){.search-panel.compact .search-form-row:last-of-type .search-form-item[data-v-56468d49]{max-width:100%}}.date-range-field[data-v-56468d49]{flex:2}.record-detail-field[data-v-56468d49]{flex:1;margin-left:10px}@media (min-width: 769px){.search-panel.compact .search-form-row[data-v-56468d49]{display:flex;align-items:center;margin-bottom:15px}.search-panel.compact .date-range-wrapper[data-v-56468d49]{display:flex;align-items:center}.search-panel.compact .search-form-item.record-detail-field[data-v-56468d49]{max-width:300px}}@media (max-width: 768px){.search-panel.compact .search-form-row[data-v-56468d49]{flex-direction:column;margin-bottom:10px;width:100%}.search-panel.compact .search-form-item[data-v-56468d49]{width:100%;margin-bottom:8px}.search-panel.compact .record-detail-field[data-v-56468d49]{margin-left:0;margin-top:8px;width:100%}.search-panel.compact .date-range-wrapper[data-v-56468d49]{flex-direction:column;width:100%}.search-panel.compact .date-field[data-v-56468d49]{width:100%;margin-right:0;margin-bottom:8px}.search-panel.compact .date-separator[data-v-56468d49]{display:block;text-align:center;margin:5px 0;width:100%}.search-panel.compact .search-field[data-v-56468d49]{width:100%;margin-bottom:8px}.search-panel.compact input.search-field[type=text][data-v-56468d49]{padding:10px;border-radius:4px;border:1px solid #ccc;width:100%;font-size:14px}.search-panel.compact input.search-field[type=text][data-v-56468d49]:focus{border-color:#43a047;box-shadow:0 0 0 2px #43a04733;outline:none}}.search-panel.compact .button-group[data-v-56468d49]{display:flex;gap:10px;justify-content:flex-end;margin-top:15px;width:100%}.search-panel.compact .primary-btn[data-v-56468d49]{background-color:#4caf50;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:14px;cursor:pointer;transition:background-color .3s;min-width:60px;text-align:center}.search-panel.compact .primary-btn[data-v-56468d49]:hover{background-color:#3e8e41}.search-panel.compact .secondary-btn.reset-btn[data-v-56468d49]{background-color:#f0f0f0;color:#666;border:1px solid #ccc;border-radius:4px;padding:6px 12px;font-size:14px;cursor:pointer;transition:background-color .3s;min-width:60px;text-align:center}.search-panel.compact .secondary-btn.reset-btn[data-v-56468d49]:hover{background-color:#e0e0e0;color:#333}@media (max-width: 768px){.search-panel.compact .button-group[data-v-56468d49]{justify-content:center;flex-direction:column;align-items:center;gap:10px;width:100%}.search-panel.compact .primary-btn[data-v-56468d49],.search-panel.compact .reset-btn[data-v-56468d49]{min-width:100px;width:100%;margin:0;padding:10px 0;font-size:15px}.search-panel.compact .primary-btn[data-v-56468d49]{order:1}.search-panel.compact .reset-btn[data-v-56468d49]{order:2}}.login-container[data-v-56468d49]{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;position:relative;overflow:hidden}.bg-squares[data-v-56468d49]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;margin:0;padding:0;z-index:1}.bg-squares li[data-v-56468d49]{position:absolute;display:block;list-style:none;width:20px;height:20px;background:#ffffff1a;animation:animate-56468d49 25s linear infinite;bottom:-150px;z-index:1}.admin-mode .bg-squares li[data-v-56468d49]{background:#4caf501a}.customer-mode .bg-squares li[data-v-56468d49]{background:#673ab71a}.bg-squares li[data-v-56468d49]:nth-child(1){left:25%;width:80px;height:80px;animation-delay:0s}.bg-squares li[data-v-56468d49]:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}.bg-squares li[data-v-56468d49]:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}.bg-squares li[data-v-56468d49]:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}.bg-squares li[data-v-56468d49]:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}.bg-squares li[data-v-56468d49]:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s}.bg-squares li[data-v-56468d49]:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s}.bg-squares li[data-v-56468d49]:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}.bg-squares li[data-v-56468d49]:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}.bg-squares li[data-v-56468d49]:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s}@keyframes animate-56468d49{0%{transform:translateY(0) rotate(0);opacity:1;border-radius:0}to{transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:50%}}.login-box[data-v-56468d49]{width:400px;max-width:90%;background:var(--white);padding:40px;border-radius:10px;box-shadow:0 15px 25px #0000001a;position:relative;z-index:2}.admin-mode .login-box[data-v-56468d49]{border-top:5px solid #4CAF50}.customer-mode .login-box[data-v-56468d49]{border-top:5px solid #673AB7}.login-box h2[data-v-56468d49]{margin:0 0 30px;padding:0;color:var(--text-color);text-align:center;font-size:24px}.admin-mode .login-box h2[data-v-56468d49]{color:#4caf50}.customer-mode .login-box h2[data-v-56468d49]{color:#673ab7}.login-form .form-group[data-v-56468d49]{position:relative;margin-bottom:25px}.login-form .form-group label[data-v-56468d49]{display:block;margin-bottom:8px;font-weight:500;color:var(--text-color)}.login-form .form-group input[data-v-56468d49]{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:5px;font-size:16px;transition:border-color .3s}.admin-mode .login-form .form-group input[data-v-56468d49]:focus{border-color:#4caf50;outline:none}.customer-mode .login-form .form-group input[data-v-56468d49]:focus{border-color:#673ab7;outline:none}.login-button[data-v-56468d49]{width:100%;padding:12px 0;border:none;border-radius:5px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:background-color .3s}.admin-mode .login-button[data-v-56468d49]{background-color:#4caf50}.admin-mode .login-button[data-v-56468d49]:hover{background-color:#3e8e41}.customer-mode .login-button[data-v-56468d49]{background-color:#673ab7}.customer-mode .login-button[data-v-56468d49]:hover{background-color:#5e35b1}.login-button[data-v-56468d49]:disabled{opacity:.7;cursor:not-allowed}@media screen and (max-width: 768px){.login-box[data-v-56468d49]{width:320px;padding:30px}.login-form .form-group input[data-v-56468d49]{padding:10px 12px;font-size:14px}.login-button[data-v-56468d49]{padding:10px 0;font-size:14px}}.large-image[data-v-56468d49]{max-width:100%;max-height:100vh;object-fit:contain;margin:0 auto;display:block;border-radius:5px;box-shadow:0 4px 8px #0003}.modal-content[data-v-56468d49]{padding:15px;max-width:95%;max-height:95vh;overflow:auto;display:flex;flex-direction:column;align-items:center}.modal-content .close-button[data-v-56468d49]{position:absolute;top:10px;right:15px;font-size:24px;cursor:pointer;background:#fffc;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;z-index:10}.login-page[data-v-56468d49]{height:100vh;width:100vw;overflow:hidden;position:fixed;top:0;left:0;margin:0;padding:0}.error-message[data-v-56468d49]{color:#ff4c4c;font-size:.8rem;margin-top:4px;display:block}.lock-message[data-v-56468d49]{color:#ff4c4c;font-size:.9rem;margin-top:15px;padding:10px;background-color:#ff4c4c1a;border-radius:4px;text-align:center}.line-binding[data-v-34a1529e]{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;text-align:center}.loading-message[data-v-34a1529e]{font-size:18px;color:#333}.error-message[data-v-34a1529e]{color:#f44;font-size:16px;margin:20px;text-align:center;padding:20px;background-color:#fff0f0;border-radius:8px;box-shadow:0 2px 4px #0000001a}.error-message p[data-v-34a1529e]{margin-bottom:15px}.error-message .close-button[data-v-34a1529e]{margin-top:15px;padding:8px 16px;background-color:#f44;color:#fff;border:none;border-radius:4px;cursor:pointer}.error-message .close-button[data-v-34a1529e]:hover{background-color:#f33}.success-message[data-v-34a1529e]{color:#070;font-size:16px;margin-top:20px;text-align:center}.close-button[data-v-34a1529e]{margin-top:15px;padding:8px 16px;background-color:#06c755;color:#fff;border:none;border-radius:4px;cursor:pointer}.close-button[data-v-34a1529e]:hover{background-color:#059b43}.container[data-v-34a1529e]{display:flex;flex-direction:column;min-height:100vh}.main-content[data-v-34a1529e]{flex:1;padding:20px;display:flex;flex-direction:column}.header[data-v-34a1529e]{display:flex;justify-content:space-between;padding:10px;background-color:#f5f5f5;margin-bottom:20px}.content-wrapper[data-v-34a1529e]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.search-tip[data-v-e672f51e]{display:block;font-size:12px;color:#666;margin-top:4px}