@font-face{font-family:HarmonyOS_Sans;src:url(/assets/HarmonyOS_Sans_Medium-CON-sWCv.ttf) format("truetype")}body{font-family:HarmonyOS_Sans,sans-serif}.login-container{display:flex;height:100vh;justify-content:center;align-items:center;background:#f0f2f5}.login-form{padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;width:320px;transition:transform .3s ease-in-out}.login-form:hover{transform:scale(1.02)}.login-title{text-align:center;font-size:1.8rem;margin-bottom:1.5rem}.login-input{width:calc(100% - 20px);padding:10px;border-radius:8px;border:1px solid #ccc;margin-bottom:1rem;display:block;margin-left:auto;margin-right:auto;transition:border-color .3s ease-in-out}.login-input:focus{border-color:#1890ff;outline:none}.login-button{width:100%;padding:10px;border-radius:8px;border:none;background:#1890ff;color:#fff;cursor:pointer;transition:transform .2s ease-in-out,background .3s}.login-button:hover{background:#40a9ff;transform:scale(1.01)}@font-face{font-family:HarmonyOS_Sans;src:url(/assets/HarmonyOS_Sans_Medium-CON-sWCv.ttf) format("truetype")}.navbar{position:fixed;top:20px;left:20px;right:20px;background:#1890ff;color:#fff;padding:1rem;display:flex;justify-content:space-between;align-items:center;border-radius:12px;box-shadow:0 4px 8px #0003;transition:all .3s ease-in-out;z-index:100;font-family:HarmonyOS_Sans,sans-serif}.navbar.scrolled{top:0;left:0;right:0;border-radius:0;padding:.8rem 1rem;box-shadow:0 2px 4px #0000001a}.navbar-main{display:flex;align-items:center;flex-grow:1}.navbar-title{font-size:1.5rem;font-weight:700;margin-right:40px;color:#fff}.navbar-tabs{display:flex;gap:20px}.navbar-tab{cursor:pointer;padding:8px 12px;border-radius:6px;transition:background .3s ease;color:#fff;text-decoration:none}.navbar-tab:hover{background:#ffffff26}.navbar-tab.active{background:#ffffff59}.navbar-actions{display:flex;gap:15px;margin-left:auto}.navbar-button{padding:8px 16px;font-size:1rem;border:none;border-radius:8px;background:#fff;color:#1890ff;cursor:pointer;transition:all .3s ease}.navbar-button:hover{background:#40a9ff;color:#fff}.navbar-logout{background:#f5222d;color:#fff}.navbar-changepassword-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;justify-content:center;align-items:center;z-index:101}.navbar-changepassword-modal-content{background:#fff;padding:2rem;border-radius:12px;width:320px;box-shadow:0 4px 10px #0000001a;z-index:102}.input-wrapper{position:relative;margin-bottom:1rem}.navbar-changepassword-input-field{width:calc(100% - 20px);padding:10px;border-radius:8px;border:1px solid #ccc;margin-bottom:1rem;display:block;margin-left:auto;margin-right:auto;transition:border-color .3s ease-in-out;font-size:1rem}.navbar-changepassword-input-field:focus{border-color:#1890ff;outline:none}.input-wrapper label{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#999;pointer-events:none;transition:all .2s ease-in-out;font-size:1rem}.input-wrapper input:focus+label,.input-wrapper input:not(:placeholder-shown)+label{top:-10px;left:10px;font-size:.75rem;color:#1890ff;background:#fff;padding:0 5px;transform:translateY(0)}.navbar-changepassword-modal-actions{display:flex;justify-content:space-between;margin-top:10px;gap:8px}.navbar-changepassword-cancel-button{flex:0 0 90px;padding:.75rem;background:#ff4d4f;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .3s}.navbar-changepassword-confirm-button{padding:.75rem;border-radius:8px;border:none;cursor:pointer;transition:transform .2s ease,background .3s ease;flex:1;background:#1890ff;color:#fff}.navbar-changepassword-cancel-button:hover{background:#ff7875}.navbar-changepassword-confirm-button:hover{background:#40a9ff}.navbar-changepassword-modal-overlay.fade-in{animation:fadeIn .3s ease-in-out forwards}.navbar-changepassword-modal-overlay.fade-out{animation:fadeOut .3s ease-in-out forwards}.navbar-changepassword-modal-content.scale-in{animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1) forwards}.navbar-changepassword-modal-content.scale-out{animation:scaleOut .3s cubic-bezier(.34,-.56,.64,1) forwards}@keyframes scaleOut{0%{opacity:1}to{opacity:0}}@font-face{font-family:HarmonyOS_Sans;src:url(/assets/HarmonyOS_Sans_Medium-CON-sWCv.ttf) format("truetype")}.dashboard-container{display:flex;flex-direction:column;height:100vh;background:#f0f2f5}.content-area{margin-top:120px;padding:2rem;flex:1}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;justify-content:center;align-items:center;z-index:101}.modal-content{background:#fff;padding:2rem;border-radius:12px;width:320px;box-shadow:0 4px 10px #0000001a;z-index:102}.input-group{margin-bottom:1rem}.input-field{width:calc(100% - 20px);padding:10px;border-radius:8px;border:1px solid #ccc;margin-bottom:1rem;display:block;margin-left:auto;margin-right:auto;transition:border-color .3s ease-in-out}.input-field:focus{border-color:#1890ff;outline:none}.modal-actions{display:flex;justify-content:flex-end}.cancel-button,.confirm-button{padding:.5rem 1rem;border-radius:8px;border:none;cursor:pointer;transition:transform .2s ease,background .3s ease}.cancel-button{background:#f5222d;color:#fff;margin-right:1rem}.confirm-button{background:#1890ff;color:#fff}.cancel-button:hover,.confirm-button:hover{transform:scale(1.05)}.error-message{color:red;margin-bottom:1rem;text-align:center}.message-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);min-width:300px;max-width:500px;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;z-index:6000;animation:slideUp .3s ease-out forwards}.message-toast.message-toast-success{background:#f0f9eb;border:1px solid #b7eb8f;color:#52c41a}.message-toast.message-toast-error{background:#fff1f0;border:1px solid #ffa39e;color:#f5222d}.message-toast-icon{margin-right:10px;font-size:16px;font-weight:700}.message-toast-text{flex-grow:1;font-size:14px}.message-toast-close{background:none;border:none;font-size:16px;cursor:pointer;padding:0 5px;color:#666}.message-toast-close:hover{color:#333}.message-toast.slide-down{animation:slideDown .3s ease-out forwards}@font-face{font-family:HarmonyOS_Sans;src:url(/assets/HarmonyOS_Sans_Medium-CON-sWCv.ttf) format("truetype")}.menu-management-body{font-family:HarmonyOS_Sans,sans-serif;margin:0;padding:0}.dashboard-container{display:flex;flex-direction:column;min-height:100vh;background:#f0f2f5}.menu-management-content-area{margin-top:5%;padding:2rem;flex:1;background:#f0f2f5}.menu-management-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;justify-content:center;align-items:center;z-index:101}.menu-management-modal-content{max-width:1200px;width:90%;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 0 15px #0000001a}.menu-management-input-group{margin-bottom:1rem}.menu-management-input-field{width:calc(100% - 20px);padding:10px;border-radius:8px;border:1px solid #ccc;margin-bottom:1rem;display:block;margin-left:auto;margin-right:auto;transition:border-color .3s ease-in-out}.menu-management-input-field:focus{border-color:#1890ff;outline:none}.menu-management-input-field,.menu-management-tag-editor,.menu-management-image-grid{width:100%}.menu-management-modal-actions{display:flex;justify-content:flex-end}.menu-management-cancel-button,.menu-management-confirm-button{padding:.5rem 1rem;border-radius:8px;border:none;cursor:pointer;transition:transform .2s ease,background .3s ease}.menu-management-cancel-button{background:#f5222d;color:#fff;margin-right:1rem}.menu-management-confirm-button{background:#1890ff;color:#fff}.menu-management-cancel-button:hover,.menu-management-confirm-button:hover{transform:scale(1.05)}.menu-management-error-message{color:red;margin-bottom:1rem;text-align:center}.menu-management-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.menu-management-loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #1890ff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:1rem}.menu-management-category-section{margin-bottom:3rem}.menu-management-category-title{color:#333;border-left:4px solid #1890ff;padding-left:1rem;margin:2rem 0}.menu-management-dishes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;padding:0 1rem}.menu-management-no-dishes{grid-column:1 / -1;text-align:center;padding:2rem;color:#666;font-size:1.2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.menu-management-dish-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s}.menu-management-dish-card:hover{transform:translateY(-4px)}.menu-management-image-switcher{position:relative;background:#f8f9fa;aspect-ratio:1/1;overflow:hidden}.menu-management-image-container{position:relative;width:100%;height:100%}.menu-management-switch-button{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;z-index:2;display:none}.menu-management-image-switcher:hover .menu-management-switch-button{display:block}.menu-management-switch-button.left{left:10px}.menu-management-switch-button.right{right:10px}.menu-management-dish-image{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease-in-out}.menu-management-dish-image.active{opacity:1}.menu-management-placeholder-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#666;background:#f0f2f5}.menu-management-dish-info{padding:1rem}.menu-management-dish-info h4{margin:0 0 .5rem;font-size:1.1rem}.menu-management-price-stock{margin:.5rem 0;font-size:.9rem}.menu-management-optional-methods{display:flex;flex-wrap:wrap;gap:.5rem}.menu-management-method-tag{background:#f0f2f5;padding:4px 12px;border-radius:20px;font-size:.9em;color:#333}.menu-management-edit-button:hover{background:#40a9ff}.menu-management-edit-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.menu-management-edit-modal-content{background:#fff;padding:2rem;border-radius:12px;width:90%;max-width:600px;position:relative;box-shadow:0 0 15px #0000001a}.menu-management-close-button{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;background:#f5222d;color:#fff;border:none;border-radius:6px;cursor:pointer}.menu-management-category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.menu-management-category-actions{display:flex;gap:.5rem}.menu-management-edit-category-button,.menu-management-delete-category-button{padding:.25rem .75rem;border-radius:8px;border:none;cursor:pointer;transition:all .2s}.menu-management-edit-category-button{background:#1890ff;color:#fff}.menu-management-delete-category-button{background:#ff4d4f;color:#fff}.menu-management-display-status{font-size:.8em;color:#666;margin-left:.5rem}.menu-management-checkbox-group{display:flex;align-items:center;gap:.5rem}.menu-management-checkbox-group input[type=checkbox]{width:16px;height:16px}.menu-management-confirm-button.danger{background:#ff4d4f}.menu-management-add-dish-button{padding:.5rem 1rem;border-radius:8px;border:none;cursor:pointer;background:#1890ff;color:#fff;transition:background .3s ease}.menu-management-add-dish-button:hover{background:#40a9ff}.menu-management-edit-button{padding:.75rem;border-radius:8px;border:none;cursor:pointer;transition:transform .2s ease,background .3s ease;flex:1;background:#1890ff;color:#fff}.menu-management-image-selection-buttons{display:flex;gap:10px;justify-content:space-between}.menu-management-image-selection-button{flex:1;min-width:100px;padding:10px;text-align:center}.menu-management-image-selection-button{padding:10px 20px;border-radius:8px;background:#1890ff;color:#fff;border:none;cursor:pointer;transition:background .3s;width:120px}.menu-management-image-selection-button:hover{background:#40a9ff}.menu-management-tag-editor .menu-management-tag-list{display:flex;gap:10px;flex-wrap:wrap}.menu-management-tag-editor .menu-management-tag{background:#f0f2f5;padding:5px 12px;border-radius:20px;font-size:.9em;color:#333;position:relative;display:inline-block}.menu-management-tag-editor .menu-management-tag:after{content:"";opacity:0}.menu-management-tag-editor input.menu-management-input-field{width:calc(100% - 20px);margin-left:auto;margin-right:auto}.menu-management-input-field:invalid{border-color:#ff4d4f}.menu-management-input-field:valid{border-color:#1890ff}.menu-management-image-preview-container{flex:1;position:relative;aspect-ratio:1/1}.menu-management-delete-image-button{position:absolute;top:5px;right:5px;width:24px;height:24px;background:#ff4d4f;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:16px;line-height:24px;text-align:center;transition:background .3s}.menu-management-delete-image-button:hover{background:#ff7875}.menu-management-dish-preview-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.menu-management-image-previews{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.menu-management-dish-actions{display:flex;gap:8px;padding:0 1rem 1rem}.menu-management-delete-dish-button{flex:0 0 80px;padding:.75rem;background:#ff4d4f;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .3s}.menu-management-delete-dish-button:hover{background:#ff7875}.menu-management-category-header-container{display:flex;align-items:center;gap:20px;margin-bottom:1rem;margin-top:2rem}.menu-management-create-category-button{padding:8px 16px;background:#52c41a;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .3s}.menu-management-create-category-button:hover{background:#73d13d}.menu-management-modal-overlay.fade-in{animation:fadeIn .3s ease-in-out forwards}.menu-management-modal-overlay.fade-out{animation:fadeOut .3s ease-in-out forwards}.menu-management-modal-content.scale-in{animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1) forwards}.menu-management-modal-content.scale-out{animation:scaleOut .3s cubic-bezier(.34,-.56,.64,1) forwards}.menu-management-original-price{text-decoration:line-through;color:#888;margin-right:8px;font-size:.9em}.menu-management-discount-price{color:#e53935;font-weight:700}.menu-management-image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:10px;min-width:0}.menu-management-image-upload-box{position:relative;width:100%;padding-bottom:100%;background-color:#f5f5f5;border-radius:8px;cursor:pointer;overflow:hidden}.menu-management-image-upload-box:hover .menu-management-image-overlay{opacity:1}.menu-management-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.menu-management-plus-icon{font-size:24px;color:#666;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.menu-management-image-upload-box img+.menu-management-image-overlay .menu-management-plus-icon{color:#fff;font-weight:700;font-size:28px;text-shadow:0 0 3px rgba(0,0,0,.5)}.menu-management-upload-loader-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#fff9;border-radius:8px;animation:fadeIn .3s ease}.menu-management-upload-loader{width:30px;height:30px;border:3px solid rgba(24,144,255,.3);border-radius:50%;border-top-color:#1890ff;animation:spin 1s linear infinite}.menu-management-form-two-columns{display:flex;gap:20px;margin-bottom:20px;width:100%}.menu-management-form-column.left-column{padding-right:20px;padding-left:10px;flex:1;min-width:0;max-width:50%}.menu-management-form-column.right-column{padding-left:20px;padding-right:10px;flex:1;min-width:0;max-width:50%}.menu-management-form-divider{width:2px;background-color:#f0f0f0;margin:0}.menu-management-form-footer{display:flex;justify-content:space-between;margin-top:20px;border-top:1px solid #f0f0f0;padding-top:20px;gap:8px}.menu-management-form-footer .menu-management-cancel-button{flex:1;background:#ff4d4f;color:#fff;border:none;border-radius:8px;padding:.75rem;cursor:pointer;transition:background .3s;order:2;margin-right:0}.menu-management-form-footer .menu-management-confirm-button{flex:2;background:#1890ff;color:#fff;border:none;border-radius:8px;padding:.75rem;cursor:pointer;transition:background .3s;order:1}.menu-management-form-footer .menu-management-confirm-button.danger{background:#ff4d4f}.menu-management-form-footer .menu-management-cancel-button:hover{background:#ff7875;transform:none}.menu-management-form-footer .menu-management-confirm-button:hover{background:#40a9ff;transform:none}.menu-management-form-footer .menu-management-confirm-button.danger:hover{background:#ff7875}.menu-management-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:99}.menu-management-loading-overlay.exiting{animation:fadeOut .3s ease-out forwards}.menu-management-windows11-loader{width:48px;height:48px;position:relative;display:inline-block}.menu-management-windows11-loader:before{content:"";box-sizing:border-box;position:absolute;width:48px;height:48px;border-radius:50%;border:4px solid transparent;border-top-color:#1890ff;animation:spin 1.2s ease-in-out infinite}.menu-management-windows11-loader:after{content:"";box-sizing:border-box;position:absolute;width:48px;height:48px;border-radius:50%;border:4px solid transparent;border-top-color:#40a9ff;animation:spin 1.2s ease-in-out infinite reverse;animation-delay:.1s}.qr-code-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.qr-code-container{display:flex;justify-content:center;align-items:center;margin:24px 0;min-height:300px}.qr-code-image{max-width:300px;max-height:300px;border-radius:12px;box-shadow:0 2px 8px #0000001a;object-fit:contain}.no-qr-code{display:flex;justify-content:center;align-items:center;width:300px;height:300px;background:#f5f5f5;border-radius:12px;color:#999;font-size:16px}.qr-code-actions{display:flex;flex-direction:column;align-items:center;margin-top:16px}.upload-button{background:#1890ff;color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;transition:background .3s,transform .2s;border:none;font-size:14px;display:inline-block;text-align:center}.upload-button:hover{background:#40a9ff;transform:scale(1.05)}.success-message{margin-top:16px;color:#52c41a;font-size:14px;animation:fadeIn .3s ease-in-out}.error-message{margin-top:16px;color:#f5222d;font-size:14px;animation:fadeIn .3s ease-in-out}.qr-code-tips{margin-top:24px;color:#888;font-size:14px;text-align:center}.modal-message{margin:0 0 16px;font-size:14px;color:#f5222d}.form-group input[type=password]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box;transition:border-color .3s}.form-group input[type=password]:focus{border-color:#1890ff;outline:none}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}@font-face{font-family:HarmonyOS_Sans;src:url(/assets/HarmonyOS_Sans_Medium-CON-sWCv.ttf) format("truetype")}body{font-family:HarmonyOS_Sans,sans-serif;margin:0;padding:0}.ordermanagement-dashboard-container{display:flex;flex-direction:column;min-height:100vh}.ordermanagement-content-area{margin-top:5%;padding:2rem;flex:1}.ordermanagement-orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}.ordermanagement-order-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s}.ordermanagement-order-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.ordermanagement-order-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8f9fa;border-bottom:1px solid #eee}.ordermanagement-order-id{font-weight:700;color:#333}.ordermanagement-order-status{padding:4px 12px;border-radius:20px;font-size:.9em;font-weight:500}.ordermanagement-status-0{background:#ffe58f;color:#d48806}.ordermanagement-status-1{background:#b7eb8f;color:#389e0d}.ordermanagement-status-2{background:#91d5ff;color:#096dd9}.ordermanagement-status-3{background:#ffccc7;color:#cf1322}.ordermanagement-order-details{padding:1rem;display:flex;flex-direction:column;gap:1rem}.ordermanagement-order-info{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;font-size:.9rem;color:#666}.ordermanagement-order-total{grid-column:1 / -1;font-weight:700;font-size:1.1rem;color:#333;margin-top:.5rem}.ordermanagement-order-items{margin-top:.5rem}.ordermanagement-order-items h4{margin:0 0 .5rem;color:#333}.ordermanagement-checkout-content{display:flex;flex-direction:column;gap:0px;margin:0 auto}.ordermanagement-dish-card{display:flex;gap:12px;margin-bottom:15px;background:#fff;border-radius:8px;padding:12px;box-shadow:0 2px 8px #0000001a;align-items:center}.ordermanagement-dish-card:hover{transform:translateY(-2px)}.ordermanagement-image-container{width:100px;height:100px;flex-shrink:0;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.ordermanagement-dish-image{width:100%;height:100%;object-fit:cover;transition:opacity .3s;flex-shrink:0}.ordermanagement-dish-image.ordermanagement-fade-out{opacity:0}.ordermanagement-dish-image.ordermanagement-fade-in{opacity:1}.ordermanagement-dish-info{flex:1;min-width:0}.ordermanagement-dish-name{margin:0;color:#333;font-size:1.1em}.ordermanagement-note-section,.ordermanagement-optional-methods-section{display:flex;align-items:baseline;gap:4px;color:#666;font-size:.9em}.ordermanagement-note-section p{margin:0;display:inline}.ordermanagement-optional-methods-section{display:flex;align-items:baseline;gap:0px}.ordermanagement-methods-list,.ordermanagement-method-item{display:inline}.ordermanagement-payment-image{padding:1rem;text-align:center;border-top:1px solid #eee}.ordermanagement-view-payment-button{padding:8px 16px;background:#1890ff;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s;font-size:14px}.ordermanagement-view-payment-button:hover{background:#40a9ff;transform:scale(1.05)}.ordermanagement-image-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:2000}.ordermanagement-image-preview-container{position:relative;max-width:90%;max-height:90%}.ordermanagement-preview-image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:4px}.ordermanagement-close-preview{position:absolute;top:-40px;right:-40px;background:transparent;border:none;color:#fff;font-size:30px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s}.ordermanagement-close-preview:hover{background:#fff3}.ordermanagement-loading-dish-card{padding:12px;background:#f9f9f9;border-radius:8px;text-align:center;color:#999;margin-bottom:15px}.ordermanagement-order-actions{display:flex;gap:1rem;padding:1rem;border-top:1px solid #eee}.ordermanagement-edit-button,.ordermanagement-delete-button{flex:1;padding:.75rem;border-radius:8px;border:none;cursor:pointer;transition:background .3s;font-weight:500}.ordermanagement-edit-button{background:#1890ff;color:#fff}.ordermanagement-edit-button:hover{background:#40a9ff}.ordermanagement-delete-button{background:#ff4d4f;color:#fff}.ordermanagement-delete-button:hover{background:#ff7875}.ordermanagement-pagination{display:flex;justify-content:center;align-items:center;margin-top:2rem;gap:1rem;padding:1rem 0}.ordermanagement-page-button{padding:.6rem 1.2rem;border:1px solid #d9d9d9;background:#fff;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease}.ordermanagement-page-button:hover:not(:disabled){border-color:#1890ff;color:#1890ff;background:#f0f9ff}.ordermanagement-page-button:disabled{color:#d9d9d9;cursor:not-allowed;background:#f5f5f5}.ordermanagement-page-numbers{display:flex;gap:.5rem}.ordermanagement-page-number{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #d9d9d9;background:#fff;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease}.ordermanagement-page-number:hover{border-color:#1890ff;color:#1890ff;background:#f0f9ff}.ordermanagement-page-number.ordermanagement-active{background:#1890ff;color:#fff;border-color:#1890ff;font-weight:700}.ordermanagement-total-orders{font-size:14px;color:#666;margin-left:1rem}.ordermanagement-ellipsis{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.ordermanagement-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.ordermanagement-modal-content{background:#fff;padding:2rem;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 12px #00000026}.ordermanagement-modal-content h3{margin-top:0;color:#333}.ordermanagement-form-group select.ordermanagement-form-control{width:100%;padding:.75rem 24px .75rem 12px;border:1px solid #d9d9d9;border-radius:8px;background:#fff;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24"><path fill="%23666" d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 12px center;background-size:12px;box-sizing:border-box}.ordermanagement-form-group select.ordermanagement-form-control:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.ordermanagement-form-group{margin-bottom:1.5rem;width:100%}.ordermanagement-form-group label{display:block;margin-bottom:.5rem;color:#666;font-size:.9rem}.ordermanagement-form-control{width:calc(100% - 24px);padding:.75rem 12px;border:1px solid #d9d9d9;border-radius:8px;transition:border-color .3s;font-size:14px}.ordermanagement-form-control:focus{border-color:#1890ff;outline:none;box-shadow:0 0 0 2px #1890ff33}.ordermanagement-form-control:disabled{background:#f5f5f5;cursor:not-allowed}.ordermanagement-cart-data-editor{background:#f9f9f9;border-radius:8px;padding:1rem}.ordermanagement-cart-table{margin-bottom:1rem;display:flex;align-items:center;gap:10px}.ordermanagement-cart-table label{min-width:50px;margin-bottom:0;color:#666;font-size:.9rem}.ordermanagement-cart-table input{flex:1;margin-bottom:0}.ordermanagement-cart-items h4{margin-top:0;margin-bottom:1rem;color:#333}.ordermanagement-cart-item{background:#fff;border-radius:8px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a}.ordermanagement-item-row{margin-bottom:.75rem;display:flex;align-items:center;gap:10px}.ordermanagement-item-row label{min-width:80px;margin-bottom:0;color:#666;font-size:.9rem}.ordermanagement-item-row input,.ordermanagement-item-row .ordermanagement-optional-methods-selector{flex:1;min-width:0}.ordermanagement-optional-methods-selector{display:flex;flex-wrap:wrap;gap:10px;padding:10px;background:#f5f5f5;border-radius:8px;margin-left:0;width:100%;box-sizing:border-box}.ordermanagement-method-option{margin-bottom:5px}.ordermanagement-checkbox-container{display:flex;align-items:center;cursor:pointer;flex:0 0 auto}.ordermanagement-checkbox-container input{margin-right:8px;width:16px;height:16px}.ordermanagement-checkbox-label{font-size:14px;color:#333}.ordermanagement-delete-item-button{background:#ff4d4f;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;cursor:pointer;transition:background .3s;margin-top:.5rem}.ordermanagement-delete-item-button:hover{background:#ff7875}.ordermanagement-modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.ordermanagement-cancel-button,.ordermanagement-confirm-button{padding:.75rem 1.5rem;border-radius:8px;border:none;cursor:pointer;transition:background .3s;font-weight:500}.ordermanagement-print-button{background-color:#4caf50;padding:6px 12px;border-radius:9px;border:none;cursor:pointer;transition:background .3s,transform .2s;font-size:12px;color:#fff}.ordermanagement-print-button:hover{background:#e8e8e8}.ordermanagement-cancel-button{background:#f5f5f5;color:#333}.ordermanagement-cancel-button:hover{background:#e8e8e8}.ordermanagement-confirm-button{background:#1890ff;color:#fff}.ordermanagement-confirm-button:hover{background:#40a9ff}.ordermanagement-success-message{color:#52c41a;text-align:center;margin-bottom:1rem}.ordermanagement-error-message{color:#ff4d4f;text-align:center;margin-bottom:1rem}.ordermanagement-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.ordermanagement-loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #1890ff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:1rem}.ordermanagement-delivery-info{display:flex;flex-direction:column;gap:10px;margin-top:10px}.ordermanagement-delivery-info label{font-weight:700}.ordermanagement-delivery-info textarea{min-height:80px;resize:vertical}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.ordermanagement-orders-grid,.ordermanagement-order-info{grid-template-columns:1fr}.ordermanagement-modal-content{width:95%;padding:1.5rem}.ordermanagement-close-preview{top:10px;right:10px;background:#00000080}.ordermanagement-image-container{width:80px;height:80px}.ordermanagement-dish-name{font-size:1em}.ordermanagement-price{font-size:1.1em}.ordermanagement-dish-card{padding:10px;gap:10px}.ordermanagement-item-row{flex-direction:column;align-items:flex-start;gap:5px}.ordermanagement-item-row label{min-width:0}.ordermanagement-item-row input,.ordermanagement-item-row .ordermanagement-optional-methods-selector{width:100%}.ordermanagement-cart-table{flex-direction:column;align-items:flex-start;gap:5px}.ordermanagement-cart-table label{min-width:0}.ordermanagement-cart-table input{width:100%}}.ordermanagement-message-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);min-width:300px;max-width:500px;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;z-index:6000}.ordermanagement-message-toast.success{background:#f0f9eb;border:1px solid #b7eb8f;color:#52c41a}.ordermanagement-message-toast.error{background:#fff1f0;border:1px solid #ffa39e;color:#f5222d}.ordermanagement-message-icon{margin-right:10px;font-size:16px;font-weight:700}.ordermanagement-message-text{flex-grow:1;font-size:14px}.ordermanagement-message-close{background:none;border:none;font-size:16px;cursor:pointer;padding:0 5px;color:#666}.ordermanagement-message-close:hover{color:#333}@keyframes ordermanagement-slideUp{0%{transform:translate(-50%) translateY(100px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes ordermanagement-slideDown{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(100px);opacity:0}}.ordermanagement-message-toast.entering{animation:ordermanagement-slideUp .3s ease-out forwards}.ordermanagement-message-toast.exiting{animation:ordermanagement-slideDown .3s ease-out forwards}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:24px;border-radius:12px;width:400px;max-width:90%;box-shadow:0 4px 12px #00000026}.form-control{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box;transition:border-color .3s}.form-control:focus{border-color:#1890ff;outline:none}.action-button{padding:6px 12px;border-radius:6px;border:none;cursor:pointer;transition:background .3s,transform .2s;font-size:12px}.success-message{color:#52c41a;text-align:center;margin-bottom:1rem}.error-message{color:#ff4d4f;text-align:center;margin-bottom:1rem}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:1;transition:opacity .2s ease}.loading-overlay.exiting{opacity:0}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ordermanagement-no-orders{text-align:center;padding:20px;font-size:18px;color:#666}.ordermanagement-price-section{display:flex;align-items:baseline;gap:8px}.ordermanagement-price{color:#1890ff;font-size:1.2em;font-weight:700}.ordermanagement-discount-price{color:#ff4d4f;font-size:1em;margin-left:8px}.ordermanagement-unit{color:#666;font-size:.9em}.ordermanagement-price-display{display:flex;align-items:baseline;gap:8px;font-size:14px;color:#333}.ordermanagement-price-display span:first-child{color:#1890ff;font-weight:700}.ordermanagement-price-display span:nth-child(2){color:#ff4d4f}@font-face{font-family:HarmonyOS_Sans;src:url(/assets/HarmonyOS_Sans_Medium-CON-sWCv.ttf) format("truetype")}.user-list-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;position:relative}.user-table{width:100%;border-collapse:collapse;font-size:14px}.user-table th,.user-table td{padding:12px;text-align:left;border-bottom:1px solid #f0f0f0}.user-table th{background:#fafafa;font-weight:600;color:#333}.user-table tr:hover{background:#f5f5f5;transition:background .2s}.action-button{padding:6px 12px;border-radius:6px;border:none;cursor:pointer;transition:background .3s,transform .2s;margin-right:8px;font-size:12px}.action-button.edit{background:#1890ff;color:#fff}.action-button.edit:hover{background:#40a9ff;transform:scale(1.05)}.action-button.delete{background:#f5222d;color:#fff}.action-button.delete:hover{background:#ff4d4f;transform:scale(1.05)}.no-users{display:flex;justify-content:center;align-items:center;height:200px;background:#f5f5f5;border-radius:12px;color:#999;font-size:16px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-in-out forwards}.modal-content{background:#fff;padding:24px;border-radius:12px;width:400px;max-width:90%;box-shadow:0 4px 12px #00000026;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1) forwards}.modal-overlay.fade-in{animation:fadeIn .3s ease-in-out forwards}.modal-overlay.fade-out{animation:fadeOut .3s ease-in-out forwards}.modal-content.scale-in{animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1) forwards}.modal-content.scale-out{animation:scaleOut .3s cubic-bezier(.34,-.56,.64,1) forwards}.modal-content h3{margin:0 0 20px;font-size:18px;color:#333}.form-group{margin-bottom:16px;width:100%}.form-group label{display:block;margin-bottom:6px;font-size:14px;color:#666}.checkbox-group{display:flex;align-items:center;margin-bottom:16px}.checkbox-label{display:flex;align-items:center;font-size:14px;color:#666;cursor:pointer}.form-group input[type=text],.form-group input[type=password]{width:100%;padding:8px 12px;margin:0;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box;transition:border-color .3s}.form-group input[type=text]:focus,.form-group input[type=password]:focus{border-color:#1890ff;outline:none}.form-group input[type=checkbox]{width:16px;height:16px;margin-left:8px;margin-right:0;vertical-align:middle;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid #ddd;border-radius:4px;position:relative;background:#fff;transition:all .2s}.form-group input[type=checkbox]:checked{background:#1890ff;border-color:#1890ff}.form-group input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.form-group input[type=checkbox]:hover:not(:checked){border-color:#40a9ff}.custom-checkbox{width:16px;height:16px;margin-right:8px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #ddd;border-radius:4px;position:relative;background:#fff;transition:all .2s}.custom-checkbox:checked{background:#1890ff;border-color:#1890ff}.custom-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px;margin-bottom:0}.page-button{padding:6px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:14px;transition:background .3s,color .3s}.page-button:hover{background:#f5f5f5}.page-button.active{background:#1890ff;color:#fff;border-color:#1890ff}.page-button:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.page-info{margin-left:12px;font-size:14px;color:#666}.message-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);min-width:300px;max-width:500px;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;z-index:6000}.message-toast.success{background:#f0f9eb;border:1px solid #b7eb8f;color:#52c41a}.message-toast.error{background:#fff1f0;border:1px solid #ffa39e;color:#f5222d}.message-icon{margin-right:10px;font-size:16px;font-weight:700}.message-text{flex-grow:1;font-size:14px}.message-close{background:none;border:none;font-size:16px;cursor:pointer;padding:0 5px;color:#666}.message-close:hover{color:#333}@keyframes slideUp{0%{transform:translate(-50%) translateY(100px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(100px);opacity:0}}.message-toast.entering{animation:slideUp .3s ease-out forwards}.message-toast.exiting{animation:slideDown .3s ease-out forwards}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:99}.loading-overlay.exiting{animation:fadeOut .3s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.windows11-loader{width:48px;height:48px;position:relative;display:inline-block}.windows11-loader:before{content:"";box-sizing:border-box;position:absolute;width:48px;height:48px;border-radius:50%;border:4px solid transparent;border-top-color:#1890ff;animation:spin 1.2s ease-in-out infinite}.windows11-loader:after{content:"";box-sizing:border-box;position:absolute;width:48px;height:48px;border-radius:50%;border:4px solid transparent;border-top-color:#40a9ff;animation:spin 1.2s ease-in-out infinite reverse;animation-delay:.1s}@keyframes spin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.loading-spinner{display:none}.checkbox-wrapper{margin-bottom:1rem;padding:0 10px}.checkbox-wrapper .checkbox-label{display:flex;align-items:center;justify-content:space-between;font-size:1rem;color:#666;cursor:pointer}.checkbox-wrapper input[type=checkbox]{width:18px;height:18px;margin-left:10px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid #ddd;border-radius:4px;position:relative;background:#fff;transition:all .2s}.checkbox-wrapper input[type=checkbox]:checked{background:#1890ff;border-color:#1890ff}.checkbox-wrapper input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.checkbox-wrapper input[type=checkbox]:hover:not(:checked){border-color:#40a9ff}
