:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#333;background-color:#f5f7fa}body{margin:0;min-width:320px;min-height:100vh;background:#f5f7fa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}img,svg,video,canvas,audio,iframe,embed,object{display:block;max-width:100%}.home-root{display:flex;flex-direction:column;align-items:center;min-height:100vh;width:100%;background:#f5f7fa;padding-bottom:20px}.profile-header{width:100%;background:#1677ff;display:flex;align-items:center;padding:20px;box-sizing:border-box;position:relative}.avatar-container{margin-right:15px}.avatar{width:60px;height:60px;border-radius:50%;background-color:#fff;border:2px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar-image{width:70%;height:70%;object-fit:contain;border-radius:50%}.restaurant-info{display:flex;flex-direction:column;flex:1}.restaurant-name{font-size:18px;font-weight:500;color:#fff;margin-bottom:4px}.restaurant-account{font-size:14px;color:#fffc}.header-actions{display:flex;align-items:center;gap:10px}.order-reminder-banner{width:100%;max-width:480px;margin:12px auto 0;padding:12px 16px;background-color:#fff2f0;border-radius:10px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;box-sizing:border-box;transition:background-color .2s}.order-reminder-banner:active{background-color:#ffe8e5}.order-reminder-content{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.order-reminder-icon{font-size:18px;flex-shrink:0}.order-reminder-text{font-size:14px;color:#333;line-height:1.4}.order-reminder-link{font-size:14px;color:#1677ff;white-space:nowrap;flex-shrink:0;margin-left:12px}.feature-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:20px;padding:25px 20px;width:100%;max-width:480px;margin:20px auto 0;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;box-sizing:border-box}.feature-item{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:16px 8px;border-radius:8px;transition:background-color .2s ease;min-height:125px}.feature-item:hover{background-color:#f8f9fa}.feature-item:active{background-color:#e9ecef;transform:scale(.98)}.feature-icon-container{width:85px;height:85px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;position:relative}.feature-badge{position:absolute;top:0;right:0;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:500;color:#fff;background-color:#ff4d4f;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #ff4d4f4d;z-index:1}.feature-icon{width:65px;height:65px;object-fit:contain}.feature-label{font-size:14px;color:#333;text-align:center;font-weight:500;line-height:1.3;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;min-height:36px;display:flex;align-items:center;justify-content:center}@media (max-width: 600px){.feature-container{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:15px;padding:25px 20px}.feature-item{padding:14px 6px;min-height:120px}.feature-icon-container{width:80px;height:80px;margin-bottom:8px}.feature-icon{width:60px;height:60px}.feature-badge{min-width:18px;height:18px;font-size:11px;padding:0 5px}.feature-label{font-size:13px;min-height:34px}.profile-header{padding:15px}.avatar{width:50px;height:50px}.restaurant-name{font-size:16px}.restaurant-account{font-size:12px}}@media (max-width: 400px){.feature-container{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:18px;padding:22px 15px}.feature-item{padding:12px 4px;min-height:100px}.feature-icon-container{width:70px;height:70px;margin-bottom:6px}.feature-icon{width:55px;height:55px}.feature-badge{min-width:16px;height:16px;font-size:10px;padding:0 4px}.feature-label{font-size:12px;min-height:32px}.profile-header{padding:12px}.avatar{width:45px;height:45px}}.page-footer{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:480px;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px 16px 16px;box-shadow:0 -2px 8px #0000000f;z-index:1000}.page-footer .back-btn{background:none;border:none;color:#222;font-size:18px;display:flex;align-items:center;cursor:pointer;flex-shrink:0}.page-footer .primary-btn{background:#1677ff;color:#fff;border:none;border-radius:22px;font-size:16px;font-weight:500;padding:10px 32px;cursor:pointer;box-shadow:0 2px 8px #1677ff14;transition:background .2s;flex-shrink:0}.page-footer .primary-btn:active{background:#145ecb}.page-footer .circle-btn{background:#1677ff;color:#fff;border:none;border-radius:50%;width:72px;height:72px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #1677ff26;cursor:pointer;margin:0 8px;transition:background .2s;position:relative}.page-footer .circle-btn:active{background:#145ecb}.page-footer .circle-btn:disabled{background:#ccc;cursor:not-allowed}@media (max-width: 600px){.page-footer{width:100%;max-width:100%;padding:10px 12px 12px}.page-footer .primary-btn{font-size:15px;padding:8px 24px}.page-footer .circle-btn{width:56px;height:56px}.page-footer .back-btn{font-size:16px}}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}@media (max-width: 600px){button,[role=button],input[type=button],input[type=submit],input[type=reset]{min-height:44px;min-width:44px}a,[tabindex]:not([tabindex="-1"]){padding:8px;margin:-8px}}@supports (-webkit-touch-callout: none){body{-webkit-overflow-scrolling:touch}input,textarea{font-size:16px}}@supports not (-webkit-touch-callout: none){body{overflow-x:hidden}}.lang-switch-btn{position:absolute;top:16px;left:16px;padding:6px 16px;border:1px solid #ccc;border-radius:4px;background:#fff;cursor:pointer;font-size:14px;transition:background .2s}.lang-switch-btn:hover{background:#f0f0f0}.language-switch-icon{font-size:36px;color:#1677ff;cursor:pointer;display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:transform .3s}.language-switch-icon:active{transform:scale(.9)}.language-switch-text{background:#f0f5ff;color:#1677ff;border:1px solid #d6e4ff;border-radius:4px;padding:6px 12px;font-size:14px;cursor:pointer;transition:all .3s}.language-switch-text:hover{background:#e6f0ff}.language-switch-text:active{background:#d6e4ff}.language-switch-mini{background:#1677ff;color:#fff;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 2px 4px #1677ff33}.language-switch-mini:hover{background:#0f62e6}.language-switch-mini:active{transform:scale(.9)}@media (max-width: 600px){.language-switch-icon{font-size:28px}.language-switch-text{font-size:12px;padding:4px 10px}.language-switch-mini{width:38px;height:38px;font-size:16px}}@media (max-width: 400px){.language-switch-mini{width:35px;height:35px;font-size:15px}}.ocr-root{min-height:100vh;background:#f7f7f7;display:flex;flex-direction:column;align-items:center}.ocr-material-list{width:100vw;max-width:480px;padding:12px 0 0}.ocr-material-card{background:#fff;border-radius:12px;margin:12px 12px 0;padding:16px 14px;box-shadow:0 2px 8px #0000000d;border:3px solid transparent;transition:border .2s;height:150px;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;overflow:hidden}.ocr-material-card-active{border:3px solid #1677ff}.ocr-material-row{display:flex;justify-content:space-between;align-items:center;font-size:15px;margin-bottom:8px;color:#222;overflow:hidden;text-overflow:ellipsis}.ocr-material-row:last-child{margin-bottom:0}.ocr-material-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ocr-material-row span:first-child{max-width:40%;margin-right:10px}.ocr-material-row span:last-child{max-width:60%;text-align:right}.ocr-img-list{display:flex;flex-direction:row;gap:18px;margin:18px 0 0;padding:0 12px;width:100vw;max-width:480px;overflow-x:auto}.ocr-img-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:8px 8px 0;min-width:100px;display:flex;flex-direction:column;align-items:center;position:relative}.ocr-img-item img{width:80px;height:100px;object-fit:cover;border-radius:6px}.ocr-img-status{width:100%;text-align:center;font-size:13px;font-weight:500;margin:6px 0 8px;border-radius:8px;padding:2px 0}.ocr-img-status-success{background:#00b578;color:#fff}.ocr-img-status-pending{background:#1677ff;color:#fff}.ocr-camera-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ocr-camera-icon svg{width:40px;height:40px}@media (max-width: 600px){.ocr-material-list,.ocr-img-list{max-width:100vw}.ocr-material-card{margin:10px 4px 0;padding:14px 12px;height:140px}.ocr-img-list{gap:10px;margin-top:10px;padding:0 4px}.ocr-camera-icon svg{width:32px;height:32px}}@media (max-width: 600px){.ocr-material-card{margin:10px 4px 0;padding:14px 12px;height:140px}}@media (max-width: 430px){.ocr-material-card{padding:12px 10px;height:130px}.ocr-material-row{font-size:14px;margin-bottom:6px}}:root{--adm-radius-s: 4px;--adm-radius-m: 8px;--adm-radius-l: 12px;--adm-font-size-1: 9px;--adm-font-size-2: 10px;--adm-font-size-3: 11px;--adm-font-size-4: 12px;--adm-font-size-5: 13px;--adm-font-size-6: 14px;--adm-font-size-7: 15px;--adm-font-size-8: 16px;--adm-font-size-9: 17px;--adm-font-size-10: 18px;--adm-color-primary: #1677ff;--adm-color-success: #00b578;--adm-color-warning: #ff8f1f;--adm-color-danger: #ff3141;--adm-color-yellow: #ff9f18;--adm-color-orange: #ff6430;--adm-color-wathet: #e7f1ff;--adm-color-text: #333333;--adm-color-text-secondary: #666666;--adm-color-weak: #999999;--adm-color-light: #cccccc;--adm-color-border: #eeeeee;--adm-color-background: #ffffff;--adm-color-highlight: var(--adm-color-danger);--adm-color-white: #ffffff;--adm-color-box: #f5f5f5;--adm-color-text-light-solid: var(--adm-color-white);--adm-color-text-dark-solid: #000000;--adm-color-fill-content: var(--adm-color-box);--adm-font-size-main: var(--adm-font-size-5);--adm-font-family: -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, segoe ui, arial, roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--adm-border-color: var(--adm-color-border)}html[data-prefers-color-scheme=dark]{--adm-color-primary: #3086ff;--adm-color-success: #34b368;--adm-color-warning: #ffa930;--adm-color-danger: #ff4a58;--adm-color-yellow: #ffa930;--adm-color-orange: #e65a2b;--adm-color-wathet: #0d2543;--adm-color-text: #e6e6e6;--adm-color-text-secondary: #b3b3b3;--adm-color-weak: #808080;--adm-color-light: #4d4d4d;--adm-color-border: #2b2b2b;--adm-color-box: #0a0a0a;--adm-color-background: #1a1a1a;--adm-color-background-body: var(--adm-color-background);--adm-border-color: var(--adm-color-border)}:root{-webkit-tap-highlight-color:rgba(0,0,0,0)}html{background-color:var(--adm-color-background-body)}body{color:var(--adm-color-text);font-size:var(--adm-font-size-main);font-family:var(--adm-font-family)}a,button{cursor:pointer}a{color:var(--adm-color-primary);transition:opacity ease-in-out .2s}a:active{opacity:.8}.adm-plain-anchor{color:unset;transition:none}.adm-plain-anchor:active{opacity:unset}body.adm-overflow-hidden{overflow:hidden!important}div.adm-px-tester{--size: 1;height:calc(var(--size) / 2 * 2px);width:0;position:fixed;left:-100vw;top:-100vh;-webkit-user-select:none;user-select:none;pointer-events:none}.adm-popup{--z-index: var(--adm-popup-z-index, 1000);position:fixed;z-index:var(--z-index)}.adm-popup-body{position:fixed;background-color:var(--adm-color-background);z-index:calc(var(--z-index) + 10)}.adm-popup-body .adm-popup-close-icon{position:absolute;z-index:100}.adm-popup-body-position-bottom{width:100%;bottom:0;left:0}.adm-popup-body-position-bottom .adm-popup-close-icon{right:8px;top:8px}.adm-popup-body-position-top{width:100%;top:0;left:0}.adm-popup-body-position-top .adm-popup-close-icon{right:8px;bottom:8px}.adm-popup-body-position-left{height:100%;top:0;left:0}.adm-popup-body-position-left .adm-popup-close-icon{right:8px;top:8px}.adm-popup-body-position-right{height:100%;top:0;right:0}.adm-popup-body-position-right .adm-popup-close-icon{left:8px;top:8px}.adm-popup-close-icon{cursor:pointer;padding:4px;font-size:18px;line-height:1;color:var(--adm-color-weak)}.adm-mask{--z-index: var(--adm-mask-z-index, 1000);position:fixed;top:0;left:0;z-index:var(--z-index);display:block;width:100%;height:100%}.adm-mask-aria-button{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;pointer-events:none}.adm-mask-content{z-index:1}.adm-safe-area{--multiple: var(--adm-safe-area-multiple, 1);display:block;width:100%}.adm-safe-area-position-top{padding-top:calc(env(safe-area-inset-top) * var(--multiple))}.adm-safe-area-position-bottom{padding-bottom:calc(env(safe-area-inset-bottom) * var(--multiple))}.adm-auto-center{display:flex;justify-content:center}.adm-auto-center-content{flex:0 1 auto}.adm-button{--color: var(--adm-color-text-light-solid);--text-color: var(--adm-button-text-color, var(--adm-color-text));--background-color: var(--adm-button-background-color, var(--adm-color-background));--border-radius: var(--adm-button-border-radius, 4px);--border-width: var(--adm-button-border-width, 1px);--border-style: var(--adm-button-border-style, solid);--border-color: var(--adm-button-border-color, var(--adm-color-border));color:var(--text-color);background-color:var(--background-color);position:relative;display:inline-block;box-sizing:border-box;height:auto;padding:7px 12px;margin:0;font-size:var(--adm-font-size-9);line-height:1.4;text-align:center;border:var(--border-width) var(--border-style) var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:opacity ease .15s;-webkit-user-select:none;user-select:none}.adm-button:focus{outline:none}.adm-button:before{position:absolute;top:0;left:0;transform:translate(calc(var(--border-width) * -1),calc(var(--border-width) * -1));width:100%;height:100%;background-color:var(--adm-color-text-dark-solid);border:var(--border-width) var(--border-style) var(--adm-color-text-dark-solid);border-radius:var(--border-radius);opacity:0;content:" ";box-sizing:content-box}.adm-button:active:before{opacity:.08}.adm-button-default.adm-button-fill-outline{--background-color: transparent;--border-color: var(--adm-color-text)}.adm-button-default.adm-button-fill-none{--background-color: transparent;--border-width: 0px}.adm-button:not(.adm-button-default){--text-color: var(--adm-color-text-light-solid);--background-color: var(--color);--border-color: var(--color)}.adm-button:not(.adm-button-default).adm-button-fill-outline{--text-color: var(--color);--background-color: transparent}.adm-button:not(.adm-button-default).adm-button-fill-none{--text-color: var(--color);--background-color: transparent;--border-width: 0px}.adm-button-primary{--color: var(--adm-color-primary)}.adm-button-success{--color: var(--adm-color-success)}.adm-button-danger{--color: var(--adm-color-danger)}.adm-button-warning{--color: var(--adm-color-warning)}.adm-button-block{display:block;width:100%}.adm-button-disabled{cursor:not-allowed;opacity:.4}.adm-button-disabled:active:before{display:none}.adm-button.adm-button-mini{padding-top:3px;padding-bottom:3px;font-size:var(--adm-font-size-main)}.adm-button.adm-button-mini.adm-button-shape-rounded{padding-left:9px;padding-right:9px}.adm-button.adm-button-small{padding-top:3px;padding-bottom:3px;font-size:var(--adm-font-size-7)}.adm-button.adm-button-large{padding-top:11px;padding-bottom:11px;font-size:var(--adm-font-size-10)}.adm-button.adm-button-shape-rounded{--border-radius: 1000px}.adm-button.adm-button-shape-rectangular{--border-radius: 0}.adm-button-loading{vertical-align:bottom}.adm-button-loading-wrapper{display:flex;height:1.4em;align-items:center;justify-content:center}.adm-button-loading-wrapper>.adm-loading{opacity:.6}.adm-dot-loading{display:inline-block}.adm-picker{--header-button-font-size: var(--adm-font-size-7);--title-font-size: var(--adm-font-size-7);--item-font-size: var(--adm-font-size-8);--item-height: 34px;width:100%;height:300px;overflow:hidden;position:relative;display:flex;flex-direction:column;---item-font-size: var(--item-font-size);---item-height: var(--item-height)}.adm-picker .adm-picker-view.adm-picker-view{--item-font-size: var(---item-font-size);--item-height: var(---item-height)}.adm-picker-header{flex-shrink:0;border-bottom:solid 1px var(--adm-color-border);display:flex;justify-content:space-between;align-items:center;padding:4px}.adm-picker-header-button{font-size:var(--header-button-font-size);display:inline-block;padding:8px}.adm-picker-header-button-disabled,.adm-picker-header-button-disabled:active{opacity:.4;cursor:not-allowed}.adm-picker-header-title{padding:4px;font-size:var(--title-font-size);color:var(--adm-color-text);text-align:center;flex:1}.adm-picker-body{flex:1;width:100%;height:100%}.adm-picker-body>.adm-picker-view{--height: 100%}.adm-picker-popup .adm-popup-body{border-top-left-radius:8px;border-top-right-radius:8px}.adm-spin-loading{--color: var(--adm-color-weak);--size: 32px;width:var(--size);height:var(--size)}.adm-spin-loading-svg{width:100%;height:100%;animation:adm-spin-loading-rotate .8s infinite linear}.adm-spin-loading-svg>.adm-spin-loading-fill{stroke:var(--color)}@keyframes adm-spin-loading-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.adm-picker-view{--height: 240px;--item-height: 34px;--item-font-size: var(--adm-font-size-8);height:var(--height);width:100%;display:flex;position:relative;overflow:hidden;background:var(--adm-color-background)}.adm-picker-view-column{height:100%;flex:1;-webkit-user-select:none;user-select:none;touch-action:none;position:relative;z-index:0}.adm-picker-view-column-wheel{width:100%;cursor:-webkit-grab;cursor:grab;position:absolute;top:calc(50% - var(--item-height) / 2);left:0}.adm-picker-view-column-wheel:before{content:" ";display:block;position:absolute;width:100%;height:100vh;top:-100vh}.adm-picker-view-column-wheel:after{content:" ";display:block;position:absolute;width:100%;height:100vh;bottom:-100vh}.adm-picker-view-column-item{font-size:var(--item-font-size);padding:0 6px;height:var(--item-height);display:flex;justify-content:center;align-items:center}.adm-picker-view-column-item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adm-picker-view-column-accessible{width:100%;height:100%;pointer-events:none;opacity:0;display:flex;flex-direction:column;position:relative;top:calc(var(--item-height) * -1);z-index:0;padding-bottom:1px}.adm-picker-view-column-accessible>*{flex:1;text-overflow:ellipsis}.adm-picker-view-column-accessible-current{position:absolute;width:100%;height:100%}.adm-picker-view-column-accessible-button{width:100%;height:100%}.adm-picker-view-mask{position:absolute;z-index:10000;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;pointer-events:none}.adm-picker-view-mask-top,.adm-picker-view-mask-bottom{flex:auto}.adm-picker-view-mask-middle{height:var(--item-height);box-sizing:border-box;flex:none;border-top:solid 1px var(--adm-color-border);border-bottom:solid 1px var(--adm-color-border)}.adm-picker-view-mask-top{background:var(--adm-color-background);-webkit-mask:linear-gradient(0deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.8) 50%,#000000 100%);mask:linear-gradient(0deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.8) 50%,#000000 100%)}.adm-picker-view-mask-bottom{background:var(--adm-color-background);-webkit-mask:linear-gradient(180deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.8) 50%,#000000 100%);mask:linear-gradient(180deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.8) 50%,#000000 100%)}.adm-picker-view-loading-content{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.adm-picker-view-item-height-measure{position:relative;left:0;top:0;height:var(--item-height);width:0;pointer-events:none}.adm-input{--font-size: var(--adm-font-size-9);--color: var(--adm-color-text);--placeholder-color: var(--adm-color-light);--text-align: left;--background-color: transparent;display:flex;justify-content:flex-start;align-items:center;width:100%;max-width:100%;max-height:100%;min-height:24px;background-color:var(--background-color)}.adm-input-disabled{opacity:.4;cursor:not-allowed}.adm-input-element{flex:auto;display:inline-block;box-sizing:border-box;width:100%;max-width:100%;max-height:100%;padding:0;margin:0;color:var(--color);font-size:var(--font-size);line-height:1.5;background:transparent;border:0;outline:none;-webkit-appearance:none;appearance:none;min-height:1.5em;text-align:var(--text-align)}.adm-input-element::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit}.adm-input-element::placeholder{color:var(--placeholder-color);font-family:inherit}.adm-input-element:-webkit-autofill{background-color:transparent}.adm-input-element:read-only{cursor:default}.adm-input-element:invalid{box-shadow:none}.adm-input-element::-ms-clear{display:none}.adm-input-element::-ms-reveal{display:none}.adm-input-element::-webkit-search-cancel-button{display:none}.adm-input-element::-webkit-search-decoration{display:none}.adm-input-element:disabled{opacity:1}.adm-input-element[type=date],.adm-input-element[type=time],.adm-input-element[type=datetime-local]{min-height:1.5em}.adm-input-element[type=search]{-webkit-appearance:none}.adm-input-element[readonly]{pointer-events:none}.adm-input-clear{flex:none;margin-left:8px;color:var(--adm-color-light);padding:4px;cursor:pointer}.adm-input-clear:active{color:var(--adm-color-weak)}.adm-input-clear .antd-mobile-icon{display:block;font-size:var(--adm-font-size-7)}.adm-search-bar{--height: 32px;--padding-left: 8px;--background: var(--adm-color-fill-content);--border-radius: 6px;--placeholder-color: var(--adm-color-weak);---placeholder-color: var(--placeholder-color);display:flex;justify-content:center;align-items:center;height:var(--height)}.adm-search-bar .adm-search-bar-input-box{flex:auto;background:var(--background);border-radius:var(--border-radius);border:solid 1px transparent;display:flex;justify-content:center;align-items:center;padding-left:var(--padding-left)}.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input-box-icon{flex:none;color:var(--adm-color-light);font-size:var(--adm-font-size-8)}.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input{flex:auto;padding:4px 8px 4px 4px;height:calc(var(--height) - 2px);box-sizing:border-box}.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input.adm-input{--placeholder-color: var(---placeholder-color);--font-size: var(--adm-font-size-7)}.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input .adm-input-element{line-height:19px}.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input.adm-search-bar-input-without-icon{padding-left:8px}.adm-search-bar .adm-search-bar-suffix{flex:none;margin-left:4px}.adm-search-bar .adm-search-bar-cancel-button.adm-button{padding:3px 12px}.adm-search-bar-active .adm-input.adm-input.adm-input{--placeholder-color: var(--adm-color-light)}.adm-search-bar-active .adm-search-bar-input-box{border-color:var(--adm-color-primary);background:var(--adm-color-background)}@keyframes loading-rotate{to{transform:rotate(1turn)}}.adm-switch{--checked-color: var(--adm-color-primary);--height: 31px;--width: 51px;--border-width: 2px;display:inline-block;vertical-align:middle;box-sizing:border-box;position:relative;align-self:center;cursor:pointer}.adm-switch input{display:none}.adm-switch-checkbox{min-width:var(--width);height:var(--height);box-sizing:border-box;border-radius:31px;background:var(--adm-color-border);z-index:0;overflow:hidden;line-height:var(--height)}.adm-switch-checkbox:before{content:" ";position:absolute;left:var(--border-width);top:var(--border-width);width:calc(100% - 2 * var(--border-width));height:calc(var(--height) - 2 * var(--border-width));border-radius:calc(var(--height) - 2 * var(--border-width));box-sizing:border-box;background:var(--adm-color-background);z-index:1;transition:all .2s;transform:scale(1)}.adm-switch-handle{display:flex;justify-content:center;align-items:center;width:calc(var(--height) - 2 * var(--border-width));height:calc(var(--height) - 2 * var(--border-width));border-radius:calc(var(--height) - 2 * var(--border-width));background:var(--adm-color-text-light-solid);position:absolute;z-index:2;top:var(--border-width);left:var(--border-width);transition:all .2s;box-shadow:0 0 2px #0003,0 2px 11.5px #00000014,-1px 2px 2px #0000001a}.adm-switch-inner{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;margin:0 8px 0 calc(var(--height) - var(--border-width) + 5px);height:100%;color:var(--adm-color-weak);transition:margin .2s;font-size:var(--adm-font-size-7)}.adm-switch.adm-switch-checked .adm-switch-checkbox{background:var(--checked-color)}.adm-switch.adm-switch-checked .adm-switch-checkbox:before{transform:scale(0)}.adm-switch.adm-switch-checked .adm-switch-handle{left:calc(100% - (var(--height) - var(--border-width)))}.adm-switch.adm-switch-checked .adm-switch-inner{margin:0 calc(var(--height) - var(--border-width) + 5px) 0 8px;color:var(--adm-color-text-light-solid)}.adm-switch.adm-switch-disabled{cursor:not-allowed;opacity:.4}.adm-switch-spin-icon{width:14px;height:14px;animation:loading-rotate 1s linear infinite}.adm-toast-mask .adm-toast-wrap{position:fixed;top:0;left:0;width:100%;height:100%;text-align:center}.adm-toast-mask .adm-toast-main{display:inline-block;position:relative;top:50%;transform:translateY(-50%);width:auto;max-width:204px;max-height:70%;overflow:auto;color:#fff;word-break:break-all;background-color:#000000b3;border-radius:8px;pointer-events:all;font-size:var(--adm-font-size-7);line-height:1.5;box-sizing:border-box;text-align:initial}.adm-toast-mask .adm-toast-main-text{padding:12px;min-width:0}.adm-toast-mask .adm-toast-main-icon{padding:35px 12px;min-width:150px}.adm-toast-mask .adm-toast-main-icon .adm-toast-icon{text-align:center;margin-bottom:8px;font-size:36px;line-height:1}.adm-toast-loading{--size: 48px;margin:0 auto 8px}.receipt-root{min-height:100vh;background:#f7f7f7;display:flex;flex-direction:column;align-items:center;padding-bottom:100px}.receipt-title{font-size:20px;font-weight:500;text-align:center;padding:24px 0 16px;background:#fff;width:100vw;margin-bottom:16px;box-shadow:0 2px 4px #0000000d}.receipt-materials{width:100vw;max-width:480px;padding:0 12px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.receipt-material-card{background:#fff;border-radius:12px;padding:14px 12px;box-shadow:0 2px 8px #0000000d;position:relative;width:100%;min-height:140px;display:flex;flex-direction:column;box-sizing:border-box}.receipt-add-card{background:#fff;border:2px dashed #d9d9d9;border-radius:12px;padding:16px 14px;box-shadow:0 2px 8px #00000008;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,box-shadow .2s;height:150px}.receipt-add-card:hover{border-color:#1677ff;box-shadow:0 2px 10px #1677ff14}.receipt-add-plus{font-size:28px;color:#1677ff;line-height:1}.receipt-add-text{margin-top:8px;font-size:14px;color:#1677ff}.receipt-material-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.receipt-material-name{font-size:15px;font-weight:500;color:#222;max-width:75%;line-height:1.2;line-clamp:2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.receipt-material-check{width:22px;height:22px;min-width:22px;border:2px solid #ddd;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:14px;color:#fff;margin-left:4px}.receipt-material-check.checked{background:#1677ff;border-color:#1677ff}.receipt-material-specs{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.receipt-material-category{font-size:13px;color:#555;line-height:1.3;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.receipt-spec-tag{display:inline-flex;align-items:center;justify-content:flex-start;padding:1px 6px;border-radius:10px;font-size:13px;color:#fff;font-weight:500;width:fit-content;white-space:nowrap}.receipt-material-supplier{font-size:12px;color:#666;border-top:1px solid #f0f0f0;padding-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.receipt-img-list{display:flex;flex-direction:row;gap:16px;margin:20px 0;padding:0 12px;width:100vw;max-width:480px;overflow-x:auto}.receipt-img-item{background:#fff;border-radius:8px;padding:8px;box-shadow:0 2px 8px #0000000f;min-width:120px;display:flex;flex-direction:column;align-items:center}.receipt-img-item img{width:120px;height:150px;object-fit:cover;border-radius:6px;margin-bottom:8px}.receipt-img-status{width:100%;text-align:center;font-size:12px;font-weight:500;padding:4px 0;border-radius:6px;color:#fff}.receipt-img-status-success{background:#00b578}.receipt-img-status-pending{background:#1677ff;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.receipt-header-info{background:#fff;border-radius:10px;padding:12px 16px;margin:0 16px 16px;box-shadow:0 2px 8px #0000000a;width:calc(100% - 32px);max-width:480px;position:relative}.edit-supplier-btn{position:absolute;right:12px;bottom:12px;background:#fff;border:1px solid #1677ff;color:#1677ff;font-size:12px;padding:4px 12px;border-radius:4px;cursor:pointer;transition:all .2s}.edit-supplier-btn:hover{background:#1677ff;color:#fff}.edit-supplier-btn:active{background:#0958d9;border-color:#0958d9;color:#fff}.receipt-supplier,.receipt-date,.receipt-number{font-size:14px;margin-bottom:6px;color:#333}.receipt-supplier{font-weight:500}.receipt-error{background-color:#fff2f0;border:1px solid #ffccc7;border-radius:8px;color:#ff4d4f;padding:10px 16px;margin:0 16px 16px;font-size:14px;width:calc(100% - 32px);max-width:480px}.receipt-img-status-error{background:#ff4d4f}.receipt-success{background-color:#f6ffed;border:1px solid #b7eb8f;border-radius:8px;color:#52c41a;padding:10px 16px;margin:0 16px 16px;font-size:14px;width:calc(100% - 32px);max-width:480px}.receipt-footer{height:auto}.receipt-camera-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.receipt-camera-icon svg{width:40px;height:40px}.receipt-confirm{background:#1677ff;color:#fff;border:none;border-radius:22px;font-size:16px;font-weight:500;padding:8px 28px;cursor:pointer;box-shadow:0 2px 8px #1677ff14;transition:background .2s;flex-shrink:0}.receipt-confirm:active{background:#145ecb}.primary-btn:disabled{background-color:#d9d9d9;color:#00000040;cursor:not-allowed;box-shadow:none}@media (max-width: 600px){.receipt-title{font-size:18px;padding:18px 0 12px}.receipt-materials{max-width:100vw;padding:0 8px;gap:8px}.receipt-material-card{padding:14px 12px;height:140px}.receipt-add-card{height:140px}.receipt-img-list{gap:12px;padding:0 8px}.receipt-footer{max-width:100vw;padding:10px 8px 12px}.receipt-camera{width:56px;height:56px}.receipt-camera-icon svg{width:32px;height:32px}.receipt-confirm{font-size:15px;padding:7px 18px}}@media (max-width: 430px){.receipt-materials{grid-template-columns:1fr}.receipt-material-card{padding:12px 10px;height:130px}.receipt-material-name{font-size:14px}.receipt-edit-quantity-unit-row{gap:4px}.receipt-edit-quantity-unit-row .receipt-edit-unit-input{width:60px;min-width:60px;font-size:12px;padding:8px 6px}.receipt-edit-number-btn{width:24px;height:28px;min-width:24px;font-size:12px}.receipt-edit-number-input input{font-size:13px;padding:8px 4px}}.central-loading-overlay{position:fixed;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (max-width: 430px){.receipt-add-card{height:130px}}.central-loading-spinner{background:#fff;border-radius:12px;padding:30px;display:flex;flex-direction:column;align-items:center;box-shadow:0 8px 32px #0000001a}.spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #1677ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-text{color:#666;font-size:14px;font-weight:500;text-align:center}.photo-options-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1001;padding:20px;box-sizing:border-box}.photo-options-dialog{background:#fff;border-radius:16px;width:100%;max-width:320px;padding:24px;box-shadow:0 12px 48px #00000026;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.photo-options-title{font-size:18px;font-weight:600;color:#333;text-align:center;margin-bottom:24px}.photo-options-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.photo-option-btn{display:flex;align-items:center;justify-content:flex-start;gap:16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:16px 20px;font-size:16px;color:#333;cursor:pointer;transition:all .2s ease;outline:none;width:100%;box-sizing:border-box}.photo-option-btn:hover{background:#e9ecef;border-color:#1677ff;transform:translateY(-1px)}.photo-option-btn:active{background:#dee2e6;transform:translateY(0)}.photo-option-btn svg{width:24px;height:24px;color:#1677ff;flex-shrink:0}.photo-option-btn span{font-weight:500}.photo-options-cancel{background:transparent;border:1px solid #d9d9d9;border-radius:8px;padding:12px 20px;font-size:14px;color:#666;cursor:pointer;transition:all .2s ease;outline:none;width:100%;box-sizing:border-box}.photo-options-cancel:hover{background:#f5f5f5;border-color:#bfbfbf}.photo-options-cancel:active{background:#e6e6e6}@media (max-width: 600px){.photo-options-dialog{max-width:90vw;padding:20px}.photo-options-title{font-size:16px;margin-bottom:20px}.photo-option-btn{padding:14px 16px;font-size:15px;gap:12px}.photo-option-btn svg{width:22px;height:22px}.photo-options-cancel{padding:10px 16px;font-size:13px}.receipt-edit-modal{width:92vw;padding:12px}.receipt-edit-quantity-unit-row{gap:6px}.receipt-edit-quantity-unit-row .receipt-edit-unit-input{width:70px;min-width:70px}.receipt-edit-number-btn{width:26px;height:30px;min-width:26px;font-size:14px}.receipt-edit-number-input{gap:2px}.receipt-edit-row{grid-template-columns:120px 1fr;gap:8px}.receipt-add-modal{width:92vw}.receipt-add-row{grid-template-columns:100px 1fr;gap:8px}}.receipt-add-modal-overlay,.receipt-edit-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1100}.receipt-edit-modal{background:#fff;width:88vw;max-width:500px;border-radius:14px;box-shadow:0 16px 48px #0000002e;padding:0;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;max-height:85vh}.receipt-edit-supplier-modal{background:#fff;width:88vw;max-width:400px;border-radius:14px;box-shadow:0 16px 48px #0000002e;padding:0;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column}.receipt-edit-body{padding:16px}.receipt-edit-header{font-size:16px;font-weight:600;padding:16px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.receipt-edit-close{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;line-height:1}.receipt-edit-close:hover{color:#333}.receipt-edit-content{padding:16px;overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch}.receipt-edit-field{display:flex;flex-direction:column;gap:8px}.receipt-edit-field label{font-size:13px;color:#666}.receipt-edit-field input,.receipt-edit-field select{border:1px solid #e5e6eb;border-radius:8px;padding:10px 12px;outline:none;font-size:14px;background:#fff;color:#333}.receipt-edit-unit-input{text-transform:lowercase;width:100%}.receipt-edit-unit-input::placeholder{text-transform:none}.receipt-edit-field input:focus,.receipt-edit-field select:focus{border-color:#1677ff;box-shadow:0 0 0 3px #1677ff1f}.receipt-edit-quantity-unit-row{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box}.receipt-edit-quantity-unit-row .receipt-edit-number-input{flex:1;min-width:0}.receipt-edit-quantity-unit-row .receipt-edit-unit-input{width:80px;min-width:80px;flex-shrink:0}.receipt-edit-number-input{display:flex;align-items:center;gap:4px;min-width:0;flex:1}.receipt-edit-number-input input{flex:1;text-align:center;min-width:0;width:0}.receipt-edit-number-btn{width:28px;height:32px;min-width:28px;border:1px solid #d9d9d9;background:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:#333;padding:0;flex-shrink:0}.receipt-edit-number-btn:hover{border-color:#1677ff;color:#1677ff}.receipt-edit-number-btn:active{background:#f0f0f0}.receipt-edit-unit-label{font-size:13px;color:#666;margin-top:4px;margin-left:4px}.receipt-edit-row{display:grid;grid-template-columns:140px 1fr;gap:12px;margin-top:10px;align-items:center}.receipt-edit-row label{font-size:14px;color:#333}.receipt-edit-row input{border:1px solid #e5e6eb;border-radius:8px;padding:10px 12px;outline:none;font-size:14px;background:#fff;color:#333;width:100%;box-sizing:border-box}.receipt-edit-row input:focus{border-color:#1677ff;box-shadow:0 0 0 3px #1677ff1f}.receipt-edit-footer,.receipt-edit-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px;border-top:1px solid #f0f0f0}.receipt-edit-cancel{background:#fff;border:1px solid #d9d9d9;color:#333;border-radius:8px;padding:8px 14px;cursor:pointer}.receipt-edit-cancel:hover{border-color:#1677ff;color:#1677ff}.receipt-edit-confirm{background:#1677ff;border:none;color:#fff;border-radius:8px;padding:8px 14px;cursor:pointer}.receipt-edit-confirm:hover{background:#4096ff}.receipt-edit-confirm:active{background:#0958d9}.receipt-edit-save{background:#1677ff;border:none;color:#fff;border-radius:8px;padding:8px 14px}.receipt-add-modal{background:#fff;width:88vw;max-width:500px;border-radius:14px;box-shadow:0 16px 48px #0000002e;padding:0;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;max-height:85vh}.receipt-add-header{font-size:16px;font-weight:600;padding:16px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.receipt-add-form{padding:16px;overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch}.receipt-add-field{display:flex;flex-direction:column;gap:8px}.receipt-add-field+.receipt-add-field{margin-top:16px}.receipt-add-field label{font-size:13px;color:#666;font-weight:500}.receipt-add-field input,.receipt-add-field select{border:1px solid #e5e6eb;border-radius:8px;padding:10px 12px;outline:none;font-size:14px;background:#fff;color:#333;line-height:1.4;height:42px;box-sizing:border-box;vertical-align:top}.receipt-add-field input:focus,.receipt-add-field select:focus{border-color:#1677ff;box-shadow:0 0 0 3px #1677ff1f}.receipt-add-field input::placeholder{color:#999;font-size:14px}.receipt-add-select{border:1px solid #e5e6eb;border-radius:8px;padding:10px 12px;outline:none;background:#fff;font-size:14px;height:42px;box-sizing:border-box;vertical-align:top;line-height:1.4;color:#333}.receipt-add-select:focus{border-color:#1677ff;box-shadow:0 0 0 3px #1677ff1f}.receipt-add-row{display:grid;grid-template-columns:120px 1fr;gap:12px;margin-top:10px;align-items:center}.receipt-add-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px;border-top:1px solid #f0f0f0}.receipt-add-cancel{background:#fff;border:1px solid #d9d9d9;color:#333;border-radius:10px;padding:10px 12px}.receipt-add-save{background:#1677ff;border:none;color:#fff;border-radius:10px;padding:10px 12px}.create-category-modal{max-width:400px}.receipt-add-field .required{color:#ff4d4f;margin-left:2px}.receipt-order-match-banner{grid-column:1 / -1;width:100%;padding:12px 16px;background-color:#e6f7ff;border:1px solid #91d5ff;border-radius:10px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;box-sizing:border-box;transition:background-color .2s;margin-bottom:4px}.receipt-order-match-banner:active{background-color:#bae7ff}.receipt-order-match-content{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.receipt-order-match-icon{font-size:16px;flex-shrink:0}.receipt-order-match-text{font-size:13px;color:#333;line-height:1.4}.receipt-order-match-link{font-size:14px;color:#1677ff;white-space:nowrap;flex-shrink:0;margin-left:12px}.receipt-order-detail-modal{background:#fff;border-radius:16px;width:90vw;max-width:420px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.receipt-order-detail-content{flex:1;overflow-y:auto;padding:16px}.receipt-order-detail-loading,.receipt-order-detail-error{display:flex;align-items:center;justify-content:center;min-height:150px;color:#999;font-size:14px}.receipt-order-detail-section{margin-bottom:16px;background:#fafafa;border-radius:8px;padding:12px}.receipt-order-detail-section:last-child{margin-bottom:0}.receipt-order-detail-section-title{font-size:14px;font-weight:600;color:#333;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #eee}.receipt-order-detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.receipt-order-detail-row:last-child{border-bottom:none}.receipt-order-detail-label{font-size:13px;color:#666;flex-shrink:0}.receipt-order-detail-value{font-size:13px;color:#333;text-align:right;word-break:break-all}.receipt-order-status-tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.receipt-order-status-tag.status-1{background-color:#fff7e6;color:#fa8c16}.receipt-order-status-tag.status-2{background-color:#e6f7ff;color:#1890ff}.receipt-order-status-tag.status-3{background-color:#fff2f0;color:#ff4d4f}.receipt-order-status-tag.status-4{background-color:#f6ffed;color:#52c41a}.receipt-order-status-tag.status-5{background-color:#f5f5f5;color:#8c8c8c}.receipt-order-detail-items{display:flex;flex-direction:column;gap:8px}.receipt-order-detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px;background:#fff;border-radius:6px}.receipt-order-item-name{font-size:13px;color:#333;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.receipt-order-item-quantity{font-size:13px;color:#1677ff;font-weight:500;margin-left:12px;flex-shrink:0}.receipt-order-timeline{padding-left:8px}.receipt-order-timeline-item{display:flex;position:relative;padding-bottom:16px}.receipt-order-timeline-item:last-child{padding-bottom:0}.receipt-order-timeline-item:before{content:"";position:absolute;left:4px;top:14px;bottom:0;width:1px;background-color:#e8e8e8}.receipt-order-timeline-item:last-child:before{display:none}.receipt-order-timeline-dot{width:10px;height:10px;border-radius:50%;background-color:#1677ff;margin-right:12px;margin-top:4px;flex-shrink:0}.receipt-order-timeline-content{flex:1}.receipt-order-timeline-status{font-size:13px;font-weight:500;color:#333}.receipt-order-timeline-time{font-size:12px;color:#999;margin-top:2px}.receipt-order-timeline-remark{font-size:12px;color:#666;margin-top:4px;background:#fff;padding:4px 8px;border-radius:4px}.create-root{min-height:100vh;background:#f7f7f7;display:flex;flex-direction:column;align-items:center;padding-bottom:100px}.create-title{font-size:20px;font-weight:500;text-align:center;padding:24px 0 16px;background:#fff;width:100vw;margin-bottom:0;box-shadow:0 2px 4px #0000000d}.create-form{width:100vw;max-width:480px;padding:24px 20px 0}.create-field{margin-bottom:24px}.create-label{display:block;font-size:16px;font-weight:500;color:#222;margin-bottom:12px}.create-input{width:100%;padding:12px 16px;font-size:16px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;color:#222;outline:none;transition:border-color .2s;box-sizing:border-box}.create-input:focus{border-color:#1677ff}.create-input::placeholder{color:#999}.create-password-wrapper{position:relative;display:flex;align-items:center}.create-password-input{padding-right:50px}.create-password-toggle{position:absolute;right:12px;background:none;border:none;font-size:18px;cursor:pointer;padding:4px;color:#666;transition:color .2s}.create-password-toggle:hover{color:#1677ff}@media (max-width: 600px){.create-title{font-size:18px;padding:18px 0 12px}.create-form{max-width:100vw;padding:20px 16px 0}.create-field{margin-bottom:20px}.create-input{padding:10px 14px;font-size:15px}.create-password-input{padding-right:45px}.create-password-toggle{right:10px;font-size:16px}}.account-root{min-height:100vh;background:#f7f7f7;display:flex;flex-direction:column;align-items:center;padding-bottom:100px}.account-title{font-size:20px;font-weight:500;text-align:center;padding:24px 0 16px;background:#fff;width:100vw;margin-bottom:0;box-shadow:0 2px 4px #0000000d}.account-list{width:100vw;max-width:480px;padding:16px 0 0}.account-item{background:#fff;margin:0 0 1px;padding:16px 20px;border-bottom:1px solid #f0f0f0}.account-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.account-label,.account-number{font-size:14px;color:#999;background:#f5f5f5;padding:2px 8px;border-radius:4px}.account-item-content{display:flex;justify-content:space-between;align-items:center}.account-name{font-size:16px;font-weight:500;color:#222}.account-value{font-size:16px;color:#ff6b35;font-weight:500}.form-modal{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1100}.bottom-modal{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:flex-end;z-index:1100}.form-content{background:#fff;padding:30px;border-radius:12px;box-shadow:0 10px 30px #0003;width:90%;max-width:500px;max-height:80vh;overflow-y:auto}.bottom-content{background:#fff;padding:30px;border-radius:20px 20px 0 0;box-shadow:0 -5px 20px #0003;width:100%;max-width:500px;max-height:60vh;overflow-y:auto;animation:slideUp .3s ease-out}.form-content h2{margin:0 0 25px;color:#333;font-size:20px;font-weight:600;text-align:center}.form-group label{display:block;margin-bottom:8px;color:#555;font-weight:500;font-size:14px}.form-group input,.form-group select{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .3s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-actions{display:flex;gap:12px;margin-top:30px}.submit-btn{flex:1;background:#1677ff;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.submit-btn:active:not(:disabled){background:#145ecb}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{flex:1;background:#f8f9fa;color:#666;border:2px solid #e0e0e0;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.cancel-btn:hover:not(:disabled){background:#e9ecef;border-color:#ced4da}.cancel-btn:disabled{opacity:.6;cursor:not-allowed}.loading{text-align:center;padding:40px;color:#666;font-size:16px}.empty-state{text-align:center;padding:60px 20px;color:#999;font-size:16px}@media (max-width: 600px){.account-title{font-size:18px;padding:18px 0 12px}.account-list{max-width:100vw}.account-item{padding:12px 16px}.form-content{width:95%;padding:20px}}.login-container{min-height:100vh;background:#f0f2f5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.login-title{font-size:24px;font-weight:500;text-align:center;color:#222;margin-bottom:24px}.api-status{width:100%;max-width:400px;margin-bottom:24px}.api-info{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.api-label{font-size:12px;color:#666;font-weight:500}.api-url{font-size:12px;color:#1677ff;font-family:monospace;font-weight:500}.debug-toggle{background:#1677ff;color:#fff;border:none;padding:4px 8px;border-radius:4px;font-size:11px;cursor:pointer;transition:background .2s}.debug-toggle:hover{background:#145ecb}.debug-info{margin-top:12px;padding:12px;background:#fff;border:1px solid #e9ecef;border-radius:6px;box-shadow:0 2px 4px #0000000d}.debug-title{font-size:13px;font-weight:500;color:#666;margin-bottom:8px}.debug-account{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f0f0f0}.debug-account:last-child{border-bottom:none}.debug-label{font-size:12px;color:#666;min-width:80px}.debug-value{font-size:12px;color:#333;font-family:monospace;flex:1;margin:0 8px}.quick-fill-btn{background:#28a745;color:#fff;border:none;padding:2px 8px;border-radius:3px;font-size:11px;cursor:pointer;transition:background .2s}.quick-fill-btn:hover{background:#218838}.quick-fill-btn:disabled{background:#ccc;cursor:not-allowed}.login-box{width:100%;max-width:450px;padding:40px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a}.login-content{width:100%;max-width:450px;padding:0}.login-form{background:#fff;border-radius:12px;padding:0;box-shadow:none}.form-item{margin-bottom:28px}.form-item:last-of-type{margin-bottom:20px}.form-label{font-size:17px;font-weight:500;color:#222;margin-bottom:10px}.form-input{width:100%;height:52px;border:1px solid #e6e6e6;border-radius:8px;padding:0 16px;font-size:17px;color:#222;background:#fff;box-sizing:border-box;transition:border-color .2s}.form-input:focus{outline:none;border-color:#1677ff}.form-input:disabled{background:#f5f5f5;color:#999}.form-input::placeholder{color:#999}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-input{padding-right:50px}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:6px;color:#999;transition:color .2s ease;display:flex;align-items:center;justify-content:center;border-radius:4px}.password-toggle-btn:hover{color:#1677ff;background:#1677ff14}.password-toggle-btn:active{color:#145ecb;background:#1677ff1f}.password-toggle-btn:disabled{color:#d9d9d9;cursor:not-allowed;background:none}.password-toggle-btn svg{width:20px;height:20px}.form-item.remember-password{margin-bottom:16px}.remember-checkbox{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:15px;color:#555}.remember-checkbox input[type=checkbox]{display:none}.checkbox-custom{width:18px;height:18px;border:2px solid #d9d9d9;border-radius:4px;background:#fff;margin-right:10px;position:relative;transition:all .2s ease;flex-shrink:0}.remember-checkbox input[type=checkbox]:checked+.checkbox-custom{background:#1677ff;border-color:#1677ff}.remember-checkbox input[type=checkbox]:checked+.checkbox-custom:after{content:"";position:absolute;left:4px;top:1px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.remember-checkbox:hover .checkbox-custom{border-color:#1677ff}.remember-checkbox input[type=checkbox]:disabled+.checkbox-custom{background:#f5f5f5;border-color:#d9d9d9;cursor:not-allowed}.remember-checkbox input[type=checkbox]:disabled~.checkbox-label{color:#bfbfbf;cursor:not-allowed}.checkbox-label{font-weight:400;transition:color .2s ease}.forgot-password-btn{background:none;border:none;color:#1677ff;font-size:14px;cursor:pointer;text-decoration:underline;display:block;text-align:right;margin-top:0;margin-bottom:20px;padding:0}.forgot-password-btn:disabled{color:#ccc;cursor:not-allowed}.login-footer{width:100%;max-width:450px;margin-top:24px;padding:0}.login-btn{width:100%;height:52px;background:#1677ff;color:#fff;border:none;border-radius:26px;font-size:18px;font-weight:500;cursor:pointer;box-shadow:0 2px 8px #1677ff29;transition:background-color .2s;padding:0;min-width:100%;box-sizing:border-box}.login-btn:active{background:#145ecb}.login-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.login-btn.loading{background:#999;width:100%!important;height:52px!important;font-size:18px!important;border-radius:26px!important;padding:0!important;box-sizing:border-box!important;transition:none!important}.login-icon{display:block;margin:0 auto -12px;width:120px;height:120px;object-fit:contain}@media (max-width: 600px){.login-container{padding:60px 16px 16px;justify-content:flex-start}.login-box{max-width:100%;width:90%;padding:30px 20px;margin:0 auto}.login-title{font-size:20px;margin-bottom:12px}.api-status{margin-bottom:16px}.api-info{padding:6px 10px}.api-label,.api-url{font-size:11px}.debug-toggle{font-size:10px;padding:3px 6px}.debug-info{padding:10px}.debug-account{flex-direction:column;align-items:flex-start;gap:4px}.debug-value{margin:0}.login-content{max-width:100%}.login-form{padding:24px 20px;width:100%;box-shadow:none;border:1px solid #e9ecef}.form-input{height:44px;font-size:16px}.password-input-wrapper .form-input{padding-right:45px}.password-toggle-btn{right:10px;padding:4px}.password-toggle-btn svg{width:18px;height:18px}.remember-checkbox{font-size:14px}.checkbox-custom{width:16px;height:16px;margin-right:8px}.remember-checkbox input[type=checkbox]:checked+.checkbox-custom:after{left:3px;top:0;width:5px;height:9px}.login-btn{height:44px;font-size:16px}}.material-stock-container{display:flex;flex-direction:column;height:100vh;width:100%;background-color:#fff}.material-stock-header{background-color:#fff;padding:20px;padding-top:calc(20px + env(safe-area-inset-top,0px));border-bottom:1px solid #e8e8e8;box-shadow:0 2px 4px #0000000d;flex-shrink:0;position:relative;z-index:10;display:flex;justify-content:center;align-items:center}.header-title{margin:0;font-size:20px;font-weight:600;color:#333;text-align:center}.search-icon{display:none}.material-stock-content{display:flex;flex:1;overflow:hidden;min-height:0;background-color:#f5f5f5}.material-stock-container .category-sidebar{width:100px;min-width:100px;background-color:#f5f5f5;display:flex;flex-direction:column;border-right:1px solid #e8e8e8;overflow:hidden;min-height:0;flex-shrink:0}.material-stock-container .category-list-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0;padding:0}.material-stock-container .category-node{display:flex;flex-direction:column}.material-stock-container .category-item{padding:14px 12px;font-size:13px;color:#666;cursor:pointer;transition:all .2s;border-left:3px solid transparent;text-align:center;position:relative;line-height:1.4;min-height:auto;display:block}.material-stock-container .category-item.active{background:#fff;color:#1890ff;border-left-color:#1890ff;font-weight:500}.material-stock-container .category-item:not(.active):hover{background-color:#fafafa;color:#1890ff}.material-stock-container .category-item:not(.active){color:#666}.material-stock-container .category-arrow,.material-stock-container .category-arrow.placeholder,.material-stock-container .category-arrow.expanded{display:none}.material-stock-container .category-name-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:normal;text-align:center}.material-stock-container .category-children{display:flex;flex-direction:column}.material-stock-container .material-list{flex:1;padding:12px 12px 100px;overflow-y:auto;background-color:#f5f5f5;display:flex;flex-direction:column;gap:10px}.material-stock-container .material-card{background:#fff;border-radius:12px;margin-bottom:0;border:1px solid #e8e8e8;overflow:hidden;transition:all .2s;position:relative;cursor:pointer;min-height:auto;height:auto;display:flex;flex-direction:column;box-sizing:border-box;width:100%;padding:0;box-shadow:none}.material-stock-container .material-card:active{transform:scale(.99)}.material-stock-container .material-card:hover{box-shadow:0 2px 8px #00000014}.material-stock-container .material-card.readonly{border-left:none}.material-stock-container .material-card.readonly.normal{border-left-color:transparent}.material-stock-container .material-card.readonly.low-stock{border-left:3px solid #ff9500}.material-stock-container .material-card.readonly.out-of-stock{border-left:3px solid #ff3b30}.material-stock-container .product-card-wrapper.expanded .material-card{border-color:#1890ff}.material-stock-container .material-card-main{padding:14px;display:flex;justify-content:space-between;align-items:flex-start;position:relative;cursor:pointer}.material-stock-container .material-card-main:hover{background:#fafafa}.material-stock-container .material-card-info{flex:1;min-width:0}.material-stock-container .material-name{font-size:14px;font-weight:500;color:#1a1a1a;margin-bottom:8px;line-height:1.4;word-break:break-word;text-align:left}.material-stock-container .material-stock-row{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap;font-size:12px;color:#666}.material-stock-container .material-stock-label{font-size:12px;color:#666}.material-stock-container .material-stock-value{font-size:14px;font-weight:500;color:#333}.material-stock-container .material-stock-value.low-stock{color:#ff9500}.material-stock-container .material-stock-value.out-of-stock{color:#f5222d}.material-stock-container .material-stock-unit{font-size:12px;color:#666;margin-left:2px}.material-stock-container .card-edit-btn{padding:6px 12px;border:none;border-radius:6px;background-color:#1890ff;color:#fff;font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;white-space:nowrap;flex-shrink:0}.material-stock-container .card-edit-btn:hover{background-color:#096dd9}.material-stock-container .card-edit-btn:active{background-color:#0958d9}.stock-status-bar.normal,.stock-status-bar.low-stock,.stock-status-bar.out-of-stock{background-color:transparent;color:transparent}.material-stock-container .material-card.low-stock{border-color:#ffa726}.material-stock-container .material-card.out-of-stock{border-color:#ef5350}.loading-container,.error-container{display:flex;justify-content:center;align-items:center;height:300px;font-size:16px;color:#666}.error-container{color:#c62828}.material-stock-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:#fff;border-top:1px solid #e5e5e5}.edit-btn{background-color:#1677ff;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-size:14px;cursor:pointer;transition:all .2s}.edit-btn:hover{background-color:#0958d9}.edit-btn.active,.edit-btn.active:hover{background-color:#389e0d}.add-btn{background-color:#1677ff;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-size:14px;cursor:pointer;transition:all .2s}.add-btn:hover{background-color:#0958d9}.merge-btn{background-color:#fff;color:#1677ff;border:1px solid #1677ff;border-radius:6px;padding:10px 16px;font-size:14px;cursor:pointer;transition:all .2s}.merge-btn:hover{background-color:#1677ff0f}.merge-btn.active{background-color:#1677ff;color:#fff}.merge-btn.active:hover{background-color:#0958d9}.material-stock-container .material-card:nth-child(2n) .stock-status-bar:before{background-color:#4cd964}.material-stock-container .material-card:first-child .stock-status-bar:before{background-color:#ff3b30}@media (max-width: 768px){.material-stock-container .material-list{padding:10px 10px 100px;gap:8px}.material-stock-container .material-card-main{padding:12px}.material-stock-container .header-title{font-size:18px}.material-stock-container .category-sidebar{width:90px;min-width:90px}.material-stock-container .category-item{padding:12px 8px;font-size:12px}.material-stock-container .material-name,.material-stock-container .material-stock-value{font-size:13px}.material-stock-container .card-edit-btn{padding:5px 10px;font-size:11px}}@media (max-width: 480px){.material-stock-container .material-list{padding:8px 8px 100px;gap:8px}.material-stock-container .material-card-main{padding:10px}.material-stock-container .category-sidebar{width:80px;min-width:80px}.material-stock-container .category-item{padding:10px 6px;font-size:11px}.material-stock-container .material-name,.material-stock-container .material-stock-value{font-size:12px}.material-stock-container .card-edit-btn{padding:4px 8px;font-size:10px}}.material-stock-container .material-card.editable{cursor:pointer;transition:all .2s}.material-stock-container .material-card.editable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#1890ff}.material-stock-container .material-card.editable.selected{border:2px solid #1890ff;background-color:#f0f8ff}.material-stock-container .material-card.selectable{cursor:pointer}.material-stock-container .material-card.selectable.selected{border:2px solid #1890ff;box-shadow:0 0 0 2px #1890ff26}.material-stock-container .material-select-indicator{position:absolute;left:8px;top:16px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;z-index:2}.material-stock-container .select-circle{width:14px;height:14px;border-radius:50%;border:2px solid #d9d9d9;background-color:#fff;box-sizing:border-box}.material-stock-container .select-circle.selected{border-color:#1890ff;background-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.material-stock-container .material-card.selectable .material-card-main{padding-left:36px}.material-stock-container .material-card .material-name{margin-left:0;padding-left:0;text-align:left}.material-stock-container .edit-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:flex-end;z-index:1100}.material-stock-container .edit-modal{background:#fff;padding:30px;border-radius:20px 20px 0 0;box-shadow:0 -5px 20px #0003;width:100%;max-width:500px;max-height:70vh;overflow-y:auto;animation:slideUp .3s ease-out}.material-stock-container .edit-modal-header{margin-bottom:25px;display:block;padding:0;border-bottom:none}.material-stock-container .edit-modal-header h3{margin:0;color:#333;font-size:20px;font-weight:600;text-align:center}.material-stock-container .edit-modal-content{padding:0}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:6px}.form-group input,.form-group select{width:100%;padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.package-input-row input,.package-input-row select,.stock-input-row input,.stock-input-row select,.safety-stock-row input,.shelf-life-row input{width:auto}.form-group input:focus,.form-group select:focus{outline:none;border-color:#1677ff;box-shadow:0 0 0 2px #1677ff1a}.material-stock-checkbox-label{display:flex!important;align-items:center;cursor:pointer;white-space:nowrap;flex-direction:row}.material-stock-checkbox-label input{width:auto!important;margin-right:8px;margin-bottom:0;flex-shrink:0}.material-stock-container .edit-modal-footer{display:flex;justify-content:space-between;align-items:center;margin-top:25px;padding-top:20px;border-top:1px solid #e5e5e5}.right-buttons{display:flex;gap:12px}.footer-right-buttons{display:flex;gap:12px;align-items:center}.cancel-btn,.save-btn,.delete-btn,.confirm-delete-btn{padding:8px 16px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s}.cancel-btn{background-color:#fff;color:#333}.cancel-btn:hover{border-color:#40a9ff;color:#40a9ff}.material-stock-container .edit-modal .save-btn,.create-modal .save-btn{background-color:#1677ff!important;border-color:#1677ff!important;color:#fff!important;transition:all .2s ease!important}.material-stock-container .edit-modal .save-btn:hover,.create-modal .save-btn:hover{background-color:#0958d9!important;border-color:#0958d9!important}.material-stock-container .edit-modal .save-btn.clicked,.create-modal .save-btn.clicked{background-color:#8c8c8c!important;border-color:#8c8c8c!important;color:#fff!important}.material-stock-container .edit-modal .save-btn.clicked:hover,.create-modal .save-btn.clicked:hover{background-color:#8c8c8c!important;border-color:#8c8c8c!important}.delete-btn{background-color:#fff;border-color:#ff4d4f;color:#ff4d4f}.delete-btn:hover{background-color:#ff4d4f;color:#fff}.confirm-delete-btn{background-color:#ff4d4f;border-color:#ff4d4f;color:#fff}.confirm-delete-btn:hover{background-color:#d9363e;border-color:#d9363e}.delete-confirm-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:flex-end;z-index:1100}.delete-confirm-modal{background:#fff;padding:30px;border-radius:20px 20px 0 0;box-shadow:0 -5px 20px #0003;width:100%;max-width:500px;animation:slideUp .3s ease-out}.delete-confirm-header{margin-bottom:25px}.delete-confirm-header h3{margin:0;color:#333;font-size:20px;font-weight:600;text-align:center}.delete-confirm-content{padding:0}.delete-confirm-content p{margin:0 0 10px;font-size:14px;color:#333;line-height:1.5}.delete-confirm-content .warning-text{color:#ff4d4f;font-weight:500;margin-bottom:0}.delete-confirm-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:25px;padding-top:20px;border-top:1px solid #e5e5e5}.create-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:flex-end;z-index:1100}.create-modal{background:#fff;padding:30px;border-radius:20px 20px 0 0;box-shadow:0 -5px 20px #0003;width:100%;max-width:500px;max-height:70vh;overflow-y:auto;animation:slideUp .3s ease-out}.create-modal-header{margin-bottom:25px}.create-modal-header h3{margin:0;color:#333;font-size:20px;font-weight:600;text-align:center}.create-modal-content{padding:0}.create-modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:25px;padding-top:20px;border-top:1px solid #e5e5e5}.form-group .required{color:#ff4d4f;font-weight:700}.category-row{display:flex;gap:12px;align-items:center}.category-column{flex:1;display:flex;align-items:center;gap:8px}.category-label{font-size:14px;color:#666;white-space:nowrap;flex-shrink:0}.category-column select{flex:1;min-width:80px;padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px}.stock-input-row{display:flex;align-items:center;gap:8px;border:1px solid #d9d9d9;border-radius:4px;padding:4px}.stock-input-row .quantity-btn{width:36px;height:36px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s}.stock-input-row .quantity-btn:hover{border-color:#1677ff;color:#1677ff}.stock-input-row .stock-input{flex:1;border:none;text-align:center;font-size:16px;padding:8px;min-width:60px}.stock-input-row .stock-input:focus{outline:none}.stock-input-row .unit-select{min-width:60px;padding:8px;border:none;border-left:1px solid #d9d9d9;font-size:14px;background:#fafafa;border-radius:0 4px 4px 0}.package-input-row{display:flex;align-items:flex-start;gap:12px;flex-wrap:nowrap;width:100%;box-sizing:border-box;overflow-x:auto;-webkit-overflow-scrolling:touch}.package-field{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.package-field-label{font-size:13px;color:#666}.package-inline{display:flex;align-items:center;gap:8px}.package-qty-input{width:60px;padding:8px 10px;border:1px solid #d9d9d9;border-radius:4px;text-align:center;font-size:14px}.package-unit-select{min-width:55px;padding:8px 6px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px}.multiply-sign{color:#666;font-size:14px;margin-top:28px}.package-label{color:#666;font-size:14px;white-space:nowrap}.package-weight-input{width:80px;padding:8px 10px;border:1px solid #d9d9d9;border-radius:4px;text-align:center;font-size:14px}.package-weight-unit-select{min-width:50px;padding:8px 6px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px}.package-hint{margin-top:6px;font-size:12px;color:#999}.safety-stock-row{display:flex;align-items:center;gap:8px;border:1px solid #d9d9d9;border-radius:4px;padding:4px;width:fit-content}.safety-stock-row .quantity-btn{width:36px;height:36px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s}.safety-stock-row .quantity-btn:hover{border-color:#1677ff;color:#1677ff}.safety-stock-row .safety-stock-input{width:80px;border:none;text-align:center;font-size:16px;padding:8px}.safety-stock-row .safety-stock-input:focus{outline:none}.safety-stock-hint{margin-top:6px;font-size:12px;color:#999}.shelf-life-row{display:flex;align-items:center;gap:8px;border:1px solid #d9d9d9;border-radius:4px;padding:4px;width:fit-content}.shelf-life-row .quantity-btn{width:36px;height:36px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s}.shelf-life-row .quantity-btn:hover{border-color:#1677ff;color:#1677ff}.shelf-life-row .shelf-life-input{width:80px;border:none;text-align:center;font-size:16px;padding:8px}.shelf-life-row .shelf-life-input:focus{outline:none}.shelf-life-unit{font-size:14px;color:#666;padding:0 8px}@media (max-width: 500px){.package-input-row{gap:6px;flex-wrap:nowrap}.package-qty-input{width:50px;padding:8px 6px;font-size:14px}.package-weight-input{width:70px;padding:8px 6px;font-size:14px}.package-unit-select,.package-weight-unit-select{min-width:50px;padding:8px 4px;font-size:14px}.package-label{font-size:13px}.multiply-sign{font-size:14px}.category-row{gap:8px}.category-label{font-size:12px}.category-column select{padding:6px 8px;font-size:13px;min-width:70px}}.create-category-btn{margin-top:8px;padding:8px 12px;font-size:13px;color:#1677ff;background:transparent;border:1px dashed #1677ff;border-radius:6px;cursor:pointer;transition:all .2s;width:100%}.create-category-btn:hover:not(:disabled){background:#1677ff0d}.create-category-btn:disabled{color:#ccc;border-color:#e5e6eb;cursor:not-allowed}.create-category-modal,.create-user-category-modal{max-width:400px}.add-category-btn-container{padding:6px 4px 100px;display:flex;justify-content:center;flex-shrink:0;gap:4px}.add-category-btn{padding:3px 6px;font-size:14px;font-weight:700;color:#1677ff;background:transparent;border:1px dashed #1677ff;border-radius:3px;cursor:pointer;transition:all .2s;text-align:center;white-space:nowrap;min-width:24px}.add-category-btn:hover{background:#1677ff0d;border-color:#0958d9;color:#0958d9}.add-category-btn:active{background:#1677ff1a}.delete-category-btn{padding:3px 6px;font-size:14px;font-weight:700;color:#ff4d4f;background:transparent;border:1px dashed #ff4d4f;border-radius:3px;cursor:pointer;transition:all .2s;text-align:center;white-space:nowrap;min-width:24px}.delete-category-btn:hover{background:#ff4d4f0d;border-color:#d9363e;color:#d9363e}.delete-category-btn:active{background:#ff4d4f1a}.confirm-delete-btn.clicked{background-color:#8c8c8c;border-color:#8c8c8c;cursor:not-allowed}.field-hint{margin-top:6px;font-size:12px;color:#999}.semi-finished-modal{max-width:400px}.semi-finished-modal .create-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #f0f0f0}.semi-finished-modal .create-modal-header h3{margin:0;font-size:16px;font-weight:500;color:#333;text-align:left}.modal-close-btn{background:none;border:none;font-size:20px;color:#999;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close-btn:hover{color:#666}.semi-finished-select{width:100%;padding:10px 12px;border:1px solid #e5e5e5;border-radius:6px;font-size:14px;color:#333;background-color:#fff;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}.semi-finished-select:focus{outline:none;border-color:#1677ff}.quantity-input-row{display:flex;align-items:center;border:1px solid #e5e5e5;border-radius:6px;overflow:hidden}.quantity-text-input{flex:1;padding:10px 12px;border:none!important;font-size:14px;color:#333;box-shadow:none!important}.quantity-text-input:focus{outline:none}.quantity-text-input::placeholder{color:#bbb}.quantity-unit{padding:10px 16px;background-color:#fafafa;color:#666;font-size:14px;border-left:1px solid #e5e5e5}.semi-finished-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d;padding:12px 16px;display:flex;flex-direction:column;gap:12px;width:100%;box-sizing:border-box;border:1px solid #f0f0f0}.semi-finished-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.semi-finished-name{font-size:15px;font-weight:500;color:#333;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.semi-finished-stock{font-size:13px;color:#666;white-space:nowrap}.semi-finished-input-row{display:flex;align-items:center;gap:8px}.semi-add-btn{width:32px;height:32px;border:1px solid #e5e5e5;border-radius:4px;background:#fff;font-size:18px;color:#52c41a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.semi-add-btn:hover{border-color:#52c41a;background-color:#f6ffed}.semi-input{flex:1;min-width:60px;max-width:80px;height:32px;padding:0 8px;border:1px solid #e5e5e5;border-radius:4px;font-size:14px;text-align:center;color:#333}.semi-input:focus{outline:none;border-color:#1677ff}.semi-input::placeholder{color:#bbb}.semi-unit{font-size:14px;color:#666;flex-shrink:0}.semi-stock-btn{padding:0 16px;height:32px;background-color:#1677ff;color:#fff;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:all .2s;flex-shrink:0;white-space:nowrap}.semi-stock-btn:hover:not(:disabled){background-color:#0958d9}.semi-stock-btn:disabled,.semi-stock-btn.loading{background-color:#d9d9d9;cursor:not-allowed}.material-stock-container .product-card-wrapper{display:flex;flex-direction:column}.material-stock-container .product-card-wrapper.expanded .material-card{border:1px solid #1890ff}.material-stock-container .product-ingredients-dropdown{background-color:#fafafa;padding:0 14px 14px;display:flex;flex-direction:column;gap:0;overflow:hidden;box-sizing:border-box}.material-stock-container .ingredients-loading,.material-stock-container .ingredients-empty{text-align:center;color:#999;font-size:13px;padding:20px 0}.material-stock-container .ingredient-item{background:#fff;border-radius:8px;padding:12px;margin-bottom:8px;border:1px solid #e8e8e8;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;cursor:pointer;transition:background-color .2s;min-width:0;box-sizing:border-box;gap:12px}.material-stock-container .ingredient-item:last-child{margin-bottom:0}.material-stock-container .ingredient-item:hover{background-color:#f5f5f5}.material-stock-container .ingredient-item:active{background-color:#e8f4ff}.material-stock-container .ingredient-item-content{display:flex;flex-direction:column;flex:1;min-width:0;gap:8px}.material-stock-container .ingredient-item-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.material-stock-container .ingredient-item-name{font-size:13px;font-weight:500;color:#1a1a1a;word-break:break-word;overflow-wrap:break-word;flex:1;min-width:0}.material-stock-container .ingredient-item-stock{font-size:13px;font-weight:500;color:#333;white-space:nowrap;flex-shrink:0}.material-stock-container .ingredient-item-details{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:#666}.material-stock-container .ingredient-detail-text{color:#666;white-space:nowrap}.material-stock-container .ingredient-setting-btn{width:24px;height:24px;padding:0;border:none;border-radius:4px;background-color:#f5f5f5;color:#666;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;line-height:1}.material-stock-container .ingredient-setting-btn:hover{color:#1890ff;background-color:#e6f7ff}.material-stock-container .ingredient-setting-btn:active{background-color:#e8e8e8}.material-stock-container .card-btn-group{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.material-stock-container .card-setting-btn{width:24px;height:24px;border:none;border-radius:4px;background:#f5f5f5;color:#666;font-size:12px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;white-space:nowrap}.material-stock-container .card-setting-btn:hover{background:#e8e8e8}.material-stock-container .card-setting-btn:active{background:#d9d9d9}.material-stock-container .supply-modal{background:#fff;padding:30px;border-radius:20px 20px 0 0;box-shadow:0 -5px 20px #0003;width:100%;max-width:500px;max-height:70vh;overflow-y:auto;animation:slideUp .3s ease-out}.supply-modal-header{margin-bottom:20px}.supply-modal-header h3{margin:0;color:#333;font-size:20px;font-weight:600;text-align:center}.supply-modal-content{padding:0}.supply-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #f0f0f0}.supply-toggle-info{display:flex;flex-direction:column;gap:4px}.supply-toggle-label{font-size:15px;font-weight:500;color:#333}.supply-toggle-desc{font-size:13px;color:#999}.supply-switch{position:relative;display:inline-block;width:50px;height:28px;flex-shrink:0}.supply-switch input{opacity:0;width:0;height:0}.supply-switch-slider{position:absolute;cursor:pointer;inset:0;background-color:#e0e0e0;transition:.3s;border-radius:28px}.supply-switch-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #0003}.supply-switch input:checked+.supply-switch-slider{background-color:#52c41a}.supply-switch input:checked+.supply-switch-slider:before{transform:translate(22px)}.supply-price-section{padding:16px 0}.supply-price-label{font-size:15px;font-weight:500;color:#333;margin-bottom:10px}.supply-price-input-row{display:flex;align-items:center;gap:8px;border:1px solid #d9d9d9;border-radius:8px;padding:4px}.supply-price-input-row .quantity-btn{width:36px;height:36px;border:1px solid #d9d9d9;border-radius:6px;background:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s;flex-shrink:0}.supply-price-input-row .quantity-btn:hover{border-color:#1677ff;color:#1677ff}.supply-price-input{flex:1;border:none;text-align:center;font-size:16px;padding:8px;min-width:60px;outline:none;-moz-appearance:textfield}.supply-price-input::-webkit-outer-spin-button,.supply-price-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.supply-price-hint{margin-top:8px;font-size:12px;color:#999}.supply-modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:25px;padding-top:20px;border-top:1px solid #e5e5e5}.material-stock-container .supply-modal .save-btn{background-color:#1677ff!important;border-color:#1677ff!important;color:#fff!important}.material-stock-container .supply-modal .save-btn:hover{background-color:#0958d9!important;border-color:#0958d9!important}.material-stock-container .supply-modal .save-btn.clicked{background-color:#8c8c8c!important;border-color:#8c8c8c!important}.material-detail-container{display:flex;flex-direction:column;height:100vh;background-color:#f0f5ff;position:relative;overflow:hidden}.material-detail-header{padding:15px;background-color:#fff;box-shadow:0 1px 2px #0000000d;text-align:center;position:relative;z-index:1}.material-detail-title{font-size:18px;font-weight:500;color:#333}.material-detail-error{background-color:#ffebee;color:#c62828;padding:12px;border-radius:4px;margin:16px 12px}.material-detail-content{flex:1;padding:0;background-color:#fff;overflow:auto;-webkit-overflow-scrolling:touch;min-height:0}.material-detail-table{width:100%;min-width:100%;display:flex;flex-direction:column}.material-history-header{display:flex;background-color:#f5f7fa;padding:12px 0;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:10}.history-header-cell{flex:1;text-align:center;font-size:14px;color:#666;font-weight:500;padding:0 4px;min-width:0;word-break:break-word}.material-history-list{overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding-bottom:100px}.material-history-item{display:flex;padding:12px 0;border-bottom:1px solid #f0f0f0;position:relative;min-height:60px}.history-cell{flex:1;text-align:center;font-size:14px;color:#333;display:flex;align-items:center;justify-content:center;padding:0 4px;min-width:0;word-break:break-word}.material-name-cell{font-weight:500;justify-content:flex-start;padding-left:8px}.amount-cell{color:#1976d2;font-weight:500}.supplier-cell{font-size:13px}.image-cell{padding:4px;flex-shrink:0;width:60px;min-width:60px}.material-image{width:50px;height:50px;object-fit:cover;border-radius:4px;border:1px solid #e0e0e0}.no-image{color:#999;font-size:12px}.clickable-image{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border-radius:4px}.clickable-image:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.clickable-image:active{transform:scale(.98)}.loading-container,.empty-container{display:flex;justify-content:center;align-items:center;padding:30px;color:#999;font-size:14px}.image-preview-modal{position:fixed;inset:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.image-preview-container{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.image-preview{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 4px 20px #0000004d}.close-preview-btn{position:absolute;top:-10px;right:-10px;width:30px;height:30px;border:none;border-radius:50%;background-color:#ffffffe6;color:#333;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;transition:background-color .2s ease,transform .2s ease}.close-preview-btn:hover{background-color:#fff;transform:scale(1.1)}.close-preview-btn:active{transform:scale(.9)}@media (max-width: 768px){.material-detail-content{overflow-x:auto}.material-detail-table{min-width:600px}.history-header-cell,.history-cell{font-size:12px;padding:0 3px}.material-name-cell{padding-left:6px}.image-cell{width:50px;min-width:50px;padding:2px}.material-image{width:40px;height:40px}}@media (max-width: 480px){.material-detail-table{min-width:550px}.history-header-cell,.history-cell{font-size:11px;padding:0 2px}.material-history-item{padding:10px 0;min-height:50px}.image-cell{width:45px;min-width:45px}.material-image{width:35px;height:35px}.supplier-cell{font-size:10px}}.operation-cell{min-width:60px;width:60px}.edit-btn{padding:6px 12px;background-color:#1976d2;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s ease}.edit-btn:hover{background-color:#1565c0}.edit-btn:active{background-color:#0d47a1}.material-detail-container .edit-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.material-detail-container .edit-modal-content{background-color:#fff;border-radius:12px;width:90%;max-width:400px;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.material-detail-container .edit-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e0e0e0}.material-detail-container .edit-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.material-detail-container .edit-modal-close{width:28px;height:28px;border:none;background:transparent;font-size:20px;color:#999;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.material-detail-container .edit-modal-close:hover{background-color:#f0f0f0;color:#333}.material-detail-container .edit-modal-body{padding:20px}.material-detail-container .edit-error{background-color:#ffebee;color:#c62828;padding:10px 12px;border-radius:6px;margin-bottom:16px;font-size:14px}.material-detail-container .edit-form-group{margin-bottom:16px}.material-detail-container .edit-form-group label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.material-detail-container .edit-form-group input,.material-detail-container .edit-form-group select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;color:#333;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.material-detail-container .edit-form-group input:focus,.material-detail-container .edit-form-group select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.material-detail-container .amount-input-wrapper{position:relative;display:flex;align-items:center}.material-detail-container .amount-prefix{position:absolute;left:12px;font-size:14px;color:#666}.material-detail-container .amount-input-wrapper input{padding-left:24px}.material-detail-container .edit-modal-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #e0e0e0}.material-detail-container .edit-modal-footer .cancel-btn,.material-detail-container .edit-modal-footer .save-btn{flex:1;padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.material-detail-container .edit-modal-footer .cancel-btn{background-color:#f5f5f5;color:#666}.material-detail-container .edit-modal-footer .cancel-btn:hover{background-color:#e0e0e0}.material-detail-container .edit-modal-footer .save-btn{background-color:#1976d2;color:#fff}.material-detail-container .edit-modal-footer .save-btn:hover{background-color:#1565c0}.material-detail-container .edit-modal-footer .save-btn:disabled{background-color:#bdbdbd;cursor:not-allowed}.semi-finished-detail-container{display:flex;flex-direction:column;height:100vh;background-color:#f0f5ff;position:relative;overflow:hidden}.semi-finished-detail-header{padding:15px;background-color:#fff;box-shadow:0 1px 2px #0000000d;text-align:center;position:relative;z-index:1}.semi-finished-detail-title{font-size:18px;font-weight:500;color:#333}.semi-finished-detail-error{background-color:#ffebee;color:#c62828;padding:12px;border-radius:4px;margin:16px 12px}.semi-finished-detail-content{flex:1;padding:0;background-color:#fff;overflow:auto;-webkit-overflow-scrolling:touch;min-height:0}.semi-finished-detail-table{width:100%;min-width:100%;display:flex;flex-direction:column}.batch-history-header{display:flex;background-color:#f5f7fa;padding:16px 0;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:10}.batch-header-cell{flex:1;text-align:center;font-size:14px;color:#666;font-weight:500;padding:0 8px}.shelf-life-header{color:#1976d2;font-weight:600}.batch-history-list{overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding-bottom:100px}.batch-history-item{display:flex;padding:20px 0;border-bottom:1px solid #f0f0f0;position:relative;min-height:60px;align-items:center}.batch-history-item:hover{background-color:#fafafa}.batch-cell{flex:1;text-align:center;font-size:14px;color:#333;display:flex;align-items:center;justify-content:center;padding:0 8px}.stock-cell{font-weight:500;color:#333}.time-cell{color:#666}.shelf-life-cell{color:#1976d2;font-weight:500}.loading-container,.empty-container{display:flex;justify-content:center;align-items:center;padding:40px;color:#999;font-size:14px}@media (max-width: 768px){.batch-header-cell,.batch-cell{font-size:13px;padding:0 4px}.batch-history-item{padding:16px 0;min-height:50px}}@media (max-width: 480px){.batch-header-cell,.batch-cell{font-size:12px;padding:0 2px}.batch-history-item{padding:14px 0;min-height:45px}}.purchase-order-success-root{min-height:100vh;background:#f7f7f7;display:flex;flex-direction:column;padding-bottom:80px;align-items:center}.purchase-order-success-header{font-size:20px;font-weight:500;text-align:center;padding:24px 0 16px;background:#fff;width:100vw;margin-bottom:0;box-shadow:0 2px 4px #0000000d;position:relative;align-self:stretch}.purchase-order-success-header h1{margin:0;font-size:20px;font-weight:500;color:#333}.purchase-order-success-content{width:100vw;max-width:480px;flex:1;background:#f7f7f7;padding:16px 20px}.supplier-info-header{background:#fff;border-radius:8px;padding:16px 20px;margin-bottom:16px;box-shadow:0 1px 4px #0000000d;border:1px solid #f0f0f0;text-align:center}.supplier-name{font-size:18px;font-weight:600;color:#000!important}.materials-section{margin-bottom:16px}.section-title{font-size:16px;font-weight:600;color:#333;margin-bottom:12px;padding-left:4px}.materials-list{display:flex;flex-direction:column;gap:8px}.material-card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 4px #0000000d;border:1px solid #f0f0f0}.material-card-content{display:flex;flex-direction:column;gap:8px}.material-name{font-size:16px;font-weight:600;color:#333;margin-bottom:4px}.material-details{display:flex;flex-direction:column;gap:4px}.material-detail-row{display:flex;align-items:center;font-size:14px}.detail-label{color:#666;min-width:80px;font-weight:400}.detail-value{color:#333;font-weight:500}.purchase-amount{color:#1677ff!important;font-weight:600!important}.purchase-order-success-footer .share-btn{background:#1677ff;color:#fff;border:none;border-radius:22px;font-size:16px;font-weight:500;padding:10px 32px;cursor:pointer;box-shadow:0 2px 8px #1677ff14;transition:background .2s;flex-shrink:0}.purchase-order-success-footer .share-btn:active{background:#145ecb}@media (max-width: 600px){.purchase-order-success-header{font-size:18px;padding:18px 0 12px}.purchase-order-success-content{width:100vw;max-width:100vw;padding:12px 16px}.supplier-info-header{padding:14px 16px;margin-bottom:12px}.supplier-name{font-size:16px;color:#000!important}.section-title{font-size:15px;margin-bottom:10px}.material-card{padding:14px}.material-name{font-size:15px}.material-detail-row{font-size:13px}.detail-label{min-width:70px}.purchase-order-success-footer .share-btn{padding:8px 24px;font-size:15px}}.toast-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000c;color:#fff;padding:16px 24px;border-radius:8px;font-size:16px;text-align:center;z-index:9999;max-width:80%;word-wrap:break-word;animation:fadeInOut 2s ease-in-out}.purchase-order-view-root{display:flex;flex-direction:column;min-height:100vh;background-color:#f5f5f5}.purchase-order-view-header{background-color:#fff;padding:16px;box-shadow:0 2px 4px #0000001a;text-align:center}.purchase-order-view-header h1{margin:0;font-size:18px;font-weight:600;color:#333}.purchase-order-view-content{flex:1;padding:16px 16px 40px;overflow-y:auto}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.loading-text{font-size:16px;color:#666}.error-message{font-size:16px;color:#d32f2f;margin-bottom:20px}.retry-btn{background-color:#1976d2;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;cursor:pointer;transition:background-color .2s}.retry-btn:hover{background-color:#1565c0}.order-info-section{background-color:#fff;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px #0000001a}.order-code-header{display:flex;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.order-code-label{font-weight:600;color:#333;margin-right:8px}.order-code-value{font-size:16px;font-weight:600;color:#1976d2}.order-status,.order-created-time,.order-total-amount{display:flex;align-items:center;margin-bottom:8px}.status-label,.time-label,.amount-label{font-weight:500;color:#666;margin-right:8px;min-width:80px}.status-value{color:#1976d2;font-weight:500}.time-value{color:#333}.amount-value{color:#d32f2f;font-weight:600;font-size:16px}.supplier-info-section{background-color:#fff;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px #0000001a}.section-title{font-size:16px;font-weight:600;color:#333;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e0e0e0}.supplier-details{padding-top:8px}.supplier-name{font-size:18px;font-weight:600;color:#333;margin-bottom:12px}.supplier-detail-row{display:flex;align-items:center;margin-bottom:8px}.supplier-detail-row .detail-label{font-weight:500;color:#666;margin-right:8px;min-width:80px}.supplier-detail-row .detail-value{color:#333;flex:1}.materials-section{background-color:#fff;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px #0000001a}.materials-list{display:flex;flex-direction:column;gap:12px}.material-card{background-color:#f8f9fa;border-radius:8px;padding:16px;border:1px solid #e0e0e0}.material-card-content{display:flex;flex-direction:column}.material-name{font-size:16px;font-weight:600;color:#333;margin-bottom:12px}.material-details{display:flex;flex-direction:column;gap:8px}.material-detail-row{display:flex;align-items:center}.material-detail-row .detail-label{font-weight:500;color:#666;margin-right:8px;min-width:80px}.material-detail-row .detail-value{color:#333}.purchase-amount{color:#1976d2!important;font-weight:600!important}.remark-section{background-color:#fff;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px #0000001a}.remark-content{color:#333;line-height:1.5;padding:12px;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #1976d2}@media (max-width: 480px){.purchase-order-view-content{padding:12px 12px 40px}.order-info-section,.supplier-info-section,.materials-section,.remark-section{padding:12px;margin-bottom:12px}.material-card,.purchase-order-view-footer{padding:12px}}.receipt-detail-container{min-height:100vh;background:#f7f7f7;display:flex;flex-direction:column;padding-bottom:80px;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.receipt-detail-header{font-size:18px;font-weight:500;text-align:center;padding:16px 0;background:#fff;width:100vw;margin-bottom:0;box-shadow:0 2px 4px #0000000d;position:relative;align-self:stretch}.receipt-detail-header h1{margin:0;font-size:18px;font-weight:500;color:#333}.receipt-detail-error{background-color:#ffebee;color:#c62828;padding:12px;border-radius:4px;margin:16px 12px}.receipt-detail-content{width:100vw;max-width:480px;flex:1;background:#f7f7f7;padding:16px 12px 0}.material-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0}.material-card{background:#fff;border-radius:12px;padding:10px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;justify-content:space-between;min-height:120px;cursor:pointer;transition:transform .2s,box-shadow .2s}.material-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.material-card:active{transform:translateY(0)}.material-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding:4px}.material-name{font-size:16px;font-weight:500;color:#333;line-height:1.3;flex:1}.material-status{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.material-status.pending{border:2px solid #ddd;background:transparent}.material-status.received{background:#007bff;border:2px solid #007bff}.material-status:hover{transform:scale(1.1)}.material-footer{display:flex;align-items:center;gap:12px;margin-top:auto;padding:4px}.material-receipt-icon{width:30px;height:30px;background:#007bff;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;flex-shrink:0}.material-weight{font-size:16px;font-weight:600;color:#333}.loading-state,.empty-state{text-align:center;padding:60px 20px;color:#999;font-size:16px}.loading-state{color:#666}.empty-state{color:#999}@media (max-width: 480px){.receipt-detail-header h1{font-size:16px}.material-grid{gap:10px}.material-card{padding:14px;border-radius:10px}.material-name{font-size:14px}.material-status{width:22px;height:22px}.weight-icon{font-size:14px}.weight-text{font-size:15px}}@media (max-width: 360px){.receipt-detail-content{padding:12px 8px 0}.material-grid{gap:8px}.material-card{padding:12px}.material-name{font-size:13px}.weight-text{font-size:14px}}@media (max-width: 320px){.material-grid{grid-template-columns:1fr}}.receipt-list-root{min-height:100vh;background:#f7f7f7;display:flex;flex-direction:column;align-items:center;padding:0 20px;z-index:1000;box-shadow:0 2px 8px #0000001a}.receipt-list-header{font-size:20px;font-weight:500;text-align:center;padding:24px 16px 16px;background:#fff;width:100vw;margin-bottom:0;box-shadow:0 2px 4px #0000000d;position:relative;align-self:stretch;box-sizing:border-box}.receipt-list-header h1{margin:0;font-size:20px;font-weight:500;color:#333}.receipt-list-error{background-color:#fff2f0;border:1px solid #ffccc7;color:#f5222d;padding:12px 16px;border-radius:8px;margin:16px 12px 0;font-size:14px;width:calc(100% - 24px);max-width:456px}.receipt-list-content{width:100vw;max-width:480px;flex:1;background:#f7f7f7;padding:16px 0 100px}.date-filter-section{background:#fff;padding:16px;margin:0 0 16px;border-radius:0;box-shadow:0 2px 8px #0000000f;border:none;border-bottom:1px solid #f0f0f0;width:100%}.date-inputs{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.date-input-group{display:flex;flex-direction:column;gap:6px;flex:1;min-width:120px}.date-input-group label{font-size:14px;font-weight:500;color:#333}.date-input{padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff;transition:border-color .2s ease}.date-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.search-btn{background-color:#1677ff;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;height:fit-content}.search-btn:hover:not(:disabled){background-color:#0958d9;transform:translateY(-1px);box-shadow:0 4px 12px #1677ff4d}.search-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.receipt-list-root .receipt-card{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:18px 20px;margin:8px 12px;border-radius:8px;border:1px solid #e8e8e8;font-size:16px;transition:all .2s ease;cursor:pointer;box-shadow:0 1px 3px #0000001a}.receipt-list-root .receipt-card:hover{background-color:#fafafa;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.receipt-main-info{display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left;flex:1}.receipt-supplier{color:#2c3e50;font-weight:600;font-size:16px;text-align:left;margin-bottom:2px;line-height:1.4}.receipt-time{color:#7f8c8d;font-weight:500;font-size:14px;text-align:left}.receipt-item-count{color:#666;font-weight:400;font-size:13px;text-align:left}.receipt-image-container{flex-shrink:0;margin-left:12px}.receipt-image{width:60px;height:60px;object-fit:cover;border-radius:8px;border:1px solid #e0e0e0;cursor:pointer;transition:all .2s ease}.receipt-image:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.image-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:9999;cursor:pointer}.image-overlay-content{position:relative;max-width:90vw;max-height:90vh;cursor:default}.enlarged-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #0000004d}.close-btn{position:absolute;top:-40px;right:0;background:#ffffffe6;border:none;border-radius:50%;width:32px;height:32px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background:#fff;transform:scale(1.1)}.pagination-section{background:#fff;padding:16px;margin:16px 12px;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #f0f0f0}.pagination-info{text-align:center;color:#666;font-size:14px;margin-bottom:12px}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:16px}.pagination-btn{background:#fff;border:1px solid #ddd;border-radius:8px;padding:8px 16px;font-size:14px;color:#666;cursor:pointer;transition:all .2s ease;font-weight:500}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;transform:translateY(-1px)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.page-indicator{font-size:14px;font-weight:500;color:#333;padding:8px 12px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.loading-state,.empty-state{text-align:center;padding:40px 20px;color:#666;font-size:16px;display:flex;justify-content:center;align-items:center;height:200px}@media (max-width: 600px){.receipt-list-header{font-size:18px;padding:18px 12px 12px}.receipt-list-header h1{font-size:18px}.receipt-list-content{width:100vw;max-width:100vw;padding:12px 0 100px}.date-filter-section{margin:0 8px 12px;padding:12px}.date-inputs{flex-direction:row;gap:8px;flex-wrap:wrap}.date-input-group{min-width:auto;flex:1;min-width:120px}.search-btn{align-self:flex-end;padding:12px 16px;flex-shrink:0}.receipt-list-root .receipt-card{padding:16px;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.receipt-main-info{flex:1;min-width:0}.receipt-image-container{flex-shrink:0;margin-left:12px}.receipt-image{width:80px;height:80px}.receipt-supplier{font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.receipt-time{font-size:13px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.receipt-item-count{font-size:12px;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagination-section{margin:12px 8px;padding:12px}.pagination-controls{gap:12px}.pagination-btn{padding:10px 14px;font-size:13px}.page-indicator{padding:10px 12px;font-size:13px}.image-overlay-content{max-width:95vw;max-height:95vh}.close-btn{top:-35px;width:28px;height:28px;font-size:14px}.loading-state,.empty-state{font-size:14px;height:180px}}.receipt-detail-page{padding:20px 20px 80px;max-width:1200px;margin:0 auto;background-color:#f5f5f5;min-height:100vh}.receipt-detail-header{margin-bottom:24px}.receipt-detail-header h1{font-size:28px;font-weight:600;color:#333;margin:0;text-align:center}.receipt-detail-content{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.loading-state,.error-state,.empty-state{text-align:center;padding:40px 20px;font-size:16px;color:#666;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:20px 0}.error-state{color:#e74c3c;border-left:4px solid #e74c3c}.info-card,.image-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.info-header,.image-header,.materials-header{background:#1677ff;color:#fff;padding:16px 20px;font-size:18px;font-weight:600;margin:0}.materials-header{background:#1677ff;color:#fff;padding:16px 20px;font-size:18px;font-weight:600;margin:0 0 20px;border-radius:12px;text-align:center}.info-content{padding:20px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #eee}.info-row:last-child{border-bottom:none}.info-label{font-weight:500;color:#666;min-width:100px}.info-value{font-weight:600;color:#333;text-align:right}.image-content{padding:20px;text-align:center}.receipt-detail-image{max-width:100%;max-height:400px;border-radius:8px;box-shadow:0 4px 12px #00000026;cursor:pointer;transition:transform .2s ease}.receipt-detail-image:hover{transform:scale(1.02)}.materials-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.materials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding:20px}.material-detail-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:16px;position:relative;transition:all .2s ease}.material-detail-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.material-index{position:absolute;top:-8px;left:16px;background:#667eea;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.material-info{margin-top:8px;margin-bottom:12px}.material-name{font-size:16px;font-weight:600;color:#333;margin-bottom:8px}.material-weight{display:flex;justify-content:space-between;align-items:center}.weight-label{color:#666;font-size:14px}.weight-value{color:#2c3e50;font-weight:600;font-size:16px}.material-badge{text-align:center}.receipt-badge{display:inline-block;background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.image-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;cursor:pointer}.image-overlay-content{position:relative;max-width:90%;max-height:90%;cursor:default}.enlarged-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.close-btn{position:absolute;top:-15px;right:-15px;background:#ff4757;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d;transition:background-color .2s ease}.close-btn:hover{background:#ff3742}.back-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.back-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}@media (max-width: 768px){.receipt-detail-page{padding:8px 8px 80px;max-width:100%}.receipt-detail-header{margin-bottom:12px}.receipt-detail-header h1{font-size:20px}.receipt-detail-content{gap:12px;margin-bottom:20px}.info-header,.image-header,.materials-header{padding:10px 12px;font-size:14px}.info-content{padding:12px}.info-row{flex-direction:column;align-items:flex-start;gap:4px;padding:8px 0}.info-label{min-width:auto;font-size:13px;color:#888}.info-value{text-align:left;font-size:15px;font-weight:500}.image-content{padding:12px}.receipt-detail-image{max-height:250px}.materials-section{border-radius:8px}.materials-header{padding:10px 12px;font-size:14px;margin:0 0 12px;border-radius:8px}.materials-grid{grid-template-columns:1fr;gap:8px;padding:12px}.material-detail-card{padding:10px;border-radius:8px}.material-index{top:-6px;left:12px;padding:3px 8px;font-size:11px;border-radius:10px}.material-name{font-size:14px;margin-bottom:6px}.weight-label{font-size:12px}.weight-value{font-size:14px}.receipt-badge{padding:4px 12px;font-size:11px;border-radius:16px}.back-btn{padding:10px 20px;font-size:14px}.image-overlay-content{max-width:95%;max-height:95%}.close-btn{top:-10px;right:-10px;width:35px;height:35px;font-size:18px}}@media (min-width: 769px) and (max-width: 1024px){.receipt-detail-page{padding:16px 16px 80px;max-width:100%}.receipt-detail-header h1{font-size:24px}.receipt-detail-content{gap:18px;margin-bottom:32px}.info-header,.image-header,.materials-header{padding:14px 18px;font-size:17px}.info-content{padding:18px}.info-row{padding:11px 0}.image-content{padding:18px}.receipt-detail-image{max-height:350px}.materials-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;padding:18px}.material-detail-card{padding:14px}.material-name,.weight-value{font-size:15px}}@media (max-width: 480px){.receipt-detail-page{padding:4px 4px 80px}.receipt-detail-header h1{font-size:18px}.info-header,.image-header,.materials-header{padding:8px 10px;font-size:13px}.info-content{padding:10px}.info-label{font-size:12px}.info-value{font-size:14px}.materials-grid{padding:10px;gap:6px}.material-detail-card{padding:8px}.material-name{font-size:13px}.weight-label{font-size:11px}.weight-value{font-size:13px}.receipt-badge{padding:3px 10px;font-size:10px}.back-btn{padding:8px 16px;font-size:13px}}.send-email-root{min-height:100vh;background:#f7f7f7;display:flex;flex-direction:column;padding-bottom:80px;align-items:center}.send-email-header{font-size:20px;font-weight:500;text-align:center;padding:24px 0 16px;background:#fff;width:100vw;margin-bottom:0;box-shadow:0 2px 4px #0000000d;position:relative;align-self:stretch}.send-email-header h1{margin:0;font-size:20px;font-weight:500;color:#333}.send-email-header .back-button{position:absolute;left:16px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:24px;color:#333;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center}.send-email-header .back-button:hover{color:#1677ff}.send-email-content{width:100vw;max-width:480px;flex:1;background:#f7f7f7;padding:16px 20px}.error-message{padding:30px 20px;text-align:center;color:#ff4d4f;font-size:16px;background:#fff;border-radius:8px;margin:20px;box-shadow:0 2px 8px #0000000d}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.form-label .required{color:#ff4d4f;margin-left:4px}.form-input{width:100%;padding:12px 16px;font-size:16px;border:1px solid #d9d9d9;border-radius:8px;background:#fff;outline:none;transition:all .2s;box-sizing:border-box}.form-input:focus{border-color:#1677ff;box-shadow:0 0 0 2px #1677ff1a}.form-input::placeholder{color:#bfbfbf}.email-body-preview{background:#fff;border-radius:8px;border:1px solid #d9d9d9;overflow:hidden}.preview-header{background:#f5f5f5;padding:12px 16px;border-bottom:1px solid #e8e8e8}.preview-label{font-size:14px;font-weight:500;color:#666}.preview-content{padding:12px 16px;max-height:300px;overflow-y:auto}.preview-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0}.preview-item:last-child{border-bottom:none}.item-name{font-size:15px;color:#333;flex:1}.item-amount{font-size:15px;font-weight:500;color:#1677ff;padding:4px 12px;background:#e6f4ff;border-radius:16px}.preview-greeting{padding:16px;border-bottom:1px solid #e8e8e8}.preview-greeting p{margin:0 0 8px;font-size:14px;color:#333;line-height:1.6}.preview-greeting p:last-child{margin-bottom:0}.preview-footer{padding:16px;border-top:1px solid #e8e8e8;background:#fafafa}.preview-footer .order-link{margin:0 0 12px;font-size:14px;color:#333;word-break:break-all}.preview-footer .order-link a{color:#1677ff;text-decoration:none}.preview-footer .order-link a:hover{text-decoration:underline}.preview-footer .best-regards{margin:0;font-size:14px;color:#333;font-style:italic}.send-email-footer{position:fixed!important;left:50%!important;bottom:0!important;transform:translate(-50%)!important;width:100%!important;max-width:480px!important;background:#fff!important;display:flex!important;justify-content:space-between!important;align-items:center!important;padding:12px 16px 16px!important;box-shadow:0 -2px 8px #0000000f!important;z-index:1000!important;gap:12px!important}.send-email-footer .cancel-btn{flex:1;background:#f5f5f5;color:#333;border:none;border-radius:22px;font-size:16px;font-weight:500;padding:10px 20px;cursor:pointer;transition:all .2s}.send-email-footer .cancel-btn:hover{background:#e8e8e8}.send-email-footer .cancel-btn:active{background:#ddd}.send-email-footer .send-btn{flex:1;background:#1677ff;color:#fff;border:none;border-radius:22px;font-size:16px;font-weight:500;padding:10px 20px;cursor:pointer;box-shadow:0 2px 8px #1677ff14;transition:all .2s}.send-email-footer .send-btn:hover:not(:disabled){background:#4096ff;transform:translateY(-1px);box-shadow:0 4px 12px #1677ff66}.send-email-footer .send-btn:active:not(:disabled){background:#145ecb;transform:translateY(0)}.send-email-footer .send-btn:disabled{background:#bfbfbf;cursor:not-allowed;box-shadow:none}.toast-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000c;color:#fff;padding:16px 24px;border-radius:8px;font-size:16px;text-align:center;z-index:9999;max-width:80%;word-wrap:break-word;animation:fadeInOut 2.5s ease-in-out}.toast-success{background-color:#52c41ae6}.toast-error{background-color:#ff4d4fe6}@media (max-width: 600px){.send-email-header{font-size:18px;padding:18px 0 12px}.send-email-content{width:100vw;max-width:100vw;padding:12px 16px}.form-input{font-size:15px;padding:10px 14px}.preview-item{padding:8px 0}.item-name{font-size:14px}.item-amount{font-size:14px;padding:3px 10px}.send-email-footer{width:100%!important;max-width:100%!important;padding:10px 12px 12px!important}.send-email-footer .cancel-btn,.send-email-footer .send-btn{padding:8px 16px;font-size:15px}}.recipe-create-root{min-height:100vh;background:#fff;display:flex;flex-direction:column;align-items:center;padding:0 0 120px;max-width:100vw;overflow-x:hidden}.recipe-create-header{font-size:20px;font-weight:500;text-align:center;padding:24px 0 16px;background:#fff;width:100%;margin-bottom:0;color:#333;border-bottom:1px solid #f0f0f0}.recipe-create-header h1{margin:0;font-size:20px;font-weight:500;color:#333}.recipe-content{flex:1;width:100%;max-width:480px;padding:20px 16px;background:#fff}.ai-generate-section{display:flex;flex-direction:column;gap:15px;margin-bottom:20px;padding:15px;background-color:#f9f9f9;border-radius:8px}.dish-name-input{display:flex;flex-direction:column;gap:5px}.dish-name-input label{font-size:14px;color:#333;font-weight:400}.dish-name-input input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px;color:#333;outline:none;transition:border-color .2s;box-sizing:border-box}.dish-name-input input:focus{border-color:#1677ff}.dish-name-input input::placeholder{color:#999}.model-select{display:flex;flex-direction:column;gap:5px}.model-select label{font-size:14px;color:#333;font-weight:400}.model-select select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px;background-color:#fff;color:#333;outline:none;transition:border-color .2s}.model-select select:focus{border-color:#1677ff}.ingredients-section{margin-top:24px;margin-bottom:24px}.semi-finished-section{margin-top:16px}.semi-finished-section .ingredients-title{color:#1677ff}.ingredients-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ingredients-title{font-size:16px;color:#666;font-weight:400}.ingredients-list{width:100%;margin-top:16px;background:#fff;border:1px solid #f0f0f0;border-radius:12px;overflow:hidden;box-shadow:0 2px 6px #0000000a}.ingredient-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;color:#333;border-top:1px solid #f5f5f5;cursor:pointer;background:#fff;transition:background-color .2s}.ingredient-row:first-child{border-top:none}.ingredient-row:hover{background:#fafafa}.ingredient-row-name{flex:1;margin-right:12px;line-height:1.4;word-break:break-word}.ingredient-row-quantity{min-width:80px;text-align:right;color:#28a745;font-weight:600}.semi-finished-quantity{color:#1677ff}.ingredient-row-disabled{cursor:default;background:#fafafa}.ingredient-row-disabled:hover{background:#fafafa}.ingredient-add-row{justify-content:center;border-top:1px dashed #e0e0e0}.ingredient-add-placeholder{display:flex;align-items:center;justify-content:center;width:100%;color:#1677ff;font-size:18px}.ingredient-add-row:hover{background:#f5faff}.ingredient-card{background-color:#fff;border-radius:12px;padding:0;margin-bottom:15px;box-shadow:0 2px 8px #0000000d;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;height:110px;width:100%;display:flex;flex-direction:column;box-sizing:border-box;position:relative}.ingredient-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.material-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#f5f5f5;border-bottom:1px solid #eee;width:100%;box-sizing:border-box}.header-name,.header-unit{font-size:12px;color:#666;font-weight:500;position:relative;flex-shrink:0}.material-info{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;flex:1;width:100%;box-sizing:border-box}.ingredient-card .material-info{align-items:flex-start}.material-name{font-size:16px;color:#333;font-weight:500;max-width:70%;word-break:break-word;position:relative;flex:1}.ingredient-card .material-quantity{font-size:16px!important;color:#28a745!important;font-weight:500!important;text-align:right!important;min-width:60px!important;flex-shrink:0!important;white-space:nowrap!important;margin-top:24px!important;line-height:1.2!important}.ingredient-card.add-card{display:flex;justify-content:center;align-items:center;border:1px dashed #1677ff;background-color:#fff;padding:15px;height:110px;width:calc(50% - 5px);box-sizing:border-box}.add-icon{font-size:20px;color:#1677ff;display:flex;justify-content:center;align-items:center}.ingredient-button{background:#f8f9fa;border:none;border-radius:8px;padding:12px 8px;font-size:14px;cursor:pointer;transition:all .2s;min-height:50px;display:flex;align-items:center;justify-content:center;text-align:center;word-break:break-all;line-height:1.3;color:#333}.ingredient-button:hover{background:#e9ecef;transform:translateY(-1px)}.ingredient-button:active{background:#dee2e6;transform:translateY(0)}.ingredient-button.name-button{color:#1677ff;font-weight:500;background:#f0f8ff}.ingredient-button.name-button:hover{background:#e6f3ff}.ingredient-button.consumption-button{color:#28a745;font-weight:500;background:#f0fff4}.ingredient-button.consumption-button:hover{background:#e6ffe6}.add-ingredient-btn{background:#f8f9fa;border:2px dashed #1677ff;border-radius:8px;color:#1677ff;font-size:20px;cursor:pointer;transition:all .2s;min-height:50px;display:flex;align-items:center;justify-content:center;grid-column:span 2;font-weight:500}.add-ingredient-btn:hover{background:#f0f8ff;border-color:#0056b3;transform:translateY(-1px)}.add-ingredient-btn:active{background:#e6f3ff;transform:translateY(0)}.recipe-footer{display:flex;justify-content:space-between;padding:16px}.ai-generate-btn{background:#6f42c1;color:#fff;border:none;border-radius:22px;font-size:16px;font-weight:500;padding:10px 24px;cursor:pointer;box-shadow:0 2px 8px #6f42c114;transition:background .2s;flex-shrink:0}.ai-generate-btn:active{background:#5a32a3}.ai-generate-content-btn{background:#6f42c1;color:#fff;border:none;border-radius:22px;font-size:16px;font-weight:500;padding:12px 24px;cursor:pointer;box-shadow:0 2px 8px #6f42c114;transition:background .2s;width:100%;margin:16px 0}.ai-generate-content-btn:active{background:#5a32a3}.ai-generate-content-btn:disabled{background:#9c7bb8;cursor:not-allowed;opacity:.8}.ai-generate-content-btn.loading{background:#9c7bb8;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.ai-generate-ingredients-btn{background:#6f42c1;color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:500;padding:8px 16px;cursor:pointer;transition:background .2s}.ai-generate-ingredients-btn:active{background:#5a32a3}.ai-generate-ingredients-btn:disabled{background:#9c7bb8;cursor:not-allowed;opacity:.8}.ai-generate-ingredients-btn.loading{background:#9c7bb8;animation:pulse 2s infinite}@media (max-width: 600px){.recipe-create-header{font-size:18px;padding:18px 0 12px}.recipe-create-header h1{font-size:18px}.recipe-content{padding:16px 12px}.edit-btn{font-size:14px;padding:8px 16px}.ingredient-card{width:calc(50% - 5px);margin-bottom:10px;min-height:80px}.ingredient-card.add-card{padding:12px;min-height:80px;width:calc(50% - 5px)}.material-header{padding:8px 10px}.material-info{padding:12px;min-height:45px}.material-name,.ingredient-card .material-quantity{font-size:15px}}@media (max-width: 430px){.recipe-create-header{font-size:18px;padding:14px 0}.recipe-create-header h1{font-size:18px}.recipe-content{padding:12px 8px}.edit-btn{font-size:13px;padding:8px 12px;min-width:80px}.ingredient-card{width:calc(50% - 5px);margin-bottom:10px;min-height:80px}.ingredient-card.add-card{padding:10px;min-height:70px;width:calc(50% - 5px)}.material-header{padding:7px 8px}.header-name,.header-unit{font-size:12px}.material-info{padding:10px;min-height:40px}.material-name,.ingredient-card .material-quantity{font-size:14px}}.loading-state,.empty-state{display:flex;justify-content:center;align-items:center;height:200px;color:#999;font-size:16px;text-align:center;padding:32px 16px}.api-error-message{margin:10px 0;padding:10px;background-color:#fff8e6;border:1px solid #ffe7a3;border-radius:4px;color:#856404;font-size:14px;display:flex;align-items:center}.api-error-message.mock-data{background-color:#f8f9fa;border:1px solid #d1d3d6;color:#5a6268}.api-error-message:before{content:"ℹ️";margin-right:8px;font-size:16px}.api-error-message.error:before{content:"⚠️"}.ingredient-edit-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:flex-end;z-index:1000}.ingredient-edit-modal{background-color:#fff;width:100%;max-width:480px;border-radius:16px 16px 0 0;overflow:hidden;box-shadow:0 -2px 10px #0000001a;animation:slideUp .3s ease-out}.ingredient-edit-header{padding:16px;border-bottom:1px solid #f0f0f0;text-align:center}.ingredient-edit-header h3{margin:0;font-size:18px;font-weight:500;color:#333}.ingredient-edit-content{padding:20px 16px}.ingredient-edit-field{margin-bottom:20px}.ingredient-edit-field label{display:block;font-size:14px;color:#666;margin-bottom:8px}.ingredient-name-container{display:flex;position:relative;width:100%}.ingredient-edit-field input{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:8px;font-size:16px;color:#333;background:#f9f9f9;box-sizing:border-box}.ingredient-edit-field input:disabled{opacity:.7;cursor:not-allowed}.ingredient-edit-error{margin:10px 0;padding:10px;background-color:#fff2f0;color:#f5222d;font-size:14px;border-radius:4px}.ingredient-name-container input{border-radius:8px 0 0 8px}.material-select-button{border:none;background-color:#1677ff;color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;width:44px;border-radius:0 8px 8px 0}.quantity-field{margin-top:24px}.quantity-input-group{display:flex;position:relative}.quantity-input-group input{border-radius:8px}.unit-display{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#666;font-size:16px;pointer-events:none}.ingredient-edit-footer{display:flex;padding:12px 16px 24px;border-top:1px solid #f0f0f0;gap:12px}.ingredient-edit-footer button{flex:1;padding:12px;border:none;border-radius:20px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s}.remove-btn{background-color:#f5f5f5;color:#666}.save-btn{background-color:#1677ff;color:#fff}@media (max-width: 480px){.ingredient-edit-modal{width:100%}.ingredient-edit-header h3{font-size:16px}.ingredient-edit-field input,.unit-display{font-size:14px;padding:10px}.ingredient-edit-footer button{font-size:14px;padding:10px 0}}.recipe-create-header h1{margin-bottom:16px;position:relative;text-align:center}.dish-name-input input[disabled]{background-color:#f9f9f9;border-color:#e0e0e0;color:#333;cursor:default}.edit-btn{background-color:#1677ff;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s;position:relative;min-width:100px;display:flex;align-items:center;justify-content:center}.edit-btn:hover{background-color:#0e5fd8}.edit-btn:active{background-color:#0d55c5}@media (max-width: 600px){.material-header{padding:6px 10px}.header-name,.header-unit{font-size:11px}.material-info{padding:10px}.material-name,.ingredient-card .material-quantity{font-size:13px}}@media (max-width: 430px){.material-header{padding:5px 8px}.header-name,.header-unit{font-size:10px}.material-info{padding:8px}.material-name,.ingredient-card .material-quantity{font-size:12px}}.ingredient-card-disabled{cursor:default;pointer-events:none;opacity:.9}.ingredient-card-disabled:hover{transform:none;box-shadow:0 1px 3px #00000014}.highlight-btn{animation:pulse 2s infinite;box-shadow:0 0 10px #1890ffcc;transition:all .3s ease}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #1890ffb3}70%{transform:scale(1.02);box-shadow:0 0 0 10px #1890ff00}to{transform:scale(1);box-shadow:0 0 #1890ff00}}.edit-mode-tip{text-align:center;padding:5px 0;font-size:14px;animation:fadeInOut 2s infinite}@keyframes fadeInOut{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}@media (max-width: 600px){.ingredient-card{min-height:105px}.material-info{padding:14px 16px}}@media (max-width: 430px){.ingredient-card{min-height:100px}.material-info{padding:12px 14px}}.note-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1001;padding:20px}.note-modal{background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;max-width:400px;width:100%;max-height:80vh;overflow:hidden;animation:slideUp .3s ease-out}.note-modal-header{padding:20px 20px 0;text-align:center}.note-modal-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.note-modal-content{padding:20px;max-height:400px;overflow-y:auto}.note-modal-content p{color:#666;font-size:14px;line-height:1.6;margin:0;word-wrap:break-word;white-space:pre-wrap}.note-modal-footer{padding:0 20px 20px;display:flex;justify-content:center}.note-modal-close-btn{background:#1677ff;color:#fff;border:none;border-radius:8px;padding:12px 32px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;min-width:120px}.note-modal-close-btn:hover{background:#0056b3}.note-modal-close-btn:active{background:#004494}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.note-modal{margin:20px;max-width:calc(100% - 40px)}}.distributed-stores-section{margin-top:24px;margin-bottom:24px}.distributed-stores-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.distributed-stores-title{font-size:16px;color:#666;font-weight:400}.distributed-stores-count{font-size:14px;color:#999}.distributed-stores-list{width:100%;background:#fff;border:1px solid #f0f0f0;border-radius:12px;overflow:hidden;box-shadow:0 2px 6px #0000000a}.distributed-store-item{padding:12px 16px;font-size:14px;color:#333;border-top:1px solid #f5f5f5;background:#fff}.distributed-store-item:first-child{border-top:none}.ingredients-empty-state,.distributed-stores-empty{padding:24px 16px;text-align:center;color:#999;font-size:14px;background:#fafafa}.assign-modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1002;padding:16px}.assign-modal{background:#fff;border-radius:12px;width:100%;max-width:420px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 20px #00000026}.assign-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #f0f0f0}.assign-modal-header h3{margin:0;font-size:16px;color:#333}.assign-modal-close{cursor:pointer;font-size:16px;color:#999}.assign-modal-search{padding:12px 16px;border-bottom:1px solid #f5f5f5}.assign-modal-search input{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px}.assign-modal-select-all{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #f5f5f5;cursor:pointer}.assign-modal-list{flex:1;overflow-y:auto}.assign-store-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #f5f5f5;cursor:pointer}.assign-store-item.selected{background:#f5f9ff}.assign-store-info{display:flex;flex-direction:column;gap:4px}.assign-store-name{font-size:14px;color:#333;font-weight:500}.assign-store-address{font-size:12px;color:#888}.assign-modal-empty{padding:16px;text-align:center;color:#999}.assign-modal-footer{display:flex;gap:12px;padding:12px 16px 16px;border-top:1px solid #f0f0f0}.assign-cancel-btn,.assign-confirm-btn{flex:1;padding:12px;border:none;border-radius:8px;font-size:14px;cursor:pointer}.assign-cancel-btn{background:#f5f5f5;color:#666}.assign-confirm-btn{background:#1677ff;color:#fff}.assign-result-modal-overlay{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:1003;padding:16px}.assign-result-modal{width:100%;max-width:360px;background:#fff;border-radius:12px;box-shadow:0 8px 20px #00000024;padding:20px}.assign-result-title{font-size:16px;font-weight:600;color:#333;margin-bottom:10px}.assign-result-title.error{color:#d93025}.assign-result-title.success{color:#1a73e8}.assign-result-message{font-size:14px;color:#555;line-height:1.6}.assign-result-message p{margin:0 0 6px}.assign-result-actions{display:flex;justify-content:flex-end;margin-top:16px}.assign-result-confirm{min-width:96px;padding:10px 16px;border:none;border-radius:10px;background:#4a90e2;color:#fff;cursor:pointer;font-size:14px}.assign-result-confirm:hover{background:#3a7bc8}.assign-btn{background-color:#1677ff;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s;position:relative;min-width:100px;display:flex;align-items:center;justify-content:center}.assign-btn:hover{background-color:#0e5fd8}.assign-btn:active{background-color:#0d55c5}.add-semi-finished-fab{position:fixed;bottom:90px;right:16px;display:flex;align-items:center;gap:6px;padding:12px 16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:24px;font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 4px 14px #6366f166;z-index:100;transition:all .3s ease}.add-semi-finished-fab:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.add-semi-finished-fab:active{transform:translateY(0)}.add-semi-finished-fab .fab-icon{font-size:18px;font-weight:700}.add-semi-finished-fab .fab-text{white-space:nowrap}.quantity-input-wrapper input{flex:1;border:none;background:transparent;padding:10px 0;font-size:14px;color:#333;outline:none}@media (max-width: 480px){.semi-finished-modal{max-height:95vh;border-radius:16px 16px 0 0}.semi-finished-spec-row{flex-wrap:wrap}.spec-item{min-width:calc(50% - 6px)}.add-semi-finished-fab{bottom:100px;right:12px;padding:10px 14px;font-size:13px}}.material-selector-container{position:fixed;inset:0;background-color:#f5f5f5;z-index:1100;display:flex;flex-direction:column;animation:slide-in .3s ease}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.material-selector-header{height:44px;background-color:#fff;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid #eee;position:relative}.header-back{display:flex;align-items:center;font-size:15px;color:#333;cursor:pointer}.header-back span{margin-left:4px}.header-title{position:absolute;left:0;right:0;text-align:center;font-size:16px;font-weight:500;color:#333;pointer-events:none}.search-container{padding:8px 16px;background-color:#fff}.material-layout{display:flex;flex:1;overflow:hidden;background-color:#f5f5f5}.category-sidebar{width:80px;background-color:#f5f5f5;overflow-y:auto;border-right:1px solid #eee}.category-item{padding:16px 8px;text-align:center;font-size:14px;color:#333;position:relative;cursor:pointer;line-height:1.3;display:flex;align-items:center;justify-content:center;min-height:50px}.category-item-active{color:#1677ff;font-weight:500;background-color:#fff}.category-item-active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:#1677ff}.material-content{flex:1;overflow-y:auto;background-color:#f5f5f5;padding:8px}.material-list{display:flex;flex-direction:column;gap:10px}.material-card{background-color:#fff;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;height:150px;box-shadow:0 2px 4px #00000014;border:1px solid #e8e8e8;border-left:4px solid transparent;position:relative;padding:0;margin-bottom:12px;box-sizing:border-box}.material-card-selected{border-left-color:#1677ff}.material-card-content{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:18px 20px;box-sizing:border-box;overflow:hidden}.material-content-row{display:flex;justify-content:space-between;align-items:center;width:100%}.material-selection{display:flex;align-items:center;gap:8px;flex:1;overflow:hidden}.radio-button{width:20px;height:20px;border-radius:50%;border:1px solid #ccc;position:relative;cursor:pointer;flex-shrink:0}.radio-button.selected{border-color:#1677ff}.radio-button.selected:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background-color:#1677ff;top:50%;left:50%;transform:translate(-50%,-50%)}.material-name{font-size:15px;color:#333;cursor:pointer;flex:1;word-break:break-word;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.material-stock{font-size:17px;color:#ffc53d;font-weight:500;margin-left:10px;margin-top:6px}.material-usage{font-size:13px;color:#52c41a;text-align:right;width:100%;padding-top:8px}.no-materials{padding:40px 0;text-align:center;color:#999;font-size:14px}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px 0}.loading-text{margin-top:12px;color:#999;font-size:14px}.material-selector-footer{padding:12px 16px;background-color:#fff;border-top:1px solid #f0f0f0}.material-selector-footer .adm-button-primary:not(.adm-button-disabled){background-color:#1677ff;border-radius:20px;height:40px;font-size:16px}.language-settings-container{background:linear-gradient(180deg,#f0f5ff,#fff);min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box}.language-settings-card{background:#fff;border-radius:12px;width:100%;max-width:360px;box-shadow:0 4px 12px #0000000d;padding:30px 20px;box-sizing:border-box}.language-settings-header{text-align:center;margin-bottom:30px}.language-settings-header h1{font-size:20px;font-weight:500;color:#333;margin:0 0 5px}.language-settings-header p{font-size:14px;color:#666;margin:0}.language-toggle{display:flex;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;margin-bottom:20px}.language-btn{flex:1;background:none;border:none;padding:12px 0;font-size:16px;color:#333;cursor:pointer;transition:all .3s}.language-btn.active{background-color:#e6f2ff;color:#1677ff}.language-actions{display:flex;flex-direction:column;gap:10px}.confirm-btn{background:#4285f4;color:#fff;border:none;border-radius:8px;padding:12px 0;font-size:16px;font-weight:500;cursor:pointer;width:100%}.cancel-btn{background:#f0f5ff;color:#4285f4;border:none;border-radius:8px;padding:12px 0;font-size:16px;font-weight:500;cursor:pointer;width:100%}.menu-list-container{padding:16px;max-width:800px;margin:0 auto;display:flex;flex-direction:column;min-height:100vh}.menu-list-header{display:flex;justify-content:center;align-items:center;position:relative;margin:20px 0}.menu-list-title{text-align:center;font-size:20px;color:#333;font-weight:500;margin:0}.unconfirmed-link{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:14px;color:#1677ff;cursor:pointer;white-space:nowrap}.unconfirmed-link:hover{color:#4096ff}.unconfirmed-link.active{color:#1677ff;font-weight:500}.menu-tabs{display:flex;border-bottom:1px solid #e8e8e8;margin-bottom:20px}.menu-tab{flex:1;text-align:center;padding:12px 0;cursor:pointer;color:#666;position:relative;transition:all .3s}.menu-tab.active{color:#1677ff;font-weight:500}.menu-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:#1677ff}.menu-items-container{flex:1;margin-bottom:16px;padding-bottom:calc(72px + constant(safe-area-inset-bottom));padding-bottom:calc(72px + env(safe-area-inset-bottom))}.menu-item{background-color:#f0f7ff;border-radius:8px;margin-bottom:12px;overflow:hidden}.menu-item-content{padding:16px;display:flex;align-items:center;background-color:#fff}.menu-status-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0}.menu-status-icon.confirmed{background-color:#52c41a;color:#fff}.menu-status-icon.unconfirmed{background-color:#faad14;color:#fff}.status-icon{font-size:14px;font-weight:700}.menu-name{flex:1;font-size:16px;color:#333}.view-recipe-btn{padding:6px 12px;background-color:#1677ff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.view-recipe-btn:hover{background-color:#4096ff}.view-recipe-btn.edit{background-color:#fa8c16}.view-recipe-btn.edit:hover{background-color:#ffa940}.action-buttons{display:flex;flex-direction:row;gap:8px;align-items:center}.delete-recipe-btn{padding:6px 12px;background-color:#ff4d4f;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.delete-recipe-btn:disabled{opacity:.6;cursor:not-allowed}.delete-recipe-btn:hover:not(:disabled){background-color:#ff7875}.delete-confirm-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.delete-confirm-modal{width:320px;background:#fff;border-radius:8px;box-shadow:0 8px 24px #00000026;overflow:hidden}.delete-confirm-header{padding:16px;border-bottom:1px solid #f0f0f0;text-align:left}.delete-confirm-content{padding:16px;color:#333}.delete-confirm-footer{padding:12px 16px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #f0f0f0}.cancel-btn{background:#f5f5f5;border:none;color:#333;padding:8px 12px;border-radius:4px;cursor:pointer}.confirm-delete-btn{background:#ff4d4f;border:none;color:#fff;padding:8px 12px;border-radius:4px;cursor:pointer}.confirm-delete-btn:disabled{opacity:.6;cursor:not-allowed}.loading-state,.empty-state,.error-message{text-align:center;padding:32px 16px;color:#999}.error-message{color:#ff4d4f;display:flex;align-items:center;justify-content:center;padding:16px;flex-direction:column;gap:12px}.retry-btn{background-color:#ff4d4f;color:#fff;border:none;border-radius:4px;padding:6px 12px;cursor:pointer;font-size:14px;margin-top:8px}.retry-btn:hover{background-color:#ff7875}.create-recipe-btn{background-color:#1677ff;color:#fff}.create-recipe-btn:hover{background-color:#4096ff}.semi-finished-card{background-color:#fff;border:1px solid #e8e8e8;border-radius:8px;margin-bottom:12px;padding:12px 16px;transition:box-shadow .2s}.semi-finished-card:hover{box-shadow:0 2px 8px #00000014}.semi-finished-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.semi-finished-name{font-size:16px;font-weight:500;color:#333}.semi-finished-count{font-size:14px;color:#666;background-color:#f5f5f5;padding:2px 8px;border-radius:4px}.semi-finished-spec{font-size:13px;color:#999;margin-left:auto}.semi-finished-ingredients{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px;border-top:1px solid #f0f0f0}.ingredient-tag{font-size:13px;color:#666;background-color:#fafafa;padding:4px 8px;border-radius:4px;white-space:nowrap}.semi-finished-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1002;padding:16px}.semi-finished-modal{background:#fff;border-radius:16px;width:100%;max-width:480px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0003;overflow:hidden}.semi-finished-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #f0f0f0}.semi-finished-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#333}.semi-finished-modal-close{cursor:pointer;font-size:18px;color:#999;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.semi-finished-modal-close:hover{background:#f5f5f5;color:#666}.semi-finished-modal-content{flex:1;overflow-y:auto;padding:20px}.semi-finished-field{margin-bottom:20px}.semi-finished-field label{display:block;font-size:14px;color:#666;margin-bottom:8px}.semi-finished-field input{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:8px;font-size:16px;color:#333;background:#fafafa;box-sizing:border-box;transition:border-color .2s,background-color .2s}.semi-finished-field input:focus{border-color:#6366f1;background:#fff;outline:none}.semi-finished-field input::placeholder{color:#bbb}.semi-finished-spec-row{display:flex;gap:12px;margin-bottom:20px}.spec-item{flex:1}.spec-item label{display:block;font-size:14px;color:#666;margin-bottom:8px}.spec-select-wrapper,.unit-select-wrapper{position:relative;display:flex;align-items:center;gap:6px;padding:10px 12px;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa;cursor:pointer;font-size:14px;color:#333}.spec-select-wrapper.spec-readonly{cursor:default;background:#f0f0f0;color:#666}.spec-select-wrapper:hover,.unit-select-wrapper:hover{border-color:#6366f1}.spec-value,.unit-value{font-weight:500}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:10;max-height:200px;overflow-y:auto;margin-top:4px}.dropdown-item{padding:10px 12px;cursor:pointer;transition:background-color .2s}.dropdown-item:hover{background:#f5f5f5}.dropdown-item.active{background:#f0f0ff;color:#6366f1;font-weight:500}.quantity-input-wrapper{display:flex;align-items:center;gap:6px;padding:0 12px;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa}.quantity-input-wrapper span{color:#999;font-size:14px}.quantity-input-wrapper input{flex:1;border:none;background:transparent;padding:10px 0;font-size:14px;color:#333;outline:none;width:100%}.quantity-input-wrapper input::placeholder{color:#bbb}.semi-finished-materials-header{margin-bottom:12px}.semi-finished-materials-header label{font-size:14px;color:#666}.semi-finished-materials-list{border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;background:#fff}.material-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #f0f0f0;gap:12px}.material-item:last-child{border-bottom:none}.material-item-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.material-thumb{width:40px;height:40px;background:#f0f0f0;border-radius:8px;flex-shrink:0}.material-select-btn{display:flex;align-items:center;justify-content:space-between;flex:1;padding:8px 12px;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa;cursor:pointer;font-size:14px;color:#333;min-width:0;gap:8px}.material-select-btn:hover{border-color:#6366f1}.material-select-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-select-btn .placeholder{color:#999}.material-item-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.material-item-right input{width:60px;padding:8px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;text-align:center;background:#fafafa}.material-item-right input:focus{border-color:#6366f1;outline:none}.material-unit{font-size:14px;color:#666;min-width:20px}.material-delete-btn{cursor:pointer;font-size:16px;color:#ff4d4f;padding:4px;opacity:.6;transition:opacity .2s}.material-delete-btn:hover{opacity:1}.add-material-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:14px;color:#6366f1;font-size:14px;cursor:pointer;border-top:1px dashed #e0e0e0;transition:background-color .2s}.add-material-btn:hover{background:#f5f5ff}.add-material-btn span:first-child{font-size:16px;font-weight:500}.semi-finished-cost{margin-top:20px;padding:16px;background:#f8f9ff;border-radius:12px}.semi-finished-cost label{display:block;font-size:14px;color:#666;margin-bottom:8px}.cost-display{display:flex;flex-direction:column;gap:4px}.cost-value{font-size:24px;font-weight:600;color:#6366f1}.cost-loading{font-size:16px;font-weight:400;color:#999;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.cost-hint{font-size:12px;color:#999}.semi-finished-error{margin-top:12px;padding:10px 12px;background:#fff2f0;border:1px solid #ffccc7;border-radius:8px;color:#ff4d4f;font-size:14px}.semi-finished-modal-footer{display:flex;gap:12px;padding:16px 20px 20px;border-top:1px solid #f0f0f0}.semi-finished-modal-footer button{flex:1;padding:14px;border:none;border-radius:10px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.semi-finished-modal-footer .cancel-btn{background:#f5f5f5;color:#666}.semi-finished-modal-footer .cancel-btn:hover{background:#e8e8e8}.semi-finished-modal-footer .save-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.semi-finished-modal-footer .save-btn:hover{box-shadow:0 4px 14px #6366f166}.semi-finished-modal-footer .save-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.semi-finished-modal{max-height:95vh;border-radius:16px 16px 0 0}.semi-finished-spec-row{flex-wrap:wrap}.spec-item{min-width:calc(50% - 6px)}}.settings-root{display:flex;flex-direction:column;min-height:100vh;background-color:#fff}.settings-header{padding:15px 20px;border-bottom:1px solid #f0f0f0}.settings-title{font-size:18px;font-weight:500;text-align:center}.settings-form{flex:1;padding:20px 20px 100px}.settings-form-group{margin-bottom:20px}.settings-label{display:block;font-size:14px;color:#333;margin-bottom:8px}.settings-input{width:100%;height:40px;border:1px solid #e0e0e0;border-radius:4px;padding:0 12px;font-size:14px}.settings-input-readonly{background-color:#f5f5f5;color:#999;cursor:not-allowed}.settings-pos-brands.settings-readonly{background-color:#f9f9f9}.settings-pos-brands.settings-readonly .settings-pos-brand-item{color:#666}.settings-pos-brands{border:1px solid #e0e0e0;border-radius:4px;max-height:200px;overflow-y:auto;padding:8px 0}.settings-pos-brand-item{padding:8px 12px;border-bottom:1px solid #f0f0f0}.settings-pos-brand-item:last-child{border-bottom:none}.settings-checkbox-label{display:flex;align-items:center;cursor:pointer}.settings-checkbox-label input[type=checkbox]{margin-right:10px}.settings-brand-manufacturer{margin-left:6px;font-size:12px;color:#888}.settings-no-brands{padding:15px;text-align:center;color:#888}.settings-loading{display:flex;justify-content:center;align-items:center;height:100px;color:#888}.settings-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:10px 15px;border-radius:4px;margin:10px 20px 0;font-size:14px}.settings-success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;padding:10px 15px;border-radius:4px;margin:10px 20px 0;font-size:14px}.settings-select-container{position:relative}.settings-select{width:100%;height:40px;border:1px solid #e0e0e0;border-radius:4px;padding:0 12px;font-size:14px;appearance:none;background-color:#fff}.settings-select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#1677ff;font-size:12px;pointer-events:none}.settings-footer{display:flex;justify-content:space-between;padding:15px 20px;border-top:1px solid #f0f0f0}.settings-save-btn{background-color:#1677ff;color:#fff;border:none;border-radius:8px;padding:8px 30px;font-size:16px;cursor:pointer}.settings-save-btn:disabled{background-color:#a3c9ff;cursor:not-allowed}.settings-save-btn:active:not(:disabled){background-color:#0e5cda}.settings-logout-section{margin-top:40px;padding-top:20px;border-top:1px solid #f0f0f0}.settings-logout-item{padding:10px 0}.settings-logout-btn{width:100%;background-color:#ff4d4f;color:#fff;border:none;border-radius:8px;padding:12px 16px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.settings-logout-btn:hover{background-color:#ff7875}.settings-logout-btn:active{background-color:#d9363e}.settings-logout-btn:disabled{background-color:#ffaaa8;cursor:not-allowed}.logout-dialog-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;box-sizing:border-box}.logout-dialog{background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;width:100%;max-width:320px;animation:dialogFadeIn .2s ease-out}@keyframes dialogFadeIn{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.logout-dialog-header{padding:20px 20px 12px;border-bottom:1px solid #f0f0f0}.logout-dialog-header h3{margin:0;font-size:18px;font-weight:600;color:#333;text-align:center}.logout-dialog-content{padding:20px;text-align:center}.logout-dialog-content p{margin:0;font-size:16px;color:#666;line-height:1.5}.logout-dialog-actions{display:flex;gap:12px;padding:12px 20px 20px}.logout-cancel-btn{flex:1;background:#f5f5f5;color:#666;border:none;border-radius:8px;padding:12px 16px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.logout-cancel-btn:hover{background:#e8e8e8}.logout-cancel-btn:active{background:#ddd}.logout-confirm-btn{flex:1;background:#ff4d4f;color:#fff;border:none;border-radius:8px;padding:12px 16px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.logout-confirm-btn:hover{background:#ff7875}.logout-confirm-btn:active{background:#d9363e}@media (max-width: 600px){.logout-dialog-overlay{padding:15px}.logout-dialog{max-width:300px}.logout-dialog-header{padding:16px 16px 10px}.logout-dialog-header h3{font-size:16px}.logout-dialog-content{padding:16px}.logout-dialog-content p{font-size:14px}.logout-dialog-actions{padding:10px 16px 16px;gap:10px}.logout-cancel-btn,.logout-confirm-btn{padding:10px 14px;font-size:14px}.settings-logout-btn{font-size:14px;padding:10px 14px}}.inventory-count-container{display:flex;flex-direction:column;height:100vh;background-color:#fff}.inventory-count-header{background-color:#fff;padding:16px 20px;border-bottom:1px solid #e8e8e8;box-shadow:0 2px 4px #0000000d}.inventory-count-title{margin:0;font-size:20px;font-weight:600;color:#333;text-align:center}.inventory-count-content{flex:1;padding:20px 16px 100px;overflow-y:auto;background-color:#f5f5f5}.inventory-count-loading,.inventory-count-error{text-align:center;padding:40px 20px;color:#666;font-size:14px}.inventory-count-error{color:#ff4d4f}.inventory-count-retry-btn{margin-top:12px;padding:8px 16px;background-color:#1677ff;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s}.inventory-count-retry-btn:hover{background-color:#0958d9}.inventory-count-section{margin-bottom:24px;background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f}.inventory-count-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.inventory-count-section-title{margin:0;font-size:16px;font-weight:600;color:#333}.inventory-count-view-all-btn{background:none;border:none;color:#1677ff;font-size:14px;cursor:pointer;padding:0;transition:color .2s}.inventory-count-view-all-btn:hover{color:#0958d9}.inventory-count-records-list{display:flex;flex-direction:column;gap:12px}.inventory-count-record-item{padding:16px;background-color:#fafafa;border-radius:8px;border:1px solid #f0f0f0;transition:all .2s}.inventory-count-record-item:hover{background-color:#f5f5f5;border-color:#e8e8e8}.inventory-count-record-item.clickable{cursor:pointer}.inventory-count-record-item.clickable:active{background-color:#e8e8e8}.inventory-count-record-date{font-size:15px;font-weight:600;color:#333;margin-bottom:8px}.inventory-count-record-info{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#666}.inventory-count-record-time{color:#999}.inventory-count-record-count{color:#666;font-weight:500}.inventory-count-no-records{text-align:center;padding:40px 20px;color:#999;font-size:14px}.inventory-count-overview-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;align-items:start}.inventory-count-overview-right{display:flex;flex-direction:row;gap:12px;align-items:stretch}.inventory-count-overview-card-small{flex:1 1 0}.inventory-count-overview-card{padding:16px;background-color:#fafafa;border-radius:8px;border:1px solid #f0f0f0;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .2s}.inventory-count-overview-card:hover{background-color:#f5f5f5;border-color:#e8e8e8}.inventory-count-overview-card-large{min-height:140px;padding:24px}.inventory-count-overview-card-small{min-height:72px;padding:12px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.inventory-count-overview-label{font-size:13px;color:#666;margin-bottom:8px;text-align:left;width:100%}.inventory-count-overview-value{font-size:34px;font-weight:700;text-align:right;line-height:1;width:100%}.inventory-count-overview-value-normal{color:#333}.inventory-count-overview-value-warning{color:#ff9500}.inventory-count-overview-value-danger{color:#ff3b30}.inventory-count-semi-finished-section{margin-bottom:24px}.inventory-count-semi-finished-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.inventory-count-semi-finished-card{padding:16px;background-color:#fafafa;border-radius:8px;border:1px solid #f0f0f0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;transition:all .2s}.inventory-count-semi-finished-card:hover{background-color:#f5f5f5;border-color:#e8e8e8}.inventory-count-semi-finished-label{font-size:13px;color:#666;margin-bottom:8px;text-align:left;width:100%}.inventory-count-semi-finished-value{font-size:28px;font-weight:700;text-align:right;line-height:1;width:100%}.inventory-count-semi-finished-value-normal{color:#333}.inventory-count-semi-finished-value-danger{color:#ff3b30}.inventory-count-footer{padding:8px 12px;background:transparent;border-top:none;box-shadow:none;z-index:100}.inventory-count-start-btn{padding:12px 20px;background-color:#1677ff;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s}.inventory-count-start-btn:hover{background-color:#0958d9}.inventory-count-start-btn:active{background-color:#003eb3}@media (max-width: 768px){.inventory-count-content{padding:16px 12px 100px}.inventory-count-section{padding:16px;margin-bottom:20px}.inventory-count-section-title{font-size:15px}.inventory-count-overview-grid{grid-template-columns:1fr;gap:12px}.inventory-count-overview-card{padding:16px;min-height:90px}.inventory-count-overview-value{font-size:28px}.inventory-count-semi-finished-grid{gap:10px}.inventory-count-semi-finished-card{padding:14px}.inventory-count-semi-finished-value{font-size:24px}.inventory-count-footer{padding:12px 16px}.inventory-count-start-btn{padding:12px;font-size:15px}}@media (max-width: 480px){.inventory-count-title{font-size:18px}.inventory-count-content{padding:12px 10px 100px}.inventory-count-section{padding:12px;margin-bottom:16px}.inventory-count-overview-grid{grid-template-columns:1fr;gap:10px}.inventory-count-overview-card{padding:12px;min-height:80px}.inventory-count-overview-label{font-size:12px;margin-bottom:8px}.inventory-count-overview-value{font-size:24px}.inventory-count-semi-finished-card{padding:12px}.inventory-count-semi-finished-label{font-size:12px}.inventory-count-semi-finished-value{font-size:20px}.inventory-count-record-item{padding:12px}.inventory-count-record-date{font-size:14px}.inventory-count-record-info{font-size:12px}}.inventory-mode-content{flex:1;display:flex;overflow:hidden;background-color:#f5f5f5}.inventory-category-sidebar{width:90px;min-width:90px;background-color:#f8f8f8;border-right:1px solid #e8e8e8;overflow-y:auto;padding:8px 0}.inventory-category-item{padding:12px 8px;font-size:14px;color:#666;cursor:pointer;text-align:center;transition:all .2s;border-left:3px solid transparent}.inventory-category-item:hover{background-color:#e8f4ff;color:#1677ff}.inventory-category-item.active{background-color:#fff;color:#1677ff;font-weight:600;border-left-color:#1677ff}.inventory-category-loading{padding:20px;text-align:center;color:#999;font-size:13px}.inventory-product-list{flex:1;overflow-y:auto;padding:12px 12px 100px}.inventory-product-loading,.inventory-product-empty{padding:40px 20px;text-align:center;color:#999;font-size:14px}.inventory-product-card{background-color:#fff;border-radius:12px;padding:0;margin-bottom:10px;box-shadow:0 2px 6px #0000000d;overflow:hidden}.inventory-product-card:hover{box-shadow:0 3px 10px #00000014}.inventory-product-card.confirmed{border:2px solid #52c41a;background-color:#f6ffed}.inventory-product-card.expanded{border:1px solid #1677ff}.inventory-product-main{display:flex;flex-direction:column;padding:12px 16px}.inventory-product-info{flex:1;min-width:0;margin-bottom:10px}.inventory-product-name{font-size:15px;font-weight:600;color:#333;margin-bottom:4px;line-height:1.4;word-break:break-word}.inventory-product-stock-row{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}.inventory-product-stock-label{font-size:13px;color:#999}.inventory-product-stock-value{font-size:18px;font-weight:700;color:#333}.inventory-product-stock-value.low{color:#ff9500}.inventory-product-unit{font-size:14px;color:#666;margin-left:2px}.inventory-low-stock-warning{font-size:11px;color:#ff9500;margin-left:8px}.inventory-product-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.inventory-adjust-btn{padding:6px 12px;background-color:#1677ff;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.inventory-adjust-btn:hover,.inventory-adjust-btn.active{background-color:#0958d9}.inventory-material-list{background-color:#f8f9fa;border-top:1px solid #e8e8e8;padding:12px 16px}.inventory-material-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background-color:#fff;border-radius:8px;margin-bottom:8px;border:1px solid #e8e8e8}.inventory-material-item:last-child{margin-bottom:0}.inventory-material-info{display:flex;align-items:center;gap:12px;flex:1}.inventory-material-name{font-size:14px;font-weight:500;color:#333}.inventory-material-stock{font-size:15px;font-weight:600;color:#1677ff}.inventory-material-stock.adjusted{color:#52c41a;font-weight:700}.inventory-material-stock-change{font-size:12px;color:#999;font-weight:400;margin-left:4px}.inventory-material-adjust-btn{padding:4px 12px;background-color:transparent;color:#1677ff;border:none;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.inventory-material-adjust-btn:hover{color:#0958d9;text-decoration:underline}.inventory-material-adjust-info{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:#fff7e6;border-radius:6px;margin-top:8px}.inventory-material-adjust-label{font-size:12px;color:#666}.inventory-material-adjust-reason{font-size:12px;color:#fa8c16;font-weight:500}.inventory-material-adjust-summary{margin-top:12px;padding:12px;background-color:#f0f9ff;border-radius:8px;border:1px solid #bae7ff}.inventory-material-adjust-summary .inventory-material-adjust-label{font-size:13px;font-weight:600;color:#0958d9;margin-bottom:8px;display:block}.inventory-material-adjust-item{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #e6f7ff}.inventory-material-adjust-item:last-child{border-bottom:none;padding-bottom:0}.inventory-material-adjust-name{font-size:13px;color:#333;font-weight:500;flex-shrink:0}.inventory-material-adjust-change{font-size:13px;color:#1677ff;font-weight:600;flex-shrink:0}.inventory-material-adjust-reason-text{font-size:12px;color:#999;font-style:italic;flex:1;text-align:right}.inventory-confirm-btn{padding:6px 12px;background-color:#fff;color:#722ed1;border:1px solid #722ed1;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.inventory-confirm-btn:hover:not(:disabled){background-color:#f9f0ff}.inventory-confirm-btn.confirmed{background-color:#52c41a;color:#fff;border-color:#52c41a}.inventory-confirm-btn:disabled{cursor:not-allowed}.inventory-cancel-confirm-btn{padding:6px 12px;background-color:#fff;color:#ff4d4f;border:1px solid #ff4d4f;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.inventory-cancel-confirm-btn:hover{background-color:#fff1f0}.inventory-cancel-confirm-btn:active{background-color:#ffccc7}.inventory-mode-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;background-color:#fff;border-top:1px solid #e8e8e8;box-shadow:0 -1px 4px #0000000a;padding:8px 12px;position:fixed;bottom:0;left:0;right:0;z-index:1000;max-width:100%}.inventory-mode-footer .inventory-back-btn{flex-shrink:0;padding:8px 16px;background-color:#f5f5f5;color:#333;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.inventory-mode-footer .inventory-back-btn:hover{background-color:#e8e8e8}.inventory-mode-footer .inventory-purchase-btn{flex:1;min-width:70px;padding:8px 16px;background-color:#5d5fef;color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.inventory-mode-footer .inventory-purchase-btn:hover{background-color:#4a4cd9}.inventory-mode-footer .inventory-complete-btn{flex:1;min-width:100px;padding:8px 16px;background-color:#52c41a;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.inventory-mode-footer .inventory-complete-btn:hover:not(:disabled){background-color:#389e0d}.inventory-mode-footer .inventory-complete-btn.disabled,.inventory-mode-footer .inventory-complete-btn:disabled{background-color:#d9d9d9;color:#999;cursor:not-allowed}@media (max-width: 768px){.inventory-category-sidebar{width:80px;min-width:80px}.inventory-category-item{padding:10px 6px;font-size:13px}.inventory-product-list{padding:10px 10px 100px}.inventory-product-main{padding:10px 12px}.inventory-product-name{font-size:14px}.inventory-product-stock-value{font-size:16px}.inventory-adjust-btn,.inventory-confirm-btn,.inventory-cancel-confirm-btn{padding:5px 10px;font-size:12px}.inventory-mode-footer{flex-wrap:wrap}.purchase-btn,.inventory-complete-btn{font-size:14px;padding:10px 16px}}@media (max-width: 480px){.inventory-category-sidebar{width:70px;min-width:70px}.inventory-category-item{padding:8px 4px;font-size:12px}.inventory-product-name{font-size:13px}.inventory-low-stock-warning{font-size:10px}.inventory-product-stock-value{font-size:14px}.inventory-adjust-btn,.inventory-confirm-btn,.inventory-cancel-confirm-btn{font-size:11px;padding:4px 8px}}.adjust-stock-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px}.adjust-stock-modal{background-color:#fff;border-radius:16px;padding:24px;width:100%;max-width:350px;box-shadow:0 10px 40px #00000026;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.adjust-stock-modal-header{text-align:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.adjust-stock-modal-product-name{font-size:16px;font-weight:600;color:#333}.adjust-stock-modal-title{font-size:16px;font-weight:600;color:#333;text-align:center;margin-bottom:20px}.adjust-stock-modal-input-row{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:24px}.adjust-stock-btn{width:36px;height:36px;border-radius:50%;border:none;font-size:20px;font-weight:600;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s}.adjust-stock-btn.minus{background-color:#ffebee;color:#f44336}.adjust-stock-btn.minus:hover{background-color:#ffcdd2}.adjust-stock-btn.minus:active{transform:scale(.95)}.adjust-stock-btn.plus{background-color:#e8f5e9;color:#4caf50}.adjust-stock-btn.plus:hover{background-color:#c8e6c9}.adjust-stock-btn.plus:active{transform:scale(.95)}.adjust-stock-input{width:80px;height:44px;border:none;border-radius:8px;background-color:#f5f5f5;font-size:24px;font-weight:600;color:#333;text-align:center;outline:none;transition:all .2s;-moz-appearance:textfield}.adjust-stock-input::-webkit-outer-spin-button,.adjust-stock-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.adjust-stock-input:focus{background-color:#e8e8e8;box-shadow:0 0 0 2px #5d5fef33}.adjust-stock-modal-reason-label{font-size:14px;color:#666;margin-bottom:8px}.adjust-stock-modal-reason-section{margin-top:16px}.adjust-stock-preset-reasons{margin-bottom:12px}.adjust-stock-reason-select{width:100%;height:44px;border:1px solid #e8e8e8;border-radius:8px;padding:0 12px;font-size:14px;color:#333;background-color:#fff;outline:none;transition:all .2s;font-family:inherit;cursor:pointer;box-sizing:border-box}.adjust-stock-reason-select:focus{border-color:#5d5fef;box-shadow:0 0 0 2px #5d5fef1a}.adjust-stock-remark-input{width:100%;border:1px solid #e8e8e8;border-radius:8px;padding:12px;font-size:14px;color:#333;resize:none;outline:none;transition:all .2s;font-family:inherit;box-sizing:border-box}.adjust-stock-remark-input::placeholder{color:#bbb}.adjust-stock-remark-input:focus{border-color:#5d5fef;box-shadow:0 0 0 2px #5d5fef1a}.adjust-stock-modal-actions{display:flex;gap:12px;margin-top:20px}.adjust-stock-cancel-btn{flex:1;padding:12px;background-color:#f5f5f5;color:#666;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.adjust-stock-cancel-btn:hover{background-color:#e8e8e8}.adjust-stock-confirm-btn{flex:1;padding:12px;background-color:#5d5fef;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.adjust-stock-confirm-btn:hover{background-color:#4a4cd9}.adjust-stock-confirm-btn:active{transform:scale(.98)}@media (max-width: 480px){.adjust-stock-modal{padding:20px;max-width:280px}.adjust-stock-modal-title{font-size:15px}.adjust-stock-btn{width:32px;height:32px;font-size:18px}.adjust-stock-input{width:70px;height:40px;font-size:20px}.adjust-stock-remark-input{font-size:13px;padding:10px}.adjust-stock-cancel-btn,.adjust-stock-confirm-btn{padding:10px;font-size:14px}}.confirm-submit-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px}.confirm-submit-modal{background-color:#fff;border-radius:16px;padding:24px;width:100%;max-width:300px;box-shadow:0 10px 40px #00000026;animation:modalSlideIn .3s ease-out}.confirm-submit-modal-title{font-size:18px;font-weight:600;color:#333;text-align:center;margin-bottom:16px}.confirm-submit-modal-content{font-size:14px;color:#666;text-align:center;line-height:1.6;margin-bottom:24px}.confirm-submit-modal-actions{display:flex;gap:12px}.confirm-submit-cancel-btn{flex:1;padding:12px;background-color:#f5f5f5;color:#666;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.confirm-submit-cancel-btn:hover{background-color:#e8e8e8}.confirm-submit-confirm-btn{flex:1;padding:12px;background-color:#1677ff;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.confirm-submit-confirm-btn:hover{background-color:#0958d9}.confirm-submit-confirm-btn:active{transform:scale(.98)}@media (max-width: 480px){.confirm-submit-modal{padding:20px;max-width:280px}.confirm-submit-modal-title{font-size:16px}.confirm-submit-modal-content{font-size:13px}.confirm-submit-cancel-btn,.confirm-submit-confirm-btn{padding:10px;font-size:14px}}.inventory-result-container{display:flex;flex-direction:column;height:100vh;background-color:#f5f5f5}.inventory-result-header{background-color:#fff;padding:16px 20px;border-bottom:1px solid #e8e8e8;box-shadow:0 2px 4px #0000000d;display:flex;align-items:center;justify-content:space-between}.inventory-result-header-left{display:flex;align-items:center;gap:12px}.inventory-result-back-btn{background:none;border:none;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.inventory-result-back-btn .back-arrow{font-size:20px;color:#333}.inventory-result-title{margin:0;font-size:18px;font-weight:600;color:#333}.inventory-result-content{flex:1;padding:16px 16px 100px;overflow-y:auto}.inventory-result-empty,.inventory-result-loading,.inventory-result-error{text-align:center;padding:60px 20px;color:#999;font-size:14px}.inventory-result-error{color:#ff4d4f}.inventory-result-date-info{display:flex;align-items:center;gap:8px;padding:12px 0;color:#666;font-size:14px}.inventory-result-date{color:#333;font-weight:500}.inventory-result-label{color:#999}.inventory-result-product-count{margin-left:auto;color:#666}.inventory-result-summary-card{background-color:#fff;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px #0000000f}.inventory-result-summary-title{font-size:16px;font-weight:600;color:#333;margin-bottom:16px}.inventory-result-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.inventory-result-summary-item{text-align:center;padding:12px 8px;border-radius:8px}.inventory-result-summary-item.decrease{background-color:#fff0f0}.inventory-result-summary-item.increase{background-color:#e6f7e6}.inventory-result-summary-item.unchanged{background-color:#f5f5f5}.inventory-result-summary-label{font-size:12px;color:#666;margin-bottom:8px}.inventory-result-summary-item.decrease .inventory-result-summary-label{color:#ff4d4f}.inventory-result-summary-item.increase .inventory-result-summary-label{color:#52c41a}.inventory-result-summary-value{font-size:28px;font-weight:700;line-height:1}.inventory-result-summary-item.decrease .inventory-result-summary-value{color:#ff4d4f}.inventory-result-summary-item.increase .inventory-result-summary-value{color:#52c41a}.inventory-result-summary-item.unchanged .inventory-result-summary-value{color:#333}.inventory-result-list-header{font-size:14px;color:#999;padding:12px 0;margin-bottom:8px}.inventory-result-list{display:flex;flex-direction:column;gap:12px}.inventory-result-section-title{font-size:14px;font-weight:600;color:#666;padding:12px 0 8px;margin-top:8px;border-bottom:1px solid #e8e8e8}.inventory-result-section-title:first-child{margin-top:0}.inventory-result-empty-list{text-align:center;padding:40px 20px;color:#999;font-size:14px;background-color:#fff;border-radius:8px}.inventory-result-item{background-color:#fff;border-radius:8px;padding:12px 16px;box-shadow:0 1px 4px #0000000a}.inventory-result-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.inventory-result-item-name{font-size:15px;font-weight:600;color:#333}.inventory-result-item-change{font-size:14px;font-weight:600;padding:2px 8px;border-radius:4px}.inventory-result-item-change.increase{color:#52c41a;background-color:#e6f7e6}.inventory-result-item-change.decrease{color:#ff4d4f;background-color:#fff0f0}.inventory-result-item-change.unchanged{color:#666;background-color:#f5f5f5}.inventory-result-item-detail{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:#666}.inventory-result-item-stock{color:#999}.inventory-result-item-arrow{color:#ccc}.inventory-result-item-reason{width:100%;margin-top:8px;color:#666;font-size:12px;line-height:1.4}.inventory-result-item-reason>div{margin-bottom:2px}.inventory-result-item-reason>div:last-child{margin-bottom:0}.inventory-result-footer{position:fixed;bottom:0;left:0;right:0;padding:12px 16px;background-color:#fff;border-top:1px solid #e8e8e8;box-shadow:0 -2px 8px #0000000f;display:flex;justify-content:center;z-index:100}.inventory-result-close-btn{width:100%;max-width:400px;padding:14px 24px;background-color:#1677ff;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s}.inventory-result-close-btn:hover{background-color:#0958d9}.inventory-result-close-btn:active{background-color:#003eb3}@media (max-width: 768px){.inventory-result-content{padding:12px 12px 100px}.inventory-result-summary-card{padding:14px}.inventory-result-summary-value{font-size:24px}.inventory-result-item{padding:10px 14px}.inventory-result-item-name{font-size:14px}}@media (max-width: 480px){.inventory-result-header{padding:14px 16px}.inventory-result-title{font-size:16px}.inventory-result-summary-grid{gap:8px}.inventory-result-summary-item{padding:10px 6px}.inventory-result-summary-label{font-size:11px}.inventory-result-summary-value{font-size:22px}.inventory-result-item-detail{font-size:12px}.inventory-result-close-btn{padding:12px 20px;font-size:15px}}.material-selection-container{background-color:#f5f7fa;min-height:100vh;display:flex;flex-direction:column}.material-selection-header{background-color:#fff;padding:15px;text-align:center;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.material-selection-title{font-size:18px;font-weight:600;color:#333;margin:0}.supplier-selection-section{background-color:#e3f2fd;padding:12px 15px;border-bottom:1px solid #ddd}.supplier-header{font-size:14px;color:#666;margin-bottom:8px;font-weight:500}.supplier-dropdown{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;background-color:#fff;font-size:14px;color:#333;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center}.supplier-dropdown:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed;background-size:16px;padding-right:40px}.supplier-dropdown:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}.material-selection-content{flex:1;padding:15px 15px 100px;overflow-y:auto}.material-selection-item{background-color:#fff;border-radius:8px;padding:15px;margin-bottom:12px;box-shadow:0 2px 4px #0000000d;border:1px solid #e0e0e0;display:flex;align-items:center;gap:12px;transition:all .2s ease}.material-selection-item:hover{box-shadow:0 4px 8px #0000001a;border-color:#2196f3}.material-checkbox{position:relative;flex-shrink:0}.checkbox-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.material-checkbox-label{position:relative;display:inline-block;width:20px;height:20px;background-color:#fff;border:2px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s ease}.material-checkbox-label:after{content:"";position:absolute;display:none;left:6px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-input:checked+.material-checkbox-label{background-color:#2196f3;border-color:#2196f3}.checkbox-input:checked+.material-checkbox-label:after{display:block}.checkbox-input:focus+.material-checkbox-label{box-shadow:0 0 0 2px #2196f333}.material-info{flex:1;display:flex;flex-direction:column;gap:4px}.material-name{font-size:16px;font-weight:500;color:#333}.material-stock{font-size:12px;color:#666}.material-right{flex-shrink:0;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.material-purchase-display{font-size:12px;color:#666;font-weight:500}.quantity-control{display:flex;align-items:center;background-color:#f5f5f5;border-radius:20px;padding:2px;gap:2px}.quantity-btn{width:20px;height:20px;border:none;border-radius:50%;background-color:#2196f3;color:#fff;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-user-select:none;user-select:none}.quantity-btn:hover:not(:disabled){background-color:#1976d2;transform:scale(1.05)}.quantity-btn:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.quantity-btn.decrease{font-size:14px;line-height:1}.quantity-btn.increase{font-size:10px;line-height:1}.quantity-display{min-width:32px;text-align:center;font-size:14px;font-weight:600;color:#333;padding:0 4px}.quantity-input{width:40px;height:20px;border:none;background:transparent;text-align:center;font-size:14px;font-weight:600;color:#333;padding:0;outline:none}.quantity-input::placeholder{color:#999;font-weight:600}.no-materials-message,.no-supplier-message{text-align:center;color:#666;font-size:14px;padding:40px 20px;background-color:#fff;border-radius:8px;border:1px solid #e0e0e0}.error-message{text-align:center;color:#f44336;padding:40px 20px;font-size:14px;background-color:#ffebee;margin:10px 15px;border-radius:8px;border:1px solid #ffcdd2}.loading-message{text-align:center;color:#666;padding:40px 20px;font-size:14px;background-color:#fff;margin:10px 15px;border-radius:8px;border:1px solid #e0e0e0}.material-selection-footer{background-color:#fff;padding:15px;box-shadow:0 -2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center;gap:12px}.back-btn{background:none;border:1px solid #ddd;color:#666;padding:12px 24px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.back-btn:hover{background-color:#f5f5f5;border-color:#999}.primary-btn{background-color:#2196f3;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0}.primary-btn:hover:not(:disabled){background-color:#1976d2;transform:translateY(-1px);box-shadow:0 4px 8px #2196f34d}.primary-btn:disabled{background-color:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.continue-btn{min-width:100px}@media (max-width: 480px){.material-selection-footer{padding:12px}.back-btn,.primary-btn{padding:10px 16px;font-size:13px}.material-selection-item{padding:12px;gap:8px}.material-name{font-size:15px}.quantity-btn{width:18px;height:18px;font-size:10px}.quantity-btn.decrease{font-size:12px}.quantity-btn.increase{font-size:8px}.quantity-display{min-width:28px;font-size:13px}.material-purchase-display{font-size:11px}}.material-selection-container .material-selection-item{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;gap:8px 12px;align-items:center;padding:12px 15px}.material-selection-container .material-checkbox{grid-column:1 / 2;grid-row:1 / 3;align-self:center}.material-selection-container .material-name-row{grid-column:2 / 3;grid-row:1 / 2;min-width:0}.material-selection-container .material-name{font-size:16px;font-weight:500;color:#333;word-break:break-word;display:block;line-height:1.4}.material-selection-container .material-controls-row{grid-column:2 / 3;grid-row:2 / 3;display:flex;align-items:center;justify-content:space-between;gap:8px}.material-selection-container .material-stock{font-size:12px;color:#666;flex-shrink:0}.material-selection-container .material-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.material-selection-container .material-purchase-display{font-size:12px;color:#666;font-weight:500}.material-selection-container .quantity-control{display:flex;align-items:center;background-color:#f5f5f5;border-radius:10px;padding:1px;gap:6px}.material-selection-container .quantity-btn{width:28px;height:28px;border:none;border-radius:6px;background-color:#2196f3;color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s ease;-webkit-user-select:none;user-select:none;padding:0}.material-selection-container .quantity-input{width:36px;height:28px;border:none;background:transparent;text-align:center;font-size:14px;font-weight:600;color:#333;padding:0;outline:none}@media (max-width: 480px){.material-selection-container .material-selection-item{grid-template-columns:36px 1fr;gap:6px 10px;padding:10px 12px}.material-selection-container .material-name{font-size:15px}.material-selection-container .material-controls-row{gap:6px}.material-selection-container .quantity-btn{width:24px;height:24px;font-size:14px}.material-selection-container .quantity-input{width:30px;height:24px;font-size:13px}.material-selection-container .material-stock,.material-selection-container .material-purchase-display{font-size:11px}}.statistics-report-container{min-height:100vh;background:#f5f5f5;padding-bottom:70px}.statistics-report-header{padding:16px;background:#1677ff;border-bottom:1px solid #f0f0f0;text-align:center;position:relative}.statistics-report-header h1{font-size:18px;font-weight:600;color:#fff;margin:0}.branch-switch-btn{position:absolute;left:16px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:6px;background:#fff3;padding:6px 12px;border-radius:20px;cursor:pointer;transition:all .3s}.branch-switch-btn:hover{background:#ffffff4d}.branch-switch-btn:active{transform:translateY(-50%) scale(.95)}.branch-icon{font-size:14px}.branch-name{font-size:13px;color:#fff;font-weight:500;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.branch-arrow{font-size:16px;color:#fffc;font-weight:300}.business-overview-section{margin:0 0 12px}.business-overview-header{display:flex;justify-content:space-between;align-items:center;background:#1677ff;padding:12px 16px;color:#fff}.business-overview-header h2{font-size:16px;font-weight:600;color:#fff;margin:0}.business-dimension-tabs{display:flex;gap:6px;background:#fff3;padding:4px;border-radius:16px}.business-dimension-tab{padding:4px 12px;font-size:12px;color:#fffc;cursor:pointer;border-radius:12px;transition:all .3s}.business-dimension-tab.active{background:#fff;color:#667eea;font-weight:500}.core-metrics-section{background:#fff;padding:12px 16px 16px;margin-bottom:0}.core-metrics-title{font-size:13px;color:#666;margin-bottom:10px;font-weight:500}.core-metrics-cards{display:flex;gap:10px}.core-metric-card{flex:1;background:#f8f9fa;border-radius:12px;padding:14px 12px;text-align:center;border:1px solid #f0f0f0}.core-metric-card.revenue{border-left:3px solid #f8b500}.core-metric-card.gross-margin{border-left:3px solid #52c41a}.core-metric-card.ingredient-cost{border-left:3px solid #ff6b6b}.core-metric-label{font-size:11px;color:#999;margin-bottom:6px}.core-metric-value{font-size:20px;font-weight:700;color:#333;margin-bottom:4px}.core-metric-growth{font-size:11px;font-weight:500}.core-metric-growth.positive{color:#52c41a}.core-metric-growth.negative{color:#ff4d4f}.stock-alert-section{background:#fff;margin:12px 16px;border-radius:12px;padding:14px;box-shadow:0 2px 8px #00000014}.stock-alert-title{font-size:14px;font-weight:600;color:#333;margin-bottom:12px}.stock-alert-category{border-left:3px solid #667eea;padding:12px 0 12px 12px;margin-bottom:10px}.stock-alert-category:last-child{margin-bottom:0}.stock-alert-category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.stock-alert-category-name{font-size:14px;font-weight:500;color:#333}.stock-alert-category-count{font-size:12px;color:#667eea;background:#667eea1a;padding:2px 8px;border-radius:10px}.stock-alert-items{display:flex;flex-wrap:wrap;gap:8px}.stock-alert-tag{font-size:12px;padding:4px 10px;border-radius:12px;display:inline-block}.stock-alert-tag.expiring{background:#ff98001a;color:#ff9800}.stock-alert-tag.out-of-stock{background:#ff4d4f1a;color:#ff4d4f}.stock-alert-tag.low-stock{background:#faad141a;color:#faad14}.stock-alert-empty{text-align:center;padding:20px;color:#999;font-size:13px}.dimension-tabs{display:flex;background:#fff;padding:12px 16px;gap:8px}.statistics-subtitle{background:#fff;padding:12px 16px;margin-bottom:12px}.statistics-subtitle h2{font-size:16px;font-weight:500;color:#333;margin:0}.dimension-tab{flex:1;padding:8px 0;text-align:center;background:#f5f5f5;border-radius:8px;font-size:14px;color:#666;cursor:pointer;transition:all .3s}.dimension-tab.active{background:#1677ff;color:#fff;font-weight:500}.stats-cards{display:flex;gap:10px;padding:0 16px;margin-bottom:16px}.stat-card{flex:1;background:#fff;border-radius:10px;padding:12px 10px;text-align:center;box-shadow:0 2px 8px #00000014}.stat-value{font-size:20px;font-weight:600;color:#1677ff;margin-bottom:6px}.stat-value.positive{color:#52c41a}.stat-value.negative{color:#ff4d4f}.stat-label{font-size:11px;color:#999}.chart-container{background:#fff;margin:0 16px;padding:16px;border-radius:12px;box-shadow:0 2px 8px #00000014;height:300px}.chart-container canvas{max-height:100%}.statistics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;color:#999}.loading-spinner{width:40px;height:40px;border:3px solid #f0f0f0;border-top-color:#1677ff;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}@keyframes spin{to{transform:rotate(360deg)}}.no-data{display:flex;align-items:center;justify-content:center;padding:60px 0;color:#999;font-size:14px}.custom-date-picker{padding:16px}.date-picker-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #f0f0f0;margin-bottom:16px}.date-picker-header>div{font-size:16px;cursor:pointer}.date-picker-header>div:first-child{color:#999}.date-picker-header>div:nth-child(2){font-weight:600;color:#333}.date-picker-header>div:last-child{color:#1677ff;font-weight:500}.date-picker-body{padding:16px 0}.date-picker-item{margin-bottom:20px;cursor:pointer;background:#f8f9fa;padding:12px 16px;border-radius:8px;transition:background-color .2s}.date-picker-item:hover{background:#e9ecef}.date-picker-item:active{background:#dee2e6}.date-picker-item label{display:block;font-size:14px;color:#666;margin-bottom:6px}.date-picker-item .date-value{font-size:16px;color:#333;font-weight:500}.date-picker-item .adm-list-item{padding-left:0}.consumption-trend-section{margin-top:20px}.consumption-selectors{display:flex;flex-direction:column;gap:12px;padding:0 16px;margin-bottom:16px}.selector-wrapper{width:100%}.consumption-select{width:100%;height:44px;padding:0 16px;font-size:14px;color:#333;background-color:#fff;border:1px solid #d9d9d9;border-radius:8px;outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer;transition:all .3s;display:flex;align-items:center;-webkit-user-select:none;user-select:none}.consumption-select:hover{border-color:#1677ff}.consumption-select:active{border-color:#1677ff;box-shadow:0 0 0 2px #1677ff1a}.consumption-select.disabled{background-color:#f5f5f5;color:#bbb;cursor:not-allowed;border-color:#e8e8e8}.selector-wrapper.disabled{cursor:not-allowed}.consumption-chart-container{margin-top:0}.category-stats-section{margin-top:20px}.category-stats-chart-container{margin-top:0;margin-bottom:16px}.category-stats-list{padding:0 16px;margin-bottom:16px}.category-stats-item{background:#fff;padding:12px 16px;margin-bottom:8px;border-radius:8px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;align-items:center}.category-stats-item-name{font-size:14px;font-weight:500;color:#333}.category-stats-item-info{display:flex;gap:16px;align-items:center}.category-stats-item-count{font-size:13px;color:#666}.category-stats-item-percentage{font-size:14px;font-weight:600;color:#1677ff}.menu-cost-section{margin-top:20px}.menu-selector{padding:0 16px;margin-bottom:16px}.menu-selector-input{width:100%;height:44px;padding:0 16px;font-size:14px;color:#333;background-color:#fff;border:1px solid #d9d9d9;border-radius:8px;outline:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer;transition:all .3s;display:flex;align-items:center;-webkit-user-select:none;user-select:none;line-height:44px}.menu-selector-input:hover{border-color:#1677ff}.menu-selector-input:active{border-color:#1677ff;box-shadow:0 0 0 2px #1677ff1a}.menu-cost-info{display:flex;flex-wrap:wrap;gap:10px;padding:0 16px;margin-bottom:16px}.menu-cost-info-item{flex:1;min-width:calc(33.33% - 7px);background:#fff;border-radius:10px;padding:12px 10px;text-align:center;box-shadow:0 2px 8px #00000014}.menu-cost-info-item:nth-child(4),.menu-cost-info-item:nth-child(5){flex:1 1 100%;min-width:100%}.menu-cost-info-label{font-size:11px;color:#999;margin-bottom:6px}.menu-cost-info-value{font-size:16px;font-weight:600;color:#1677ff}.menu-cost-chart-container{margin-top:0;margin-bottom:16px}.ingredient-cost-list{padding:0 16px;margin-bottom:16px}.ingredient-cost-item{background:#fff;padding:12px 16px;margin-bottom:8px;border-radius:8px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;align-items:center}.ingredient-cost-item-name{font-size:14px;font-weight:500;color:#333}.ingredient-cost-item-info{display:flex;gap:16px;align-items:center}.ingredient-cost-item-cost{font-size:13px;color:#666}.ingredient-cost-item-percentage{font-size:14px;font-weight:600;color:#1677ff}@media (max-width: 375px){.stats-cards{gap:8px}.stat-card{padding:10px 8px}.stat-value{font-size:16px}.stat-label{font-size:10px}.dimension-tabs{gap:6px}.dimension-tab{font-size:13px;padding:6px 0}.consumption-select{height:40px;font-size:13px}.menu-selector-input{height:40px;font-size:13px;line-height:40px}.menu-cost-info{gap:8px}.menu-cost-info-item{padding:10px 8px;min-width:calc(33.33% - 6px)}.menu-cost-info-value{font-size:14px}}.group-view-container{min-height:100vh;background:#f5f5f5;display:flex;flex-direction:column;width:100%;max-width:100vw;overflow-x:hidden}.group-view-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);padding:16px;color:#fff}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.header-left{display:flex;align-items:center;gap:8px}.group-icon{font-size:20px}.group-title{font-size:16px;font-weight:600}.header-right{display:flex;align-items:center}.dimension-tabs{display:flex;gap:4px;background:#fff3;border-radius:20px;padding:3px}.dimension-tab{padding:6px 12px;border:none;background:transparent;color:#fffc;font-size:12px;border-radius:16px;cursor:pointer;transition:all .2s ease}.dimension-tab.active{background:#fff;color:#3b82f6;font-weight:600}.header-overview{padding-top:8px}.overview-title{font-size:18px;font-weight:600;margin:0 0 4px}.overview-date{font-size:13px;color:#fffc;margin:0}.group-view-content{flex:1;padding:16px 16px 70px;overflow-y:auto}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #3B82F6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card{background:#fff;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px #0000000d}.card-title{font-size:16px;font-weight:600;color:#333;margin:0 0 16px}.chart-container{height:200px;position:relative}.comparison-chart{height:220px}.revenue-summary{display:flex;margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0}.summary-item{flex:1}.summary-divider{width:1px;background:#f0f0f0;margin:0 16px}.summary-label{display:block;font-size:13px;color:#666;margin-bottom:8px}.summary-value-row{display:flex;align-items:baseline;gap:8px}.summary-value{font-size:20px;font-weight:600;color:#333}.growth-rate{font-size:12px;font-weight:500}.growth-rate.positive{color:#10b981}.growth-rate.negative{color:#ef4444}.metrics-card .metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric-item{padding:16px 12px;border-radius:10px;display:flex;flex-direction:column}.revenue-metric{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.margin-metric{background:linear-gradient(135deg,#fef3c7,#fde68a)}.cost-metric{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.metric-label{font-size:12px;color:#666;margin-bottom:8px}.metric-value{font-size:18px;font-weight:700;color:#333;margin-bottom:4px}.metric-growth{font-size:11px;font-weight:500}.metric-growth.positive{color:#10b981}.metric-growth.negative{color:#ef4444}.ranking-tabs{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px}.ranking-tabs::-webkit-scrollbar{display:none}.ranking-tab{flex-shrink:0;padding:8px 16px;border:1px solid #e0e0e0;background:#fff;color:#666;font-size:13px;border-radius:20px;cursor:pointer;transition:all .2s ease}.ranking-tab.active{background:#3b82f6;border-color:#3b82f6;color:#fff;font-weight:500}.ranking-list{min-height:120px}.ranking-items{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.ranking-items::-webkit-scrollbar{display:none}.ranking-item{flex:0 0 auto;min-width:110px;padding:12px;background:#f9fafb;border-radius:10px;display:flex;flex-direction:column;align-items:flex-start}.ranking-number{font-size:24px;font-weight:700;margin-bottom:8px}.rank-1{color:#3b82f6}.rank-2{color:#6b7280}.rank-3{color:#9ca3af}.ranking-info{display:flex;flex-direction:column}.ranking-name{font-size:13px;color:#333;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:90px}.ranking-value{font-size:14px;font-weight:600;color:#333}.no-data{display:flex;align-items:center;justify-content:center;height:100px;color:#999;font-size:14px}.group-view-empty{text-align:center;padding:40px 20px}.group-view-empty .empty-icon{font-size:64px;margin-bottom:16px}.group-view-empty .empty-text{color:#999;font-size:16px}.loss-analysis-card{margin-top:8px}.card-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.loss-dimension-tabs{display:flex;align-items:center;gap:4px}.loss-dimension-text{font-size:13px;color:#666;cursor:pointer;transition:all .2s}.loss-dimension-text.active{color:#333;font-weight:600}.loss-dimension-tabs .divider{font-size:12px;color:#ccc;cursor:default}.store-selector{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding-bottom:8px}.store-selector::-webkit-scrollbar{display:none}.store-tab{flex-shrink:0;padding:6px 14px;border-radius:20px;background:#f0f2f5;color:#666;font-size:12px;border:none;cursor:pointer;transition:all .2s}.store-tab.active{background:#3b82f6;color:#fff;box-shadow:0 2px 6px #3b82f64d}.loss-top-list{display:flex;flex-direction:column;gap:12px}.list-subtitle{font-size:14px;font-weight:600;color:#333;margin:0 0 4px}.loss-section{display:flex;flex-direction:column;gap:12px}.no-data.small{height:60px}.loss-item-card{padding:12px 16px;border-radius:10px;display:flex;flex-direction:column;gap:6px}.loss-item-high{background:#fff1f2}.loss-item-medium{background:#fffbeb}.loss-item-low{background:#f0fdf4}.loss-item-name{font-size:15px;font-weight:600;color:#333}.loss-item-details{display:flex;align-items:center;gap:8px;font-size:12px;color:#666;flex-wrap:wrap}.detail-divider{color:#ddd}.reason-analysis-card{margin-top:8px}.donut-chart-container{padding:10px 0;display:flex;flex-direction:column;align-items:center;width:100%}.chart-wrapper{height:180px;width:100%;position:relative}.chart-wrapper canvas{width:100%!important;height:100%!important}.chart-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column}.center-value{font-size:24px;font-weight:700;color:#333;line-height:1}.center-label{font-size:12px;color:#999;margin-top:4px}.reason-legend{margin-top:24px;display:flex;flex-direction:column;gap:12px;width:100%;max-width:240px}.legend-item{display:flex;align-items:center;justify-content:space-between}.legend-left{display:flex;align-items:center;gap:10px}.legend-color{width:10px;height:10px;border-radius:50%}.legend-name{font-size:13px;color:#666}.legend-value{font-size:13px;font-weight:600;color:#333}.loading-container.small{padding:30px 0}.loading-container.small .loading-spinner{width:24px;height:24px;border-width:2px}@media (max-width: 360px){.dimension-tab{padding:5px 8px;font-size:11px}.metric-value{font-size:16px}.ranking-item{min-width:100px;padding:10px}}.supplier-list-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f5f5f5}.supplier-list-header{background:#1677ff;padding:12px 20px 20px;color:#fff}.supplier-list-back-arrow{font-size:20px;color:#fff;cursor:pointer;margin-bottom:2px;width:fit-content}.supplier-list-title{font-size:28px;font-weight:700;margin:0 0 8px}.supplier-list-store-name{font-size:16px;opacity:.9}.supplier-list-tabs{display:flex;background-color:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:10}.supplier-tab{flex:1;text-align:center;padding:16px 8px;font-size:15px;color:#666;cursor:pointer;position:relative;transition:color .3s;white-space:nowrap}.supplier-tab.active{color:#1890ff;font-weight:500}.supplier-tab.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:3px;background-color:#1890ff;border-radius:2px}.tab-count{margin-left:2px}.supplier-list-content{flex:1;padding:16px 16px 100px;overflow-y:auto}.order-list,.supplier-management-list{display:flex;flex-direction:column;gap:12px}.order-card{background-color:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000f}.order-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.order-code{font-size:18px;font-weight:600;color:#333}.order-status{padding:4px 12px;border-radius:4px;font-size:13px}.order-status.status-1{background-color:#fff7e6;color:#fa8c16}.order-status.status-2{background-color:#e6f7ff;color:#1890ff}.order-status.status-3{background-color:#fff1f0;color:#ff4d4f}.order-status.status-4{background-color:#f6ffed;color:#52c41a}.order-status.status-5{background-color:#f0f0f0;color:#666}.order-card-info{margin-bottom:12px}.order-time{font-size:14px;color:#999;margin-bottom:4px}.order-summary{font-size:14px;color:#666}.order-card-tags{display:flex;flex-wrap:wrap;gap:8px}.supplier-tag{padding:4px 12px;background-color:#e6f7ff;color:#1890ff;border-radius:4px;font-size:13px}.supplier-list-footer{position:fixed;bottom:0;left:0;right:0;display:flex;background-color:#fff;border-top:1px solid #eee;padding:12px 0;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.footer-action-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;cursor:pointer;transition:opacity .3s}.footer-action-btn:active{opacity:.7}.action-icon{font-size:28px;margin-bottom:4px}.action-text{font-size:13px;color:#333}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#999}.empty-state-icon{font-size:48px;margin-bottom:16px}.empty-state-text{font-size:14px}.material-order-page{display:flex;flex-direction:column;min-height:100vh;background-color:#f5f5f5}.material-order-header{background:#1677ff;padding:40px 20px 20px;color:#fff}.material-order-title{font-size:24px;font-weight:700;margin:0}.category-tabs-container{background-color:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:10}.category-tabs{display:flex;overflow-x:auto;padding:12px 16px;gap:12px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{flex-shrink:0;padding:8px 20px;border-radius:20px;font-size:14px;color:#666;background-color:#f5f5f5;cursor:pointer;transition:all .3s;white-space:nowrap}.category-tab.active{background-color:#1890ff;color:#fff}.category-tab:active{opacity:.8}.category-loading{padding:12px 16px;color:#999;font-size:14px}.material-order-content{flex:1;padding:16px 16px 140px;overflow-y:auto}.loading-state{text-align:center;padding:40px 20px;color:#999;font-size:14px}.product-list{display:flex;flex-direction:column;gap:12px}.product-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.product-card-header{display:flex;align-items:center;padding:16px;cursor:pointer;transition:background-color .2s}.product-card-header:active{background-color:#f9f9f9}.product-expand-arrow{width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-right:12px}.arrow-icon{font-size:10px;color:#999;transition:transform .3s}.arrow-icon.expanded{transform:rotate(180deg)}.product-info{flex:1;min-width:0}.product-name{font-size:16px;font-weight:600;color:#333;margin-bottom:6px}.product-meta{margin-bottom:4px}.supplier-tag{display:inline-block;padding:2px 8px;background-color:#f0f0f0;color:#666;border-radius:4px;font-size:12px}.product-stock{font-size:13px;color:#999}.product-quantity-control,.ingredient-quantity-control{display:flex;align-items:center;gap:8px}.quantity-btn{width:32px;height:32px;border:1px solid #e0e0e0;border-radius:6px;background-color:#fff;color:#666;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.quantity-btn:active{background-color:#f0f0f0}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-btn.minus{color:#999}.quantity-btn.plus{color:#1890ff;border-color:#1890ff}.quantity-value{min-width:32px;text-align:center;font-size:16px;font-weight:500;color:#333}.ingredient-list{background-color:#fafafa;border-top:1px solid #f0f0f0;padding:8px 16px}.ingredient-loading,.no-ingredients{padding:16px;text-align:center;color:#999;font-size:13px}.ingredient-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.ingredient-item:last-child{border-bottom:none}.ingredient-checkbox{width:22px;height:22px;border:2px solid #d9d9d9;border-radius:4px;margin-right:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.ingredient-checkbox.checked{background-color:#1890ff;border-color:#1890ff}.check-icon{color:#fff;font-size:14px;font-weight:700}.ingredient-info{flex:1;min-width:0}.ingredient-name{font-size:15px;color:#333;margin-bottom:4px}.ingredient-meta{margin-bottom:2px}.ingredient-supplier,.ingredient-stock{font-size:12px;color:#999}.ingredient-price-info{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.ingredient-price-info .supply-price,.ingredient-price-info .avg-price{font-size:12px;color:#ff6b00;background-color:#fff7e6;padding:2px 6px;border-radius:4px}.ingredient-price-info .avg-price{color:#1890ff;background-color:#e6f7ff}.selected-count{position:fixed;bottom:80px;left:16px;right:16px;background-color:#fff;padding:12px 16px;border-radius:8px;box-shadow:0 -2px 10px #0000001a;font-size:14px;color:#666;z-index:100}.count-number{font-size:18px;font-weight:600;color:#1890ff;margin:0 4px}.material-order-footer{position:fixed;bottom:0;left:0;right:0;display:flex;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));background-color:#fff;border-top:1px solid #eee;gap:12px;z-index:100}.back-btn{flex:0 0 auto;padding:12px 24px;background-color:#f5f5f5;border:none;border-radius:8px;font-size:15px;color:#666;cursor:pointer;transition:all .2s}.back-btn:active{background-color:#e8e8e8}.confirm-order-btn{flex:1;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;font-size:15px;color:#fff;font-weight:500;cursor:pointer;transition:all .2s}.confirm-order-btn:active{opacity:.9}.order-detail-page{display:flex;flex-direction:column;min-height:100vh;background-color:#f5f5f5}.order-detail-header{background:#1677ff;padding:40px 20px 20px;color:#fff}.order-detail-title{font-size:14px;opacity:.9;margin:0 0 8px}.order-detail-code{font-size:22px;font-weight:700;margin:0 0 8px}.order-detail-time{font-size:14px;opacity:.8}.order-detail-content{flex:1;padding:16px 16px 100px}.order-overview-card{background-color:#fff;border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 2px 8px #0000000f}.order-overview-title{font-size:16px;font-weight:600;color:#333;margin:0 0 16px}.order-overview-stats{display:flex;gap:32px}.order-stat-item{display:flex;flex-direction:column}.order-stat-label{font-size:13px;color:#999;margin-bottom:4px}.order-stat-value{font-size:18px;font-weight:600;color:#333}.order-stat-value .value-number{color:#1890ff}.order-supplier-card{background-color:#fff;border-radius:12px;margin-bottom:16px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.order-supplier-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #f0f0f0}.supplier-header-left{display:flex;align-items:center;gap:12px}.supplier-header-name{font-size:16px;font-weight:600;color:#333}.supplier-header-count{font-size:13px;color:#1890ff;background-color:#e6f7ff;padding:2px 8px;border-radius:10px}.order-status-tag{padding:4px 12px;border-radius:4px;font-size:12px}.order-status-tag.status-1{background-color:#fff7e6;color:#fa8c16}.order-status-tag.status-2{background-color:#e6f7ff;color:#1890ff}.order-status-tag.status-3{background-color:#fff1f0;color:#ff4d4f}.order-status-tag.status-4{background-color:#f6ffed;color:#52c41a}.order-status-tag.status-5{background-color:#f0f0f0;color:#666}.order-material-list{padding:0 16px}.order-material-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f5f5f5}.order-material-item:last-child{border-bottom:none}.order-material-name{font-size:15px;color:#333}.order-material-quantity{font-size:15px;color:#1890ff;font-weight:500}.order-supplier-actions{display:flex;padding:12px 16px;gap:12px;border-top:1px solid #f0f0f0}.supplier-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff;font-size:14px;color:#666;cursor:pointer;transition:all .2s}.supplier-action-btn:active{background-color:#f5f5f5}.supplier-action-btn.primary{background-color:#1890ff;border-color:#1890ff;color:#fff}.supplier-action-btn.primary:active{background-color:#096dd9}.order-detail-footer{position:fixed;bottom:0;left:0;right:0;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));background-color:#fff;border-top:1px solid #eee;z-index:100}.order-detail-back-btn{width:100%;padding:12px;background-color:#f5f5f5;border:none;border-radius:8px;font-size:15px;color:#666;cursor:pointer;transition:all .2s}.order-detail-back-btn:active{background-color:#e8e8e8}.supplier-management-header{margin-bottom:16px}.create-supplier-btn{width:100%;padding:14px;background:#1677ff;border:none;border-radius:8px;font-size:16px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s}.create-supplier-btn:active{opacity:.9}.supplier-management-card{background-color:#fff;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 2px 8px #0000000f}.supplier-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.supplier-card-name{font-size:18px;font-weight:600;color:#333}.supplier-status-tag{padding:4px 12px;border-radius:4px;font-size:13px}.supplier-status-tag.active{background-color:#e6f7ff;color:#1890ff}.supplier-status-tag.inactive{background-color:#f5f5f5;color:#999}.supplier-card-info{margin-bottom:16px}.supplier-info-row{display:flex;margin-bottom:8px;font-size:14px}.supplier-info-row:last-child{margin-bottom:0}.supplier-info-label{color:#999;min-width:56px}.supplier-info-value{color:#333;flex:1;word-break:break-all}.supplier-card-actions{display:flex;gap:12px}.supplier-edit-btn{flex:1;padding:12px;background-color:#1890ff;border:none;border-radius:8px;font-size:15px;color:#fff;cursor:pointer;transition:all .2s}.supplier-edit-btn:active{background-color:#096dd9}.supplier-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.supplier-modal{background-color:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.supplier-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0}.supplier-modal-title{font-size:18px;font-weight:600;color:#333;margin:0}.supplier-modal-close{width:32px;height:32px;border:none;background:none;font-size:24px;color:#999;cursor:pointer;display:flex;align-items:center;justify-content:center}.supplier-modal-body{padding:20px;overflow-y:auto;flex:1}.supplier-form-group{margin-bottom:16px}.supplier-form-group:last-child{margin-bottom:0}.supplier-form-label{display:block;font-size:14px;color:#333;margin-bottom:8px}.supplier-form-label .required{color:#ff4d4f;margin-left:4px}.supplier-form-input{width:100%;padding:12px;border:1px solid #d9d9d9;border-radius:8px;font-size:15px;color:#333;transition:border-color .2s;box-sizing:border-box}.supplier-form-input:focus{outline:none;border-color:#1890ff}.supplier-form-input::placeholder{color:#bfbfbf}.supplier-form-textarea{width:100%;padding:12px;border:1px solid #d9d9d9;border-radius:8px;font-size:15px;color:#333;transition:border-color .2s;box-sizing:border-box;resize:vertical;font-family:inherit}.supplier-form-textarea:focus{outline:none;border-color:#1890ff}.supplier-form-textarea::placeholder{color:#bfbfbf}.supplier-status-toggle{display:flex;gap:12px}.status-option{flex:1;padding:10px;border:1px solid #d9d9d9;border-radius:8px;background-color:#fff;font-size:14px;color:#666;cursor:pointer;transition:all .2s}.status-option.active{background-color:#e6f7ff;border-color:#1890ff;color:#1890ff}.supplier-modal-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #f0f0f0}.supplier-modal-cancel{flex:1;padding:12px;border:1px solid #d9d9d9;border-radius:8px;background-color:#fff;font-size:15px;color:#666;cursor:pointer;transition:all .2s}.supplier-modal-cancel:active{background-color:#f5f5f5}.supplier-modal-submit{flex:1;padding:12px;border:none;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);font-size:15px;color:#fff;cursor:pointer;transition:all .2s}.supplier-modal-submit:active{opacity:.9}.supplier-modal-submit:disabled{opacity:.6;cursor:not-allowed}.share-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:flex-end;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.share-modal{width:100%;max-width:500px;background-color:#fff;border-radius:16px 16px 0 0;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.share-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0}.share-modal-title{font-size:17px;font-weight:600;color:#333;margin:0}.share-modal-close{width:28px;height:28px;border:none;background-color:#f0f0f0;border-radius:50%;font-size:18px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.share-modal-close:active{background-color:#e0e0e0}.share-modal-body{padding:20px}.share-url-display{margin-bottom:20px}.share-url-input{width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;background-color:#f8f8f8;font-size:14px;color:#666;box-sizing:border-box;outline:none}.share-options{display:flex;gap:12px}.share-option-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 16px;border:1px solid #e0e0e0;border-radius:12px;background-color:#fff;font-size:14px;font-weight:500;color:#333;cursor:pointer;transition:all .2s}.share-option-btn:active{transform:scale(.98);background-color:#f8f8f8}.share-option-btn.copy-link{background-color:#f0f7ff;border-color:#1890ff;color:#1890ff}.share-option-btn.copy-link:active{background-color:#e6f0ff}.share-option-btn.share-wechat{background-color:#f0fff4;border-color:#07c160;color:#07c160}.share-option-btn.share-wechat:active{background-color:#e6ffec}.wechat-icon{font-size:24px}.supplier-purchase-detail-page{display:flex;flex-direction:column;min-height:100vh;background-color:#f5f5f5}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;color:#666}.back-btn{padding:8px 24px;background-color:#1890ff;color:#fff;border:none;border-radius:6px;cursor:pointer}.spd-header{background:#1677ff;padding:40px 20px 24px;color:#fff}.spd-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.spd-shipping-order-btn{padding:6px 20px;background-color:#fff;color:#333;border:2px solid #fff;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.spd-shipping-order-btn:active{background-color:#f0f0f0}.spd-header-title{font-size:14px;opacity:.9}.spd-status-tag{padding:4px 12px;border-radius:20px;font-size:12px;background-color:#fff3}.spd-status-tag.status-1{background-color:#fa8c164d}.spd-status-tag.status-2{background-color:#1890ff4d}.spd-status-tag.status-3{background-color:#ff4d4f4d}.spd-status-tag.status-4{background-color:#52c41a4d}.spd-status-tag.status-5{background-color:#fff3}.spd-supplier-name{font-size:14px;opacity:.9;margin-bottom:4px}.spd-order-code{font-size:24px;font-weight:700;margin:0 0 8px;color:gold}.spd-order-time{font-size:14px;opacity:.8}.spd-content{flex:1;padding:16px 16px 100px}.spd-card{background-color:#fff;border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 2px 8px #0000000f}.spd-card-header{display:flex;justify-content:space-between;align-items:center}.spd-card-title{font-size:16px;font-weight:600;color:#333;margin:0 0 16px}.spd-material-count{font-size:14px;color:#999;margin-bottom:16px}.spd-info-row{display:flex;justify-content:flex-start;align-items:flex-start;padding:10px 0;border-bottom:1px solid #f5f5f5}.spd-info-row:last-child{border-bottom:none;padding-bottom:0}.spd-info-row:first-of-type{padding-top:0}.spd-info-label{width:80px;flex-shrink:0;font-size:14px;color:#999}.spd-info-value{flex:1;font-size:14px;color:#333}.spd-material-list{margin-top:-8px}.spd-material-item{padding:16px 0;border-bottom:1px solid #f5f5f5}.spd-material-item:last-child{border-bottom:none;padding-bottom:0}.spd-material-name{font-size:15px;font-weight:500;color:#333;margin-bottom:12px}.spd-material-quantities{display:flex;flex-direction:column;gap:8px}.spd-quantity-row{display:flex;align-items:center;gap:8px;padding-left:16px}.spd-quantity-label{font-size:14px;color:#666;width:70px}.spd-quantity-value{font-size:14px;color:#333}.spd-quantity-control{display:flex;align-items:center;gap:2px}.spd-quantity-btn{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:1px solid #d9d9d9;border-radius:3px;background-color:#fff;font-size:12px;color:#666;cursor:pointer;transition:all .2s}.spd-quantity-btn:active{background-color:#f5f5f5;border-color:#1890ff;color:#1890ff}.spd-quantity-input{min-width:22px;text-align:center;font-size:13px;font-weight:500;color:#333}.spd-quantity-unit{font-size:14px;color:#666;margin-left:4px}.spd-quantity-invalid{border:1px solid #ff4d4f;border-radius:4px;background-color:#fff2f0}.spd-quantity-input-invalid{color:#ff4d4f!important;font-weight:700!important}.spd-quantity-warning{color:#ff4d4f;font-size:12px;margin-top:4px;margin-left:auto}.spd-timeline{position:relative;padding-left:20px}.spd-timeline-item{position:relative;padding-bottom:24px;padding-left:20px}.spd-timeline-item:last-child{padding-bottom:0}.spd-timeline-item:before{content:"";position:absolute;left:-15px;top:12px;bottom:-12px;width:2px;background-color:#e8e8e8}.spd-timeline-item:last-child:before{display:none}.spd-timeline-item.completed:before{background-color:#52c41a}.spd-timeline-dot{position:absolute;left:-20px;top:4px;width:12px;height:12px;border-radius:50%;background-color:#e8e8e8;border:2px solid #fff;box-shadow:0 0 0 2px #e8e8e8}.spd-timeline-item.completed .spd-timeline-dot{background-color:#52c41a;box-shadow:0 0 0 2px #52c41a}.spd-timeline-content{display:flex;flex-direction:column}.spd-timeline-time{font-size:14px;color:#999;margin-bottom:4px}.spd-timeline-item.completed .spd-timeline-time{color:#333}.spd-timeline-text{font-size:14px;color:#999}.spd-timeline-item.completed .spd-timeline-text{color:#333;font-weight:500}.spd-reject-remark{margin-bottom:16px;padding:12px 16px;background-color:#fff;border-radius:12px;border-left:3px solid #ff4d4f;box-shadow:0 2px 8px #0000000f}.spd-reject-remark-label{font-size:14px;color:#ff4d4f;font-weight:500}.spd-reject-remark-content{font-size:14px;color:#666;margin-left:8px}.spd-reject-card{border-left:4px solid #ff4d4f}.spd-footer{position:fixed;bottom:0;left:0;right:0;display:flex;gap:12px;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));background-color:#fff;border-top:1px solid #eee;z-index:100}.spd-back-btn{flex:0 0 auto;padding:12px 20px;background-color:#f5f5f5;border:none;border-radius:8px;font-size:15px;color:#666;cursor:pointer;transition:all .2s}.spd-back-btn:active{background-color:#e8e8e8}.spd-action-btn{flex:1;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;font-size:15px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s}.spd-action-btn:active{opacity:.9}.spd-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:200}.spd-modal{background-color:#fff;border-radius:12px;padding:24px;width:80%;max-width:320px}.spd-modal-title{font-size:18px;font-weight:600;color:#333;text-align:center;margin:0 0 20px}.spd-modal-textarea{width:100%;min-height:120px;padding:12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;color:#333;resize:none;box-sizing:border-box;font-family:inherit}.spd-modal-textarea::placeholder{color:#999}.spd-modal-textarea:focus{outline:none;border-color:#667eea}.spd-modal-confirm-btn{width:100%;margin-top:20px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;font-size:16px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s}.spd-modal-confirm-btn:active{opacity:.9}.spd-modal-confirm-btn:disabled{background:#ccc;cursor:not-allowed}.spd-modal-header{margin-bottom:16px}.spd-modal-header h3{font-size:18px;font-weight:600;color:#333;margin:0;text-align:center}.spd-modal-content{margin-bottom:20px}.spd-modal-content p{font-size:14px;color:#666;margin:0;text-align:center;line-height:1.6}.spd-modal-label{text-align:left!important;margin-bottom:12px!important;color:#333!important}.spd-modal-footer{display:flex;gap:12px}.spd-modal-btn{flex:1;padding:12px 16px;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.spd-modal-btn:disabled{opacity:.6;cursor:not-allowed}.spd-modal-btn-cancel{background-color:#f5f5f5;color:#666}.spd-modal-btn-cancel:active:not(:disabled){background-color:#e8e8e8}.spd-modal-btn-confirm{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.spd-modal-btn-confirm:active:not(:disabled){opacity:.9}.spd-modal-btn-reject{background-color:#ff4d4f;color:#fff}.spd-modal-btn-reject:active:not(:disabled){background-color:#ff7875}.spd-success-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000bf;color:#fff;padding:16px 24px;border-radius:8px;font-size:15px;z-index:300;animation:fadeInOut 3s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}85%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.spd-action-btn:disabled{opacity:.6;cursor:not-allowed}.spd-action-btn-feedback{flex:1;padding:12px 20px;background:#e0e0e0;border:none;border-radius:8px;font-size:15px;font-weight:500;color:#666;cursor:pointer;transition:all .2s}.spd-action-btn-feedback:active{background-color:#d0d0d0}.spd-action-btn-feedback:disabled{opacity:.6;cursor:not-allowed}.shipping-order-page{min-height:100vh;background-color:#f5f5f5}.shipping-order-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px;color:#666}.shipping-order-navbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));background-color:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:100}.shipping-order-navbar-title{font-size:17px;font-weight:600;color:#333}.shipping-order-back-link,.shipping-order-print-btn{background:none;border:none;font-size:15px;color:#1890ff;cursor:pointer;padding:4px 8px}.shipping-order-print-btn:active,.shipping-order-back-link:active{opacity:.7}.shipping-order-content{padding:16px}.shipping-order-paper{background-color:#fff;border-radius:8px;padding:32px 24px;box-shadow:0 2px 12px #00000014;max-width:800px;margin:0 auto}.shipping-order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.shipping-order-doc-title{font-size:22px;font-weight:700;color:#333;margin:0}.shipping-order-header-info{text-align:right}.shipping-order-header-row{font-size:13px;color:#555;line-height:1.8}.shipping-order-divider{height:1px;background:linear-gradient(to right,#333,#333);margin-bottom:20px}.shipping-order-section{margin-bottom:20px}.shipping-order-section-title{font-size:15px;font-weight:600;color:#333;margin:0 0 10px}.shipping-order-info-item{font-size:13px;color:#555;line-height:1.8;padding-left:8px}.shipping-order-table{width:100%;border-collapse:collapse;margin-top:8px;font-size:13px}.shipping-order-table thead tr{border-bottom:1px solid #333}.shipping-order-table th{padding:8px 6px;text-align:left;font-weight:600;color:#333;font-size:13px}.shipping-order-table td{padding:10px 6px;color:#333;border-bottom:1px solid #eee;font-size:13px}.shipping-order-table tbody tr:last-child td{border-bottom:1px solid #333}.col-name{width:30%}.col-unit,.col-qty{width:15%;text-align:center}.col-price,.col-amount{width:20%;text-align:right}.shipping-order-table th.col-unit,.shipping-order-table td.col-unit,.shipping-order-table th.col-qty,.shipping-order-table td.col-qty{text-align:center}.shipping-order-table th.col-price,.shipping-order-table td.col-price,.shipping-order-table th.col-amount,.shipping-order-table td.col-amount{text-align:right}.shipping-order-totals{margin-top:16px;padding-right:6px}.shipping-order-total-row{display:flex;justify-content:flex-end;align-items:center;line-height:2}.shipping-order-total-label{font-size:14px;color:#555}.shipping-order-total-value{font-size:14px;font-weight:600;color:#333;min-width:80px;text-align:right}.shipping-order-total-value.total-final{font-size:15px;font-weight:700}.shipping-order-signatures{display:flex;justify-content:space-between;margin-top:40px;padding-top:20px}.shipping-order-date-row{display:flex;justify-content:space-between;margin-top:20px}.shipping-order-sign-block{display:flex;align-items:baseline;width:45%}.shipping-order-sign-label{font-size:13px;color:#333;white-space:nowrap}.shipping-order-sign-line{flex:1;border-bottom:1px solid #ccc;margin-left:8px;min-width:60px;height:1px}@media print{.no-print{display:none!important}@page{size:A4;margin:15mm 12mm}html,body{margin:0;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}.shipping-order-page{min-height:auto;background-color:#fff}.shipping-order-content{padding:0}.shipping-order-paper{box-shadow:none;border-radius:0;padding:0;max-width:100%}.shipping-order-doc-title{font-size:20pt}.shipping-order-header-row{font-size:10pt}.shipping-order-section-title{font-size:12pt}.shipping-order-info-item,.shipping-order-table{font-size:10pt}.shipping-order-table th,.shipping-order-table td{font-size:10pt;padding:6px 4px}.shipping-order-total-label,.shipping-order-total-value{font-size:11pt}.shipping-order-total-value.total-final{font-size:12pt}.shipping-order-sign-label{font-size:10pt}.shipping-order-table tr,.shipping-order-signatures,.shipping-order-date-row{page-break-inside:avoid}}.supply-management-container{display:flex;flex-direction:column;min-height:100vh;background-color:#f5f7fa;padding:0 16px}.supply-management-header{border-bottom:1px solid #e8e8e8;background:#1677ff;margin:0 -16px;padding:20px 16px}.supply-management-title{font-size:20px;font-weight:600;color:#fff;margin:0}.supply-management-content{flex:1;padding:20px 0;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.supply-management-loading,.supply-management-error{display:flex;align-items:center;justify-content:center;min-height:200px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f}.supply-management-loading p,.supply-management-error p{color:#999;font-size:16px}.supply-management-error p{color:#ff4d4f}.supply-management-config-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;overflow:hidden;margin-bottom:16px}.config-section-title{padding:12px 16px;font-size:14px;color:#999;background-color:#fafafa;border-bottom:1px solid #f0f0f0}.config-item{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #f0f0f0}.config-item:last-child{border-bottom:none}.config-item-no-border{border-bottom:none}.config-item-info{flex:1;margin-right:16px}.config-item-label{font-size:16px;font-weight:500;color:#333;margin-bottom:4px}.config-item-desc{font-size:13px;color:#999}.config-item-control{flex-shrink:0}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px;cursor:pointer}.toggle-switch.disabled{opacity:.6;cursor:not-allowed}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background-color:#e0e0e0;border-radius:28px;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.order-stats-container{display:flex;gap:16px;margin-bottom:16px}.stat-card{flex:1;background-color:#fff;border-radius:8px;padding:20px 16px;text-align:center;box-shadow:0 2px 8px #0000000f}.stat-number{font-size:32px;font-weight:600;margin-bottom:8px}.stat-number.pending{color:#f5a623}.stat-number.history{color:#667eea}.stat-label{font-size:14px;color:#666}.order-list-section{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.order-item{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}.order-item:active{transform:scale(.98);box-shadow:0 1px 4px #0000001a}.order-item-header{padding:12px 16px 8px;border-bottom:1px solid #f0f0f0}.order-section-title{font-size:14px;font-weight:500;color:#333}.order-item-content{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.order-item-info{flex:1;min-width:0}.order-store-name{font-size:15px;font-weight:500;color:#333;margin-bottom:4px}.order-meta{font-size:12px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-status-tag{flex-shrink:0;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;margin-left:12px}.order-status-tag.status-pending{background-color:#fff7e6;color:#f5a623}.order-status-tag.status-rejected{background-color:#fff1f0;color:#ff4d4f}.order-status-tag.status-shipped{background-color:#e6f7ff;color:#1890ff}.order-status-tag.status-received{background-color:#f6ffed;color:#52c41a}.no-orders-hint{display:flex;align-items:center;justify-content:center;min-height:120px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f}.no-orders-hint p{color:#999;font-size:14px}