@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}.bg-circle{position:absolute;border-radius:50%;background:#ffffff1a;animation:float 6s ease-in-out infinite}.bg-circle-1{width:300px;height:300px;top:-100px;right:-100px;animation-delay:0s}.bg-circle-2{width:200px;height:200px;bottom:-50px;left:-50px;animation-delay:2s}.bg-circle-3{width:150px;height:150px;top:50%;left:10%;animation-delay:4s}.login-container{display:flex;max-width:900px;width:100%;background:#fff;border-radius:24px;box-shadow:0 25px 80px #0000004d;overflow:hidden;position:relative;z-index:1}.brand-section{flex:1;background:linear-gradient(135deg,#667eea,#764ba2);padding:40px;display:flex;align-items:center;justify-content:center;position:relative}.brand-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.brand-content{position:relative;z-index:1;color:#fff;text-align:center}.brand-icon{font-size:64px;margin-bottom:20px;animation:bounce 2s ease-in-out infinite}.brand-icon .anticon{font-size:64px}.brand-title{font-size:24px;font-weight:700;margin:0 0 10px;line-height:1.3;color:#fff}.brand-subtitle{font-size:14px;opacity:.9;margin:0 0 30px}.brand-features{text-align:left;display:inline-block}.feature-item{font-size:13px;padding:8px 0;opacity:.9;display:flex;align-items:center;gap:8px}.feature-icon{font-size:14px}.login-section{flex:1;padding:50px 40px;display:flex;align-items:center;justify-content:center;background:#fff}.login-card{width:100%;max-width:320px}.login-header{text-align:center;margin-bottom:30px}.login-header h2{font-size:26px;font-weight:700;color:#1a1a2e;margin:0 0 8px}.login-header p{font-size:14px;color:#888;margin:0}.login-form .ant-form-item{margin-bottom:20px}.login-input{height:48px;border-radius:12px!important;border:2px solid #e8e8e8!important;font-size:15px;transition:all .3s!important}.login-input:hover{border-color:#667eea!important}.login-input:focus,.login-input.ant-input-affix-wrapper-focused{border-color:#667eea!important;box-shadow:0 0 0 4px #667eea1a!important}.login-input .ant-input{background:transparent}.login-input .ant-input-prefix{color:#999;margin-right:8px}.login-button{height:48px!important;border-radius:12px!important;font-size:16px!important;font-weight:600!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;box-shadow:0 8px 20px #667eea66!important;transition:all .3s!important}.login-button:hover,.login-button:focus{background:linear-gradient(135deg,#5a6fd6,#6a4190)!important;transform:translateY(-2px);box-shadow:0 12px 28px #667eea80!important}.login-button:active{transform:translateY(0)}.login-form .ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important}.login-form .ant-btn-primary:hover,.login-form .ant-btn-primary:focus{background:linear-gradient(135deg,#5a6fd6,#6a4190)!important}.login-footer{text-align:center;margin-top:30px}.login-footer p{font-size:12px;color:#bbb;margin:0}@media (max-width: 768px){.login-container{flex-direction:column;max-width:400px}.brand-section{padding:30px 20px}.brand-icon,.brand-icon .anticon{font-size:48px}.brand-title{font-size:20px}.brand-features{display:none}.login-section{padding:30px 24px}.login-header h2{font-size:22px}}@media (max-width: 480px){.login-page{padding:10px}.login-container{border-radius:16px}.brand-section{padding:24px 16px}.login-section{padding:24px 20px}}.dashboard-page{padding:16px;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);min-height:100vh}.dashboard-card{border-radius:12px;box-shadow:0 2px 12px #00000014}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding:18px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;box-shadow:0 8px 30px #667eea4d}.dashboard-header .header-left{display:flex;flex-direction:column}.dashboard-header .header-left h1,.dashboard-header .dashboard-title{margin:0 0 6px;font-size:24px;font-weight:700;color:#fff}.dashboard-header .header-left p{margin:0;font-size:13px;color:#fffc}.dashboard-header .header-right{display:flex;gap:10px;align-items:center}.dashboard-header .sync-info{font-size:11px;color:#ffffffb3;text-align:right}.dashboard-tabs .ant-tabs-nav{margin-bottom:16px}.dashboard-tabs .ant-tabs-tab{padding:10px 16px;font-weight:500}.dashboard-tabs .ant-tabs-tab-active{font-weight:600}.data-tabs .ant-tabs-nav{margin-bottom:16px}.data-tabs .ant-tabs-tab{padding:8px 0}.sales-overview{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;padding:24px 32px;margin-bottom:20px;color:#fff;box-shadow:0 8px 30px #667eea4d}.total-card{display:flex;align-items:center;gap:24px}.total-icon{width:64px;height:64px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px}.total-info{flex:1;display:flex;justify-content:space-around}.total-row{display:flex;flex-direction:column;align-items:center}.total-label{font-size:13px;opacity:.85;margin-bottom:6px}.total-value{font-size:28px;font-weight:700;letter-spacing:-.5px}.shop-cards{margin-bottom:20px}.shop-card{border-radius:12px;border:none;box-shadow:0 2px 12px #0000000f;transition:all .3s}.shop-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.shop-card .ant-card-body{padding:16px}.shop-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.shop-icon{font-size:18px}.shop-name{font-size:15px;font-weight:600}.shop-card .ant-statistic-title{font-size:12px;color:#999}.shop-card .ant-statistic-content{font-size:14px}.time-slot-content{padding:16px 0}.date-filter,.time-slots{margin-bottom:20px}.time-slot-card{text-align:center;border-radius:12px;border:none;box-shadow:0 2px 12px #0000000f;transition:all .3s}.time-slot-card:hover{box-shadow:0 4px 16px #0000001a}.time-slot-card .ant-card-body{padding:16px}.time-slot-card .slot-header{font-size:14px;font-weight:600;margin-bottom:6px}.time-slot-card .slot-status{color:#999;font-size:12px}.time-slot-card.lunch .slot-header{color:#fa8c16}.time-slot-card.dinner .slot-header{color:#722ed1}.time-slot-card.duty .slot-header{color:#f5222d}.time-slot-card.fullday .slot-header{color:#1890ff}.detail-table{margin-top:16px;border-radius:12px;overflow:hidden}.detail-table .ant-card-head-title{font-size:14px;font-weight:600}.dashboard-page .ant-table{border-radius:12px;overflow:hidden}.dashboard-page .ant-table-thead>tr>th{background:#fafafa;font-weight:600}@media (max-width: 768px){.dashboard-page{padding:12px}.dashboard-header{flex-direction:column;gap:12px;padding:16px}.dashboard-header .header-left{width:100%}.dashboard-header .header-right{width:100%;justify-content:space-between}.sales-overview{padding:20px}.total-card{flex-direction:column;text-align:center;gap:16px}.total-info{flex-direction:column;gap:12px}.total-value{font-size:24px}}@media (max-width: 576px){.dashboard-page{padding:8px}.dashboard-header{padding:14px 16px;margin-bottom:12px;border-radius:12px}.dashboard-header h1,.dashboard-header .dashboard-title{font-size:18px!important;margin-bottom:4px!important}.dashboard-header p{font-size:12px!important}.sales-overview{padding:16px;border-radius:12px}.total-value{font-size:20px}.total-icon{width:48px;height:48px;font-size:22px}}.sop-editor .ant-card{margin-bottom:16px;border-radius:12px;border:none;box-shadow:0 2px 8px #0000000f}.sop-editor .ant-card-head{border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border-radius:12px 12px 0 0}.sop-editor .ant-card-head-title{font-size:15px;font-weight:600}.sop-editor .ant-card-body{padding:16px}.sop-editor .ant-form-item{margin-bottom:16px}.sop-editor .ant-form-item-label>label{font-weight:500;color:#333}.sop-editor .ant-input,.sop-editor .ant-select-selector,.sop-editor .ant-input-number{border-radius:8px}.sop-editor .ant-list-item{padding:12px 0;border-bottom:1px solid #f0f0f0}.sop-editor .ant-btn{border-radius:8px;font-weight:500}.sop-editor .ant-alert{border-radius:10px;margin-bottom:16px}@media (max-width: 768px){.sop-editor{max-height:65vh;padding:8px}.sop-editor .ant-card{margin-bottom:10px}.sop-editor .ant-card-head{padding:10px 12px;min-height:auto}.sop-editor .ant-card-head-title{font-size:14px}.sop-editor .ant-card-body{padding:10px}.sop-editor .ant-form-item{margin-bottom:10px}.sop-editor .ant-form-item-label{padding-bottom:2px}.sop-editor .ant-form-item-label>label{font-size:13px;height:auto}.sop-editor .ant-input,.sop-editor .ant-select-selector,.sop-editor .ant-input-number{font-size:14px!important}.sop-editor .ant-select-selector{height:36px!important}.sop-editor .ant-list-item{padding:8px 0}.sop-editor .ant-btn{font-size:12px;padding:4px 8px;height:auto}.sop-editor .ant-btn-sm{font-size:11px;padding:2px 6px}.sop-editor .ant-alert{padding:8px 12px;font-size:12px}.sop-editor .ant-alert-message{font-size:13px}.sop-editor .ant-alert-description{font-size:11px}.sop-editor .ant-form-item:last-child{margin-bottom:0;margin-top:12px}.sop-editor .ant-form-item:last-child .ant-btn{height:38px;font-size:14px}.sop-editor .ant-card-small>.ant-card-head{padding:8px 12px}.sop-editor .ant-card-small>.ant-card-body{padding:8px}.sop-editor textarea.ant-input{font-size:13px!important}}.sop-manage-container{width:100%;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:16px}.sop-header{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:20px 24px;margin-bottom:16px;box-shadow:0 8px 32px #0000001a}.sop-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.sop-title{display:flex;align-items:center;gap:12px}.sop-title h2{margin:0;font-size:28px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sop-title-icon{font-size:32px}.sop-actions{display:flex;gap:12px;align-items:center}.sop-actions .ant-input-search{width:280px}.sop-actions .ant-input-search .ant-input{border-radius:10px;border:2px solid #e8e8e8;padding:8px 16px;transition:all .3s ease}.sop-actions .ant-input-search .ant-input:focus,.sop-actions .ant-input-search .ant-input:hover{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.sop-actions .ant-btn{border-radius:10px;height:40px;padding:0 20px;font-weight:500;transition:all .3s ease}.sop-actions .ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 15px #667eea66}.sop-actions .ant-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.sop-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.sop-content{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:24px;box-shadow:0 8px 32px #0000001a}.sop-content .ant-tabs-nav{margin-bottom:20px}.sop-content .ant-tabs-tab{padding:12px 24px;font-size:15px;font-weight:500;color:#666;transition:all .3s ease}.sop-content .ant-tabs-tab:hover{color:#667eea}.sop-content .ant-tabs-tab-active .ant-tabs-tab-btn{color:#667eea!important;font-weight:600}.sop-content .ant-tabs-ink-bar{background:linear-gradient(90deg,#667eea,#764ba2);height:3px;border-radius:2px}.sop-filters{display:flex;gap:16px;align-items:center}.sop-filters .ant-checkbox-wrapper{font-size:14px;color:#666}.sop-filters .ant-checkbox-checked .ant-checkbox-inner{background:#667eea;border-color:#667eea}.sop-content .ant-table{background:transparent}.sop-content .ant-table-thead>tr>th{background:linear-gradient(135deg,#f8f9ff,#f0f2ff);font-weight:600;color:#1a1a2e;border-bottom:2px solid #e8e8e8;padding:16px 12px}.sop-content .ant-table-tbody>tr>td{padding:14px 12px;border-bottom:1px solid #f0f0f0;transition:all .3s ease}.sop-content .ant-table-tbody>tr:hover>td{background:linear-gradient(135deg,#f8f9ff,#fff)}.sop-name{display:flex;align-items:center;gap:8px}.sop-name-text{font-weight:500;color:#1a1a2e}.sop-name .anticon-exclamation-circle{color:#faad14;font-size:14px}.sop-alert{margin-bottom:20px;border-radius:12px;border:none;background:linear-gradient(135deg,#fffbe6,#fff1b8)}.sop-alert .ant-alert-icon{color:#faad14}.sop-content .ant-pagination{margin-top:20px}.sop-content .ant-pagination-item{border-radius:8px;border:1px solid #e8e8e8;transition:all .3s ease}.sop-content .ant-pagination-item:hover,.sop-content .ant-pagination-item-active{border-color:#667eea}.sop-content .ant-pagination-item-active a{color:#667eea}.sop-modal .ant-modal-content{border-radius:20px;overflow:hidden}.sop-modal .ant-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:20px 24px;border:none}.sop-modal .ant-modal-title{color:#fff;font-size:18px;font-weight:600}.sop-modal .ant-modal-close-x{color:#fff}.sop-modal .ant-modal-body{max-height:70vh;overflow-y:auto}.sop-editor{max-height:70vh;overflow-y:auto;padding:16px}.sop-editor .ant-card{margin-bottom:16px}.sop-form-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.sop-form-col{min-width:0}.sop-form-col-full{width:100%}.sop-form-col-half{width:calc(50% - 4px)}.sop-display-container{display:flex;gap:24px;height:calc(100vh - 200px)}.sop-sidebar{width:320px;display:flex;flex-direction:column;gap:16px}.sop-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.sop-list-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border:1px solid #e8e8e8;border-radius:8px;cursor:pointer;transition:all .2s;margin-bottom:8px}.sop-list-item:hover,.sop-list-item:active{background:#f0f7ff;border-color:#1890ff}.sop-list-item.selected{background:#e6f7ff;border-color:#1890ff;box-shadow:0 2px 4px #1890ff33}.sop-list-item-name{font-size:15px;font-weight:500;color:#333;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:12px}.sop-list-item-steps{font-size:12px;color:#999;background:#f5f5f5;padding:2px 8px;border-radius:10px;flex-shrink:0;display:flex;align-items:center}.sop-card{transition:all .3s}.sop-card.selected{border-color:#1890ff;box-shadow:0 2px 8px #1890ff4d}.sop-card h3{margin:0 0 8px;font-size:16px;font-weight:600}.sop-detail h1{margin:0 0 16px;font-size:28px;font-weight:600}.sop-mobile-detail-page{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:1000;display:flex}@media (max-width: 768px){.sop-manage-container{padding:12px}.sop-header{padding:16px;border-radius:16px}.sop-header-top{flex-direction:column;gap:12px;align-items:stretch}.sop-title h2{font-size:22px}.sop-title-icon{font-size:26px}.sop-actions{flex-wrap:wrap;justify-content:center;gap:8px}.sop-actions .ant-input-search{width:100%}.sop-actions .ant-btn{height:36px;padding:0 12px;font-size:13px}.sop-stats{grid-template-columns:repeat(2,1fr);gap:10px}.sop-content{padding:12px;border-radius:16px}.sop-content .ant-table{font-size:12px}.sop-display-container{flex-direction:column;height:auto;gap:12px}.sop-sidebar{width:100%}.sop-list{max-height:none;overflow-y:visible}.sop-detail h1{font-size:20px;margin-bottom:12px}.sop-modal .ant-modal{max-width:calc(100vw - 24px)!important;margin:12px auto!important;padding:0!important;top:20px!important}.sop-modal .ant-modal-content{border-radius:12px!important}.sop-modal .ant-modal-header{padding:12px 16px!important}.sop-modal .ant-modal-title{font-size:15px!important}.sop-modal .ant-modal-body{padding:12px!important;max-height:65vh!important;overflow-y:auto!important}.sop-editor{max-height:65vh;padding:8px}.sop-editor .ant-card{margin-bottom:10px}.sop-editor .ant-card-head{padding:10px 12px;min-height:auto}.sop-editor .ant-card-head-title{font-size:14px}.sop-editor .ant-card-body{padding:10px}.sop-editor .ant-form-item{margin-bottom:10px}.sop-editor .ant-form-item-label{padding-bottom:2px}.sop-editor .ant-form-item-label>label{font-size:13px;height:auto}}@media (max-width: 576px){.sop-manage-container{padding:8px}.sop-header{flex-direction:column!important;gap:12px!important;padding:14px 16px!important;margin-bottom:12px!important;border-radius:12px!important}.sop-content{padding:12px!important;border-radius:12px!important}.sop-list-item{padding:10px 14px}.sop-list-item-name{font-size:14px}}.sop-display-container{display:flex;height:calc(100vh - 64px);background:#f5f7fa;overflow:hidden}.sop-sidebar{width:420px;min-width:420px;background:#fff;border-right:1px solid #e8e8e8;display:flex;flex-direction:column;overflow:hidden}.sop-sidebar .category-section{padding:16px;border-bottom:1px solid #f0f0f0}.sop-sidebar .section-title{margin-bottom:12px;font-size:14px;font-weight:600;color:#333}.sop-sidebar .search-box{padding:16px;border-bottom:1px solid #f0f0f0}.sop-sidebar .search-box .ant-input-affix-wrapper{border-radius:8px;border:1px solid #e8e8e8}.sop-sidebar .search-box .ant-input-affix-wrapper:hover,.sop-sidebar .search-box .ant-input-affix-wrapper:focus-within{border-color:#1890ff}.sop-list{flex:1;overflow-y:auto;padding:8px 0}.sop-list-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;margin:4px 8px;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fafbfc}.sop-list-item:hover{background:#e6f7ff}.sop-list-item.selected{background:#1890ff;color:#fff}.sop-list-item-name{font-size:14px;font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sop-list-item-steps{font-size:12px;color:#999;margin-left:12px;white-space:nowrap}.sop-list-item.selected .sop-list-item-steps{color:#ffffffd9}.sop-content{flex:1;overflow-y:auto;padding:24px;background:#f5f7fa}.sop-content .empty-content{display:flex;justify-content:center;align-items:center;height:100%}.sop-detail{max-width:900px;margin:0 auto}.sop-detail h1{font-size:28px;font-weight:700;color:#1a1a2e;margin-bottom:16px}.sop-detail .sop-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.sop-detail .sop-price-info{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px;background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border-radius:12px}.sop-detail .price-item{font-size:14px;font-weight:600;padding:6px 14px;border-radius:20px}.sop-detail .price-item.cost{background:#fff1f0;color:#cf1322}.sop-detail .price-item.retail{background:#e6f7ff;color:#1890ff;font-size:18px}.sop-detail .price-item.profit{background:#f6ffed;color:#52c41a}.sop-detail .price-item.margin{background:#fff7e6;color:#fa8c16}.materials-card{margin-bottom:24px;border-radius:16px;box-shadow:0 2px 12px #00000014}.materials-card .ant-card-head{border-bottom:1px solid #f0f0f0}.materials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.material-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fafbfc;border-radius:8px}.material-item .material-name{font-size:14px;color:#333}.material-item .material-amount strong{font-size:18px;color:#1890ff}.material-item .material-amount .unit{font-size:12px;color:#999;margin-left:4px}.steps-card{border-radius:16px;box-shadow:0 2px 12px #00000014}.steps-card .ant-card-head{border-bottom:1px solid #f0f0f0}.steps-container{display:flex;flex-direction:column;gap:24px}.step-item{display:flex;gap:16px}.step-number{width:40px;height:40px;min-width:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.step-content{flex:1}.step-description{font-size:15px;line-height:1.8;color:#333;margin-bottom:12px}.step-images,.step-videos{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.sop-mobile-detail-page{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:1000;overflow-y:auto}.mobile-back-button{display:flex;align-items:center;gap:8px;padding:16px;font-size:16px;color:#1890ff;cursor:pointer;position:sticky;top:0;background:#fff;border-bottom:1px solid #f0f0f0;z-index:10}.mobile-detail-content{padding:16px}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh}@media (max-width: 768px){.sop-display-container{flex-direction:column;height:auto;min-height:calc(100vh - 64px)}.sop-sidebar{width:100%;min-width:unset;max-height:none;border-right:none;border-bottom:1px solid #e8e8e8}.sop-sidebar .sop-list{max-height:calc(100vh - 250px)}.sop-content{display:none}.sop-detail h1{font-size:22px}.sop-detail .sop-price-info{flex-direction:column;gap:8px}.materials-grid{grid-template-columns:1fr}.step-item{flex-direction:column;gap:12px}.step-number{width:32px;height:32px;min-width:32px;font-size:14px}}@media (max-width: 576px){.sop-sidebar .category-section,.sop-sidebar .search-box{padding:12px}.sop-list-item{padding:10px 12px;margin:2px 8px}.mobile-detail-content{padding:12px}}.material-manage-container{width:100%}.header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-actions h2{margin:0;font-size:24px;font-weight:600}.stats-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;padding:20px;border-radius:8px;border:1px solid #e8e8e8}.stat-card.warning{background:#fff7e6;border-color:#ffa940}.stat-label{font-size:14px;color:#666;margin-bottom:8px}.stat-value{font-size:24px;font-weight:600;color:#333}.cost-statistics-container{padding:16px;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec)}.cost-statistics-container.loading-state{display:flex;justify-content:center;align-items:center;min-height:400px}.cost-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0 0 24px 24px;padding:20px 24px;margin-bottom:16px;box-shadow:0 8px 32px #667eea4d}.cost-header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.cost-title{display:flex;align-items:center;gap:16px}.cost-title-icon{font-size:40px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.cost-title h2{color:#fff;margin:0;font-size:26px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.cost-subtitle{color:#ffffffd9;margin:4px 0 0;font-size:14px}.cost-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cost-stats .stat-card{background:#fffffff2;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 16px #00000014;transition:all .3s ease}.cost-stats .stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.cost-stats .stat-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.cost-stats .stat-icon.green{background:linear-gradient(135deg,#06d6a0,#118ab2);box-shadow:0 4px 12px #06d6a066}.cost-stats .stat-icon.red{background:linear-gradient(135deg,#ef476f,#d62828);box-shadow:0 4px 12px #ef476f66}.cost-stats .stat-icon.orange{background:linear-gradient(135deg,#f77f00,#d62828);box-shadow:0 4px 12px #f77f0066}.cost-stats .stat-icon.blue{background:linear-gradient(135deg,#4361ee,#3a0ca3);box-shadow:0 4px 12px #4361ee66}.cost-stats .stat-content{flex:1}.cost-stats .stat-value{font-size:26px;font-weight:700;color:#1a1a2e;line-height:1.2}.cost-stats .stat-label{font-size:13px;color:#666;margin-top:4px}.cost-content{padding:0 24px 24px}.cost-card{background:#fff;border-radius:16px;padding:16px;margin-bottom:16px;box-shadow:0 4px 20px #0000000f}.cost-table{border-radius:12px;overflow:hidden}.cost-table .ant-table-thead>tr>th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;padding:14px 16px}.cost-table .ant-table-tbody>tr>td{padding:14px 16px;border-bottom:1px solid #f0f0f0}.cost-table .ant-table-tbody>tr:hover>td{background:#f0f9ff}.cost-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border-radius:8px;padding:12px;margin-bottom:16px}.cost-item{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;flex:1;min-width:80px}.cost-item .label{display:block;font-size:10px;opacity:.8}.cost-item .value{font-size:13px;font-weight:600}.cost-label{font-size:11px;color:#8c8c8c;margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px}.cost-value{font-size:14px;font-weight:600;font-family:DIN Alternate,-apple-system,sans-serif}.cost-value.orange{color:#ff7a45}.cost-value.green{color:#52c41a}.cost-value.blue{color:#1890ff}.cost-price{font-weight:700;font-size:15px;color:#1a1a2e}.cost-text{font-weight:600;color:#1890ff;font-size:14px}.cost-arrow,.cost-divider{color:#d9d9d9;font-size:18px}.cost-summary{background:linear-gradient(135deg,#f8f9ff,#f0f2ff)!important;border-radius:12px!important}.cost-summary .ant-card-body{padding:12px!important}.cost-summary .ant-statistic{text-align:center}.cost-summary .ant-statistic-title{font-size:12px;margin-bottom:4px}.cost-row{display:flex;justify-content:center;align-items:center;gap:16px}.cost-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff26;border-radius:6px}@media (max-width: 768px){.cost-stats{grid-template-columns:repeat(2,1fr)}.cost-header{padding:20px;border-radius:0 0 16px 16px}.cost-title h2{font-size:22px}.cost-title-icon{font-size:32px}.cost-stats{gap:12px}.cost-stats .stat-card{padding:16px}.cost-stats .stat-icon{width:44px;height:44px;font-size:20px}.cost-stats .stat-value{font-size:20px}.cost-content{padding:0 16px 16px}.cost-card{padding:16px;border-radius:12px}.cost-table .ant-table-thead>tr>th,.cost-table .ant-table-tbody>tr>td{padding:10px 12px;font-size:13px}.cost-summary .ant-card-body{padding:8px!important}.cost-summary .ant-statistic-title{font-size:11px!important;margin-bottom:2px!important}.cost-summary .ant-statistic-content,.cost-summary .ant-statistic-content-value{font-size:14px!important}.cost-summary .ant-statistic-content-prefix,.cost-summary .ant-statistic-content-suffix{font-size:12px!important}.cost-value{font-size:15px}.cost-divider{font-size:16px;display:none}}@media (max-width: 576px){.cost-statistics-container{padding:8px!important}.cost-stats{grid-template-columns:1fr}.cost-header-top{flex-direction:column;gap:16px}}.wechat-bot-container{padding:24px;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec)}.wechat-header{background:linear-gradient(135deg,#07c160,#05e36d);border-radius:14px;padding:20px 24px;margin-bottom:16px;box-shadow:0 8px 30px #07c1604d}.wechat-header h2{color:#fff;margin:0;font-size:24px;font-weight:700}.wechat-header p{color:#fffc;margin:8px 0 0;font-size:14px}.wechat-bot-container h2{margin-bottom:24px;font-size:24px;font-weight:700;color:#1a1a2e}.wechat-bot-container .ant-card{border-radius:12px;border:none;box-shadow:0 2px 12px #00000014;margin-bottom:16px}.wechat-bot-container .ant-card-head{border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#f8fff8,#e8f8e8);border-radius:12px 12px 0 0}.time-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.time-list .ant-tag{padding:4px 12px;border-radius:20px;font-size:13px}.bot-status{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500}.bot-status.online{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.bot-status.offline{background:#fff1f0;color:#ff4d4f;border:1px solid #ffa39e}.bot-status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.bot-status.online .bot-status-dot{background:#52c41a}.bot-status.offline .bot-status-dot{background:#ff4d4f}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.wechat-bot-container{padding:12px}.wechat-header{padding:16px}}.menu-editor-new{padding:16px}.menu-editor-new .ant-card{box-shadow:0 2px 8px #0000001a}.menu-editor-new .ant-statistic-title{font-size:14px;color:#666}.menu-editor-new .ant-statistic-content{font-size:24px;font-weight:700}.menu-view-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:24px;border-radius:16px;margin-bottom:20px;color:#fff}.menu-view-header .menu-title{margin:0 0 12px;font-size:20px;font-weight:700;color:#fff}.menu-view-header .menu-header-stats{display:flex;gap:24px;font-size:14px;color:#ffffffe6}.menu-view-header .menu-header-stats span{display:flex;align-items:center;gap:6px}.menu-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.menu-stats-grid .stat-box{background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:16px;text-align:center}.menu-stats-grid .stat-label{font-size:12px;color:#999;margin-bottom:8px}.menu-stats-grid .stat-value{font-size:20px;font-weight:700}.menu-stats-grid .stat-value.blue{color:#1890ff}.menu-stats-grid .stat-value.orange{color:#ff7a45}.menu-stats-grid .stat-value.green{color:#52c41a}.menu-stats-grid .stat-value.red{color:#ff4d4f}.menu-items-table{background:#fff;border-radius:12px;border:1px solid #f0f0f0;overflow:hidden;margin-bottom:20px}.menu-items-table .table-header{display:grid;grid-template-columns:2fr 100px 60px 90px 90px 100px;gap:12px;padding:14px 20px;background:#fafbfc;font-weight:600;font-size:13px;color:#333;border-bottom:2px solid #e8e8e8}.menu-items-table .table-row{display:grid;grid-template-columns:2fr 100px 60px 90px 90px 100px;gap:12px;padding:14px 20px;font-size:13px;color:#333;border-bottom:1px solid #f5f5f5;align-items:center}.menu-items-table .table-row:last-child{border-bottom:none}.menu-items-table .table-row:hover{background:#f8f9ff}.menu-items-table .col-name{font-weight:500}.menu-items-table .col-cat .ant-tag{margin:0;border-radius:6px}.menu-items-table .col-qty{text-align:center;color:#1890ff;font-weight:500}.menu-items-table .col-cost{color:#ff7a45}.menu-items-table .col-price{color:#52c41a}.menu-items-table .col-subtotal{font-weight:600;color:#333;text-align:right}.menu-profit-bar{display:flex;justify-content:space-around;background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border-radius:12px;padding:16px}.menu-profit-bar .profit-item{text-align:center}.menu-profit-bar .profit-item .label{display:block;font-size:12px;color:#666;margin-bottom:6px}.menu-profit-bar .profit-item .value{font-size:18px;font-weight:700}.menu-profit-bar .profit-item .value.orange{color:#ff7a45}.menu-profit-bar .profit-item .value.green{color:#52c41a}.menu-profit-bar .profit-item .value.red{color:#ff4d4f}.menu-view-modal .ant-modal-content{border-radius:20px;overflow:hidden}.menu-view-modal .ant-modal-body{padding:24px;background:#f5f7fa}.menu-view-modal .ant-modal-close{top:12px;right:12px}.menu-view-modal .ant-modal-close-x{width:36px;height:36px;line-height:36px;background:#ffffffe6;border-radius:50%;box-shadow:0 2px 8px #0000001a}@media (max-width: 768px){.menu-stats-grid{grid-template-columns:repeat(2,1fr)}.menu-items-table .table-header,.menu-items-table .table-row{grid-template-columns:1.5fr 80px 50px 70px 70px 80px;gap:8px;padding:12px 16px;font-size:12px}.menu-view-header .menu-header-stats{flex-wrap:wrap;gap:12px}.menu-profit-bar{flex-wrap:wrap;gap:16px}.menu-profit-bar .profit-item{flex:1;min-width:80px}}@media (max-width: 576px){.menu-items-table .table-header,.menu-items-table .table-row{grid-template-columns:1fr 60px 40px 60px;font-size:11px}.menu-items-table .col-price,.menu-items-table .col-subtotal,.menu-items-table .table-header .col-price,.menu-items-table .table-header .col-subtotal{display:none}}.banquet-menu-container{padding:24px;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);min-height:100vh}.banquet-menu-container .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding:24px 32px;background:linear-gradient(135deg,#667eea,#764ba2,#eb2f96);border-radius:20px;box-shadow:0 8px 32px #667eea4d}.banquet-menu-container .header-left{flex:1}.banquet-menu-container .page-title{margin:0 0 8px;font-size:28px;font-weight:700;color:#fff;display:flex;align-items:center}.banquet-menu-container .page-subtitle{margin:0;font-size:14px;color:#ffffffd9}.banquet-menu-container .search-input .ant-input-affix-wrapper{border-radius:25px;border:none;box-shadow:0 2px 8px #00000026}.banquet-menu-container .add-btn{border-radius:25px!important;background:#fff3!important;border:2px solid rgba(255,255,255,.5)!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 16px #00000026!important;transition:all .3s ease!important}.banquet-menu-container .add-btn:hover{background:#ffffff59!important;border-color:#fff!important;transform:translateY(-2px);box-shadow:0 6px 24px #0003!important}.banquet-menu-container .stats-row{margin-bottom:24px}.banquet-menu-container .stat-card{border-radius:16px;border:none;box-shadow:0 4px 16px #00000014;transition:all .3s ease;position:relative;overflow:visible;min-height:120px}.banquet-menu-container .stat-card .ant-statistic-title,.banquet-menu-container .stat-card .stat-title{color:#666!important;font-size:14px!important;margin-bottom:8px!important;display:block!important}.banquet-menu-container .stat-card .ant-statistic-content,.banquet-menu-container .stat-card .stat-value{font-size:28px!important;font-weight:700!important;line-height:1.2!important}.banquet-menu-container .stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.banquet-menu-container .stat-card .ant-card-body{padding:20px!important}.banquet-menu-container .stat-card .stat-icon{position:absolute;top:16px;right:16px;font-size:32px;opacity:.8}.banquet-menu-container .stat-card-blue{background:linear-gradient(135deg,#e6f7ff,#bae7ff)}.banquet-menu-container .stat-card-green{background:linear-gradient(135deg,#f6ffed,#b7eb8f)}.banquet-menu-container .stat-card-orange{background:linear-gradient(135deg,#fff7e6,#ffd591)}.banquet-menu-container .stat-card-purple{background:linear-gradient(135deg,#f9f0ff,#d3adf7)}.banquet-menu-container .menu-card{border-radius:16px!important;border:none!important;box-shadow:0 4px 16px #00000014!important;transition:all .3s ease!important;overflow:hidden!important;height:100%;cursor:pointer}.banquet-menu-container .menu-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000026!important}.banquet-menu-container .menu-card .ant-card-body{padding:0!important}.banquet-menu-container .menu-card .menu-card-header{padding:20px!important;background:linear-gradient(135deg,#667eea,#764ba2)!important}.banquet-menu-container .menu-card .menu-title-section{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;margin-bottom:16px!important}.banquet-menu-container .menu-card .menu-title{margin:0!important;font-size:18px!important;font-weight:600!important;color:#fff!important;flex:1;line-height:1.4}.banquet-menu-container .menu-card .menu-badge{padding:4px 12px!important;border-radius:20px!important;font-size:12px!important;font-weight:600!important;color:#fff!important;white-space:nowrap}.banquet-menu-container .menu-card .menu-price-section{display:flex!important;align-items:center!important;background:#ffffff26!important;border-radius:12px!important;padding:12px 16px!important}.banquet-menu-container .menu-card .menu-price-section .price-item{flex:1;text-align:center}.banquet-menu-container .menu-card .menu-price-section .price-label{display:block;font-size:12px!important;color:#fffc!important;margin-bottom:4px}.banquet-menu-container .menu-card .menu-price-section .price-value{font-size:20px!important;font-weight:700!important}.banquet-menu-container .menu-card .menu-price-section .price-value.primary{color:#fff!important}.banquet-menu-container .menu-card .menu-price-section .price-value.green{color:#b7eb8f!important}.banquet-menu-container .menu-card .menu-price-section .price-divider{width:1px;height:40px;background:#ffffff4d!important;margin:0 16px}.banquet-menu-container .menu-card .menu-info-bar{display:flex!important;justify-content:space-around!important;padding:16px 20px!important;background:#fff!important;border-bottom:1px solid #f0f0f0!important}.banquet-menu-container .menu-card .menu-info-bar .info-item{display:flex!important;align-items:center!important;gap:8px;color:#666!important;font-size:14px!important;cursor:default}.banquet-menu-container .menu-card .menu-info-bar .info-item .anticon{color:#764ba2!important;font-size:16px!important}.banquet-menu-container .menu-card .menu-cost-section{padding:16px 20px!important;background:linear-gradient(135deg,#fafbfc,#f5f6f7)!important}.banquet-menu-container .menu-card .menu-cost-section .cost-row{display:flex!important;align-items:center!important}.banquet-menu-container .menu-card .menu-cost-section .cost-item{flex:1;text-align:center}.banquet-menu-container .menu-card .menu-cost-section .cost-label{display:block;font-size:12px!important;color:#999!important;margin-bottom:4px}.banquet-menu-container .menu-card .menu-cost-section .cost-value{font-size:18px!important;font-weight:700!important}.banquet-menu-container .menu-card .menu-cost-section .cost-value.orange{color:#ff7a45!important}.banquet-menu-container .menu-card .menu-cost-section .cost-value.green{color:#52c41a!important}.banquet-menu-container .menu-card .menu-cost-section .cost-divider{width:1px;height:36px;background:#e8e8e8!important;margin:0 16px}.banquet-menu-container .menu-card .menu-actions{padding:12px 16px!important;display:flex!important;justify-content:space-around!important;background:#fff!important;border-top:1px solid #f0f0f0!important}.banquet-menu-container .menu-card .menu-actions .ant-btn-link{font-size:13px!important;padding:4px 8px!important;color:#666!important}.banquet-menu-container .menu-card .menu-actions .ant-btn-link:hover{color:#764ba2!important}@media (max-width: 768px){.banquet-menu-container{padding:16px}.banquet-menu-container .page-header{flex-direction:column;gap:16px;padding:20px}.banquet-menu-container .page-title{font-size:22px}.menu-card-header{padding:16px}.menu-title{font-size:16px}.menu-price-section{padding:10px 12px}.menu-price-section .price-value{font-size:16px}}.package-display-container{padding:24px;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);min-height:100vh}.package-display-container .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.package-display-container .header-left{flex:1}.package-display-container .page-title{margin:0 0 8px;font-size:28px;font-weight:700;color:#1a1a2e;display:flex;align-items:center}.package-display-container .page-subtitle{margin:0;font-size:14px;color:#666}.package-display-container .search-input .ant-input-affix-wrapper{border-radius:25px;border:2px solid #e8e8e8;box-shadow:0 2px 8px #0000000f}.package-type-tabs{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.type-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:25px;border:2px solid transparent;background:#fff;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;color:#666;box-shadow:0 2px 8px #0000000f}.type-tab:hover{border-color:var(--tab-color, #1890ff);color:var(--tab-color, #1890ff);transform:translateY(-2px)}.type-tab.active{color:var(--tab-color, #1890ff);font-weight:600}.type-tab .tab-icon{font-size:18px}.package-display-container .stats-row{margin-bottom:24px}.package-display-container .stat-card{border-radius:16px;border:none;box-shadow:0 4px 16px #00000014;transition:all .3s ease;position:relative;overflow:visible;min-height:120px}.package-display-container .stat-card .ant-statistic-title,.package-display-container .stat-card .stat-title{color:#666!important;font-size:14px!important;margin-bottom:8px!important;display:block!important}.package-display-container .stat-card .ant-statistic-content,.package-display-container .stat-card .stat-value{font-size:28px!important;font-weight:700!important;line-height:1.2!important}.package-display-container .stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.package-display-container .stat-card .ant-card-body{padding:20px!important}.package-display-container .stat-card .stat-icon{position:absolute;top:16px;right:16px;font-size:32px;opacity:.8}.package-display-container .stat-card-blue{background:linear-gradient(135deg,#e6f7ff,#bae7ff)}.package-display-container .stat-card-orange{background:linear-gradient(135deg,#fff7e6,#ffd591)}.package-display-container .stat-card-green{background:linear-gradient(135deg,#f6ffed,#b7eb8f)}.package-display-container .stat-card-purple{background:linear-gradient(135deg,#f9f0ff,#d3adf7)}.package-card{border-radius:16px;border:none;box-shadow:0 4px 16px #00000014;transition:all .3s ease;overflow:hidden;cursor:pointer}.package-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000026}.package-card .ant-card-body{padding:0!important}.package-card-header{padding:20px;background:linear-gradient(135deg,#667eea,#764ba2)}.package-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:12px}.package-title{margin:0;font-size:16px;font-weight:600;color:#fff;flex:1;line-height:1.4}.package-tags{display:flex;flex-wrap:wrap;gap:4px}.package-tags .ant-tag{border-radius:10px;font-size:11px;border:none;margin:0}.package-price-section{display:flex;justify-content:space-between;align-items:center;background:#ffffff26;border-radius:12px;padding:12px 16px}.package-price-section .price-main{display:flex;flex-direction:column}.package-price-section .price-label{font-size:12px;color:#fffc}.package-price-section .price-value{font-size:24px;font-weight:700;color:#fff}.package-price-section .price-badge{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;color:#fff}.package-info-bar{display:flex;justify-content:space-around;padding:16px 20px;background:#fff;border-bottom:1px solid #f0f0f0}.package-info-bar .info-item{display:flex;align-items:center;gap:8px;color:#666;font-size:13px}.package-info-bar .info-item .anticon{color:#764ba2}.package-cost-section{display:flex;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#fafbfc,#f5f6f7)}.package-cost-section .cost-item{flex:1;text-align:center}.package-cost-section .cost-label{display:block;font-size:12px;color:#999;margin-bottom:4px}.package-cost-section .cost-value{font-size:16px;font-weight:700}.package-cost-section .cost-value.orange{color:#ff7a45}.package-cost-section .cost-value.green{color:#52c41a}.package-cost-section .cost-value.blue{color:#1890ff}.package-cost-section .cost-divider{width:1px;height:36px;background:#e8e8e8;margin:0 8px}.package-view-link{padding:14px 20px;text-align:center;background:#fff;color:#764ba2;font-weight:500;border-top:1px solid #f0f0f0;transition:all .3s ease}.package-card:hover .package-view-link{color:#667eea;background:#f9f0ff}.loading-spinner{width:40px;height:40px;border:3px solid #f0f0f0;border-top-color:#764ba2;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.empty-state{padding:80px 0;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000f}.package-detail-modal .ant-modal-content{border-radius:16px;overflow:hidden}.package-detail-modal .ant-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:20px 24px;border-bottom:none}.package-detail-modal .ant-modal-title{color:#fff!important;font-size:18px;font-weight:600}.package-detail-modal .ant-modal-close{color:#fff}.package-detail-modal .ant-modal-close:hover{color:#fffc}.package-detail-modal .ant-modal-body{padding:24px}.package-detail-modal .modal-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px;background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border-radius:16px;margin-bottom:24px}.package-detail-modal .modal-stats .ant-statistic-title{font-size:13px;color:#666;margin-bottom:8px}.package-detail-modal .modal-stats .ant-statistic-content{font-size:20px}.package-detail-modal .ant-table{border-radius:12px;overflow:hidden;border:1px solid #f0f0f0}.package-detail-modal .ant-table-thead>tr>th{background:#fafbfc;font-weight:600;color:#333;padding:14px 16px;border-bottom:2px solid #e8e8e8}.package-detail-modal .ant-table-tbody>tr>td{padding:12px 16px}.package-detail-modal .ant-table-tbody>tr:hover>td{background:#f5f8ff}.package-detail-modal .ant-tag{border-radius:6px;padding:2px 10px;font-weight:500}@media (max-width: 768px){.package-display-container{padding:16px}.package-display-container .page-header{flex-direction:column;gap:16px}.package-type-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.type-tab{padding:8px 16px;font-size:13px;white-space:nowrap}.package-card-header{padding:16px}.package-title{font-size:14px}.package-price-section .price-value{font-size:20px}}.purchase-manage-container{padding:24px;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);min-height:100vh}.purchase-header{background:linear-gradient(135deg,#ffa726,#ff7043);border-radius:20px;padding:24px;margin-bottom:24px;box-shadow:0 8px 32px #ffa7264d}.purchase-header-top{margin-bottom:20px}.purchase-title{display:flex;align-items:center;gap:16px;color:#fff}.purchase-title-icon{font-size:36px}.purchase-title h2{margin:0;font-size:24px;font-weight:700;color:#fff}.purchase-subtitle{margin:4px 0 0;font-size:14px;color:#ffffffd9}.purchase-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.purchase-stats .stat-card{background:#fffffff2;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 16px #0000001a;transition:all .3s ease}.purchase-stats .stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.purchase-stats .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff}.purchase-stats .stat-icon.cyan{background:linear-gradient(135deg,#00bcd4,#00acc1)}.purchase-stats .stat-icon.blue{background:linear-gradient(135deg,#2196f3,#1976d2)}.purchase-stats .stat-icon.orange{background:linear-gradient(135deg,#ff9800,#f57c00)}.purchase-stats .stat-icon.green{background:linear-gradient(135deg,#4caf50,#388e3c)}.purchase-stats .stat-content{flex:1}.purchase-stats .stat-value{font-size:24px;font-weight:700;color:#1a1a2e;line-height:1.2}.purchase-stats .stat-label{font-size:13px;color:#666;margin-top:4px}.purchase-content{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000014}.purchase-tabs .ant-tabs-nav{margin-bottom:20px}.purchase-tabs .ant-tabs-tab{font-size:15px;padding:12px 0}.purchase-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:#ff7043;font-weight:600}.purchase-tabs .ant-tabs-ink-bar{background:#ff7043}.table-toolbar{margin-bottom:16px;display:flex;justify-content:flex-end}.table-toolbar .ant-btn-primary{background:linear-gradient(135deg,#ffa726,#ff7043)!important;border:none!important;border-radius:8px;height:40px;padding:0 24px;font-weight:500;box-shadow:0 4px 12px #ffa72666}.table-toolbar .ant-btn-primary:hover{background:linear-gradient(135deg,#ff9800,#f57c00)!important;transform:translateY(-2px);box-shadow:0 6px 16px #ffa72680}.table-card{border:none;box-shadow:none}.table-card .ant-card-body{padding:0}@media (max-width: 1200px){.purchase-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.purchase-manage-container{padding:16px}.purchase-header{padding:20px}.purchase-title h2{font-size:20px}.purchase-stats{grid-template-columns:1fr}.purchase-stats .stat-card{padding:16px}.purchase-stats .stat-value{font-size:20px}.purchase-content{padding:16px}}@media (max-width: 576px){.purchase-header{padding:16px}.purchase-title-icon{font-size:28px}.purchase-title h2{font-size:18px}}.reports-container{padding:16px;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec)}.reports-header{background:linear-gradient(135deg,#5e60ce,#6930c3,#7400b8);border-radius:0 0 24px 24px;padding:20px 24px;margin-bottom:16px;box-shadow:0 8px 32px #5e60ce4d}.reports-header-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.reports-title{display:flex;align-items:center;gap:16px}.reports-title-icon{font-size:40px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.reports-title h2{color:#fff;margin:0;font-size:26px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.reports-subtitle{color:#ffffffd9;margin:4px 0 0;font-size:14px}.reports-actions{display:flex;align-items:center;gap:12px}.reports-actions .ant-picker{background:#fffffff2;border:none;border-radius:8px}.reports-actions .ant-btn-primary{background:#fff3;border:1px solid rgba(255,255,255,.4);border-radius:8px;height:36px;font-weight:500}.reports-actions .ant-btn-primary:hover{background:#ffffff4d;border-color:#fff9}.reports-content{padding:0 24px 24px}.reports-tabs .ant-tabs-nav{background:#fff;border-radius:16px;padding:8px;margin-bottom:16px;box-shadow:0 4px 20px #0000000f}.reports-tabs .ant-tabs-tab{padding:12px 20px;font-size:15px;font-weight:500;border-radius:10px;margin:0 4px;transition:all .3s ease}.reports-tabs .ant-tabs-tab:hover{background:#f5f5f5}.reports-tabs .ant-tabs-tab-active{background:linear-gradient(135deg,#5e60ce,#7400b8);font-weight:600}.reports-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:#fff!important}.reports-tabs .ant-tabs-ink-bar{display:none}.report-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:16px}.report-stats.four-cols{grid-template-columns:repeat(4,1fr)}.report-stats .stat-card{background:#fff;border-radius:16px;padding:16px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 20px #0000000f;transition:all .3s ease;border-left:4px solid transparent}.report-stats .stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001a}.report-stats .stat-card.red{border-left-color:#ef476f}.report-stats .stat-card.green{border-left-color:#06d6a0}.report-stats .stat-card.blue{border-left-color:#4361ee}.report-stats .stat-card.orange{border-left-color:#f77f00}.report-stats .stat-card.purple{border-left-color:#7400b8}.report-stats .stat-card.cyan{border-left-color:#00b4d8}.report-stats .stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff}.report-stats .stat-card.red .stat-icon{background:linear-gradient(135deg,#ef476f,#d62828)}.report-stats .stat-card.green .stat-icon{background:linear-gradient(135deg,#06d6a0,#118ab2)}.report-stats .stat-card.blue .stat-icon{background:linear-gradient(135deg,#4361ee,#3a0ca3)}.report-stats .stat-card.orange .stat-icon{background:linear-gradient(135deg,#f77f00,#d62828)}.report-stats .stat-card.purple .stat-icon{background:linear-gradient(135deg,#7400b8,#5e60ce)}.report-stats .stat-card.cyan .stat-icon{background:linear-gradient(135deg,#00b4d8,#0077b6)}.report-stats .stat-content{flex:1}.report-stats .stat-value{font-size:28px;font-weight:700;color:#1a1a2e;line-height:1.2}.report-stats .stat-label{font-size:14px;color:#666;margin-top:6px}.report-section{background:#fff;border-radius:16px;padding:16px;margin-bottom:16px;box-shadow:0 4px 20px #0000000f}.report-table{border-radius:12px;overflow:hidden}.report-table .ant-table-thead>tr>th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;padding:14px 16px}.report-table .ant-table-tbody>tr>td{padding:14px 16px;border-bottom:1px solid #f0f0f0}.report-table .ant-table-tbody>tr:hover>td{background:#f0f9ff}@media (max-width: 768px){.report-stats.four-cols,.report-stats{grid-template-columns:repeat(2,1fr)}.reports-header{padding:20px;border-radius:0 0 16px 16px}.reports-header-top{flex-direction:column;align-items:flex-start}.reports-title h2{font-size:22px}.reports-title-icon{font-size:32px}.reports-actions{width:100%;flex-direction:column;align-items:stretch}.reports-actions .ant-picker{width:100%}.reports-content{padding:0 16px 16px}.reports-tabs .ant-tabs-nav{padding:6px;border-radius:12px}.reports-tabs .ant-tabs-tab{padding:10px 14px;font-size:13px}}@media (max-width: 576px){.reports-container{padding:8px!important}.report-stats{grid-template-columns:1fr;gap:12px}.report-stats.four-cols{grid-template-columns:1fr}.report-stats .stat-card{padding:18px}.report-stats .stat-icon{width:48px;height:48px;font-size:22px}.report-stats .stat-value{font-size:24px}.report-section{padding:16px;border-radius:12px}.report-table .ant-table-thead>tr>th,.report-table .ant-table-tbody>tr>td{padding:10px 12px;font-size:13px}}.alerts-header{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:20px 24px;margin-bottom:16px;box-shadow:0 6px 24px #0000001a}.alerts-header-top{display:flex;justify-content:space-between;align-items:center}.alerts-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.alerts-actions .ant-input-search{width:240px}.alerts-actions .ant-input-search .ant-input{border-radius:10px;border:2px solid #e8e8e8;padding:8px 16px;transition:all .3s ease}.alerts-actions .ant-input-search .ant-input:focus,.alerts-actions .ant-input-search .ant-input:hover{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a}.alerts-content{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:24px;box-shadow:0 8px 32px #0000001a}.stats-section{background:linear-gradient(135deg,#ff6b6b,#ffa502);border-radius:14px;padding:20px;margin-bottom:20px}.stat-card{background:#fff;border-radius:12px;padding:16px 20px;text-align:center;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.stat-card .stat-value{font-size:28px;font-weight:700;color:#1a1a2e;line-height:1.2}.stat-card .stat-label{font-size:13px;color:#666;margin-top:4px}.alerts-content .ant-table-thead>tr>th{background:linear-gradient(135deg,#fff5f5,#fff8f0);font-weight:600;color:#1a1a2e;border-bottom:2px solid #e8e8e8;padding:16px 12px}.alert-tag{border-radius:4px;font-weight:500}.alert-tag.danger{background:#fff1f0;color:#ff4d4f;border-color:#ffccc7}.alert-tag.warning{background:#fffbe6;color:#faad14;border-color:#ffe58f}@media (max-width: 768px){.stock-alerts-container{padding:16px}.alerts-header{padding:16px;border-radius:12px}.alerts-header-top{flex-direction:column;gap:12px;align-items:stretch}.alerts-actions{flex-wrap:wrap;justify-content:center}.alerts-actions .ant-input-search{width:100%}.alerts-content{padding:16px;border-radius:16px}}@media (max-width: 576px){.stock-alerts-container{padding:8px!important}.alerts-header{flex-direction:column!important;gap:12px!important;padding:14px 16px!important;margin-bottom:12px!important;border-radius:12px!important}.alerts-content{padding:12px!important;border-radius:12px!important}}.alerts-header{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:20px 24px;margin-bottom:16px;box-shadow:0 8px 32px #0000001a}.alerts-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.alerts-title{display:flex;align-items:center;gap:12px}.alerts-title h2{margin:0;font-size:28px;font-weight:700;background:linear-gradient(135deg,#ff6b6b,#ffa502);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.alerts-title-icon{font-size:32px}.alerts-actions{display:flex;gap:12px;align-items:center}.alerts-actions .ant-btn{border-radius:10px;height:40px;padding:0 20px;font-weight:500;transition:all .3s ease}.alerts-actions .ant-btn-primary{background:linear-gradient(135deg,#ff6b6b,#ffa502);border:none;box-shadow:0 4px 15px #ff6b6b66}.alerts-actions .ant-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b80}.alerts-content{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:24px;margin-bottom:16px;box-shadow:0 8px 32px #0000001a}.alerts-content .ant-tabs-nav{margin-bottom:20px}.alerts-content .ant-tabs-tab{padding:12px 20px;font-size:15px;font-weight:500;color:#666;transition:all .3s ease}.alerts-content .ant-tabs-tab:hover{color:#ff6b6b}.alerts-content .ant-tabs-tab-active .ant-tabs-tab-btn{color:#ff6b6b!important;font-weight:600}.alerts-content .ant-tabs-ink-bar{background:linear-gradient(90deg,#ff6b6b,#ffa502);height:3px;border-radius:2px}.alerts-content .ant-table{background:transparent}.alerts-content .ant-table-thead>tr>th{background:linear-gradient(135deg,#fff5f5,#fff0e6);font-weight:600;color:#1a1a2e;border-bottom:2px solid #e8e8e8;padding:16px 12px}.alerts-content .ant-table-tbody>tr>td{padding:14px 12px;border-bottom:1px solid #f0f0f0;transition:all .3s ease}.alerts-content .ant-table-tbody>tr:hover>td{background:linear-gradient(135deg,#fff5f5,#fff)}.alerts-content .ant-pagination{margin-top:20px}.alerts-content .ant-pagination-item{border-radius:8px;border:1px solid #e8e8e8;transition:all .3s ease}.alerts-content .ant-pagination-item:hover,.alerts-content .ant-pagination-item-active{border-color:#ff6b6b}.alerts-content .ant-pagination-item-active a{color:#ff6b6b}.alerts-header{padding:20px;border-radius:16px}.alerts-header-top{flex-direction:column;gap:16px;align-items:stretch}.alerts-actions{flex-wrap:wrap;justify-content:center}.alerts-content,.suggestions-content{padding:16px;border-radius:16px}.alerts-content .ant-table{font-size:13px}.alerts-header{flex-direction:column!important;gap:12px!important;padding:14px 16px!important;margin-bottom:12px!important;border-radius:12px!important}.alerts-content,.content-wrapper{padding:12px!important;border-radius:12px!important}.stock-alerts-container{min-height:100vh;background:linear-gradient(135deg,#ff6b6b,#ffa502);padding:16px}.stock-alerts-container{padding:16px}.stock-alerts-container,.purchase-manage-container,.cost-statistics-container,.reports-container{padding:12px!important}.stock-alerts-container,.purchase-manage-container,.cost-statistics-container,.reports-container{padding:8px!important}.sales-prediction-container{padding:24px;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec)}.sales-prediction-container .ant-card{margin-bottom:16px;border-radius:12px;border:none;box-shadow:0 2px 12px #00000014}.sales-prediction-container .ant-statistic-title{font-size:14px;color:#666}.sales-prediction-container .ant-statistic-content{font-size:24px;font-weight:700}.sales-prediction-container .ant-alert{font-size:14px;border-radius:8px}.sales-prediction-container .ant-tabs-nav{margin-bottom:16px}.sales-prediction-container .ant-progress{width:120px}.prediction-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;padding:20px 24px;margin-bottom:16px;box-shadow:0 8px 30px #667eea4d}.prediction-header h2{color:#fff;margin:0;font-size:24px;font-weight:700}.prediction-header p{color:#fffc;margin:8px 0 0;font-size:14px}.stats-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;padding:20px;margin-bottom:24px;box-shadow:0 6px 20px #667eea40}.stat-card{background:#fffffff2;border-radius:12px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;height:100%;box-shadow:0 2px 8px #0000000f}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:24px;font-weight:700;color:#1a1a2e;line-height:1.2}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d}.chart-card{border-radius:12px;margin-bottom:24px;background:#fff;box-shadow:0 2px 12px #00000014}.chart-header{font-size:16px;font-weight:600;color:#1a1a2e;margin-bottom:16px}@media (max-width: 768px){.sales-prediction-container{padding:12px}.stats-section{padding:16px}.stat-card{padding:14px 16px}.stat-value{font-size:20px}}.inventory-check-page{padding:24px;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);min-height:100vh}.inventory-check-page>.ant-card{border-radius:16px;box-shadow:0 4px 20px #00000014;border:none}.inventory-check-page>.ant-card>.ant-card-head{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;border-bottom:none;padding:16px 24px}.inventory-check-page>.ant-card>.ant-card-head .ant-card-head-title{color:#fff;font-size:18px;font-weight:600}.inventory-check-page>.ant-card>.ant-card-head .ant-card-extra{color:#fff}.inventory-check-page .ant-tabs-nav{margin-bottom:16px}.inventory-check-page .ant-tabs-tab{padding:12px 20px;font-size:15px;transition:all .3s}.inventory-check-page .ant-tabs-tab:hover{color:#667eea}.inventory-check-page .ant-tabs-tab-active{font-weight:600}.inventory-check-page .ant-table{border-radius:12px;overflow:hidden}.inventory-check-page .ant-table-thead>tr>th{background:#fafbfc;font-weight:600;color:#333;padding:14px 16px}.inventory-check-page .ant-table-tbody>tr>td{padding:12px 16px}.inventory-check-page .ant-table-tbody>tr:hover>td{background:#f0f5ff}.inventory-check-page .ant-table-tbody a{color:#667eea;font-weight:500;transition:all .3s}.inventory-check-page .ant-table-tbody a:hover{color:#764ba2}.inventory-check-page .ant-collapse{background:transparent;border:none}.inventory-check-page .ant-collapse-item{margin-bottom:12px;border:1px solid #e8e8e8;border-radius:12px!important;overflow:hidden}.inventory-check-page .ant-collapse-header{background:#fafbfc;font-size:15px;padding:14px 16px!important}.inventory-check-page .ant-collapse-content{border-top:1px solid #e8e8e8}.inventory-check-page .ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none;border-radius:8px;height:36px;padding:0 20px;font-weight:500;box-shadow:0 4px 12px #667eea4d;transition:all .3s}.inventory-check-page .ant-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.inventory-check-page .ant-btn-primary.ant-btn-dangerous{background:linear-gradient(135deg,#ff6b6b,#ee5a5a)!important;box-shadow:0 4px 12px #ff6b6b4d}.inventory-check-page .ant-btn-primary.ant-btn-dangerous:hover{box-shadow:0 6px 16px #ff6b6b66}.inventory-check-page .ant-alert{border-radius:10px;border:none;background:#e6f7ff}.inventory-check-page .ant-alert-info .ant-alert-icon{color:#1890ff}.inventory-check-page .ant-tag{border-radius:6px;padding:2px 8px;font-size:12px}.inventory-check-page .ant-modal-content{border-radius:16px;overflow:hidden}.inventory-check-page .ant-modal-header{padding:16px 24px;border-bottom:1px solid #f0f0f0}.inventory-check-page .ant-modal-title{font-size:16px;font-weight:600}.inventory-check-page .ant-modal-body{padding:20px 24px}.inventory-check-page .ant-form-item-label>label{font-weight:500;color:#333}.inventory-check-page .ant-input,.inventory-check-page .ant-select-selector{border-radius:8px!important;border-color:#d9d9d9!important;height:38px!important}.inventory-check-page .ant-input:focus,.inventory-check-page .ant-select-focused .ant-select-selector{border-color:#667eea!important;box-shadow:0 0 0 2px #667eea33!important}.inventory-check-page textarea.ant-input{height:auto!important;min-height:80px}.inventory-check-page .ant-switch-checked{background:linear-gradient(135deg,#667eea,#764ba2)}.template-card{border-radius:16px!important;border:2px solid transparent!important;box-shadow:0 4px 16px #0000000f!important;transition:all .3s ease!important;overflow:hidden!important;height:100%;cursor:pointer}.template-card:hover{transform:translateY(-4px)!important;box-shadow:0 8px 24px #667eea33!important;border-color:#667eea!important}.template-card .ant-card-body{padding:20px!important}.template-card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.template-card-body{margin-bottom:16px}.template-name{font-size:18px;font-weight:600;color:#333;margin:0 0 8px;line-height:1.4}.template-desc{font-size:13px;color:#888;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-card-stats{display:flex;justify-content:center;padding:16px;background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border-radius:12px;margin-bottom:16px}.template-card-stats .stat-item{text-align:center}.template-card-stats .stat-value{display:block;font-size:28px;font-weight:700;color:#667eea;line-height:1.2}.template-card-stats .stat-label{display:block;font-size:12px;color:#888;margin-top:4px}.template-card-footer{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid #f0f0f0}.template-card-footer .ant-btn-link{padding:4px 8px}.monthly-sheets-container{margin-top:16px}.month-group{margin-bottom:32px}.month-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border-radius:12px;margin-bottom:16px}.month-header-left{display:flex;align-items:center}.month-title{font-size:18px;font-weight:600;color:#333;margin-left:8px}.sheet-card{border-radius:16px!important;border:2px solid transparent!important;box-shadow:0 4px 16px #0000000f!important;transition:all .3s ease!important;overflow:hidden!important;height:100%;cursor:pointer}.sheet-card:hover{transform:translateY(-4px)!important;box-shadow:0 8px 24px #667eea33!important;border-color:#667eea!important}.sheet-card.selected{border-color:#667eea!important;background:linear-gradient(135deg,#fafbff,#f5f7ff)}.sheet-card.completed{background:linear-gradient(135deg,#f6ffed,#f0fff0)}.sheet-card .ant-card-body{padding:16px!important}.sheet-card-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.sheet-card-body{margin-bottom:16px}.sheet-template-name{font-size:16px;font-weight:600;color:#333;margin:0 0 6px;line-height:1.4}.sheet-no{font-size:13px;color:#888;margin:0;font-family:SF Mono,Monaco,Inconsolata,monospace}.sheet-card-progress{margin-bottom:16px}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;color:#666}.progress-text{font-weight:600;color:#333}.sheet-card-footer{padding-top:12px;border-top:1px solid #f0f0f0}.sheet-card-footer .ant-btn{width:100%;height:36px;border-radius:8px;font-weight:500}.inventory-check-detail-page{padding:24px;background:linear-gradient(135deg,#f5f7fa,#e4e8ec);min-height:100vh}.inventory-check-detail-page .ant-card{border-radius:12px;box-shadow:0 2px 12px #0000000f;border:none}.material-list-mobile{display:flex;flex-direction:column;gap:12px}.material-item-card{background:linear-gradient(135deg,#52c41a,#389e0d);border-radius:12px;padding:16px;cursor:pointer;transition:all .3s ease;color:#fff}.material-item-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #52c41a4d}.material-item-card.unchecked{background:linear-gradient(135deg,#faad14,#d48806)}.material-item-card.unchecked:hover{box-shadow:0 6px 20px #faad144d}.material-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.material-name{font-size:16px;font-weight:600;color:#fff;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.material-name .anticon{color:#fff!important}.material-name .ant-tag{background:#fff3;border:none;color:#fff}.material-status .ant-tag{background:#ffffffe6;border:none;font-weight:500}.material-info{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;color:#ffffffe6}.info-divider{color:#ffffff80}.info-text{color:#ffffffe6}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px;background:linear-gradient(135deg,#f5f7fa,#e4e8ec)}.inventory-drawer .ant-drawer-body{padding:0!important;background:#f5f7fa}.inventory-drawer .ant-drawer-header{display:none}.drawer-content{padding:0}.drawer-footer{display:flex;gap:12px;padding:16px;background:#fff;border-top:1px solid #f0f0f0}.drawer-footer .ant-btn{height:48px;border-radius:12px;font-size:16px;font-weight:500}.drawer-footer .ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none}.product-header{padding:24px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.product-name{font-size:22px;font-weight:600;margin:0 0 8px;color:#fff}.product-meta{display:flex;align-items:center;gap:8px;font-size:14px;color:#ffffffd9}.product-meta .ant-tag{background:#fff3;border:none;color:#fff}.info-cards{display:flex;gap:12px;padding:16px 20px;background:#fff;margin-bottom:12px}.info-card{flex:1;padding:16px;background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border-radius:12px;text-align:center}.info-label{font-size:13px;color:#888;margin-bottom:6px}.info-value{font-size:20px;font-weight:600;color:#333}.info-value.primary{color:#667eea}.input-section{background:#fff;padding:20px;margin-bottom:12px}.section-title{font-size:16px;font-weight:600;color:#333;margin:0 0 16px;padding-left:8px;border-left:3px solid #667eea}.input-group{display:flex;flex-direction:column;gap:20px}.input-item label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.input-item .big-input{width:100%}.input-item .big-input .ant-input-number-input{height:48px;font-size:24px;font-weight:600;text-align:center}.input-item .ant-input-number-lg{height:56px;border-radius:12px;font-size:20px}.input-item .ant-input-number-group-addon{background:#f5f7fa;border-color:#d9d9d9;font-size:16px;padding:0 16px}.input-hint{display:block;font-size:12px;color:#999;margin-top:6px}.result-section{padding:16px 20px;display:flex;flex-direction:column;gap:12px}.result-card{padding:20px;border-radius:16px;text-align:center}.result-card.total{background:linear-gradient(135deg,#e6f7ff,#bae7ff)}.result-card.profit{background:linear-gradient(135deg,#f6ffed,#d9f7be)}.result-card.loss{background:linear-gradient(135deg,#fff2f0,#ffccc7)}.result-label{font-size:14px;color:#666;margin-bottom:8px}.result-value{font-size:32px;font-weight:700;color:#1890ff}.result-card.profit .result-value{color:#52c41a}.result-card.loss .result-value{color:#ff4d4f}.result-formula{font-size:12px;color:#999;margin-top:6px}.result-amount{font-size:18px;font-weight:600;margin-top:4px}.result-card.profit .result-amount{color:#52c41a}.result-card.loss .result-amount{color:#ff4d4f}.bottom-action-bar{position:fixed;bottom:0;left:0;right:0;padding:12px 16px;background:#fff;box-shadow:0 -2px 12px #00000014;z-index:100;display:flex;justify-content:center}.bottom-action-bar .ant-btn{height:44px;border-radius:10px;font-weight:500}.bottom-action-bar .ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none}@media (max-width: 768px){.inventory-check-page,.inventory-check-detail-page{padding:16px}.inventory-check-page>.ant-card>.ant-card-head{padding:12px 16px}.inventory-check-page .ant-tabs-tab{padding:10px 12px;font-size:14px}.inventory-check-page .ant-btn-primary{height:32px;padding:0 12px;font-size:13px}.inventory-check-page .ant-collapse-header{padding:12px!important}.inventory-check-page .ant-table-thead>tr>th,.inventory-check-page .ant-table-tbody>tr>td{padding:10px 12px}}@media (max-width: 576px){.inventory-check-page{padding:12px}.inventory-check-page .ant-modal{max-width:calc(100% - 32px);margin:16px}.inventory-check-page .ant-modal-body{padding:16px}}.inventory-check-modal .ant-modal-content{border-radius:12px;overflow:hidden}.inventory-check-modal .ant-modal-header{padding:16px 24px;border-bottom:1px solid #f0f0f0;background:#fafafa}.inventory-check-modal .ant-modal-body{padding:20px 24px;max-height:75vh;overflow-y:auto}.inventory-check-modal .ant-modal-footer{padding:12px 24px;border-top:1px solid #f0f0f0}.modal-title{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600}.modal-footer{display:flex;justify-content:flex-end;gap:12px}.modal-footer .ant-btn-primary{background:linear-gradient(135deg,#52c41a,#389e0d);border:none}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat-card{padding:16px 20px;border-radius:8px;border:1px solid #f0f0f0}.stat-card .stat-label{font-size:13px;color:#8c8c8c;margin-bottom:8px}.stat-card .stat-value{font-size:24px;font-weight:700;font-family:DIN Alternate,-apple-system,sans-serif}.stat-card.total{border-left:4px solid #1890ff}.stat-card.total .stat-value{color:#1890ff}.stat-card.profit{border-left:4px solid #52c41a}.stat-card.profit .stat-value{color:#52c41a}.stat-card.loss{border-left:4px solid #ff4d4f}.stat-card.loss .stat-value{color:#ff4d4f}.stat-card.progress{border-left:4px solid #722ed1}.stat-card.progress .stat-value{color:#722ed1}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 0;margin-bottom:16px;border-bottom:1px solid #f0f0f0}.toolbar-left{display:flex;gap:8px;align-items:center}.toolbar-left .ant-input-affix-wrapper,.toolbar-left .ant-btn{border-radius:6px}.toolbar-right{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}.check-table .ant-table-thead>tr>th{background:#fafafa;font-weight:600;font-size:13px;padding:12px 8px;border-bottom:2px solid #e8e8e8}.check-table .ant-table-tbody>tr>td{padding:10px 8px;font-size:13px;border-bottom:1px solid #f0f0f0}.check-table .ant-table-tbody>tr:hover>td{background:#f5f7fa}.check-table .ant-input-number{border-radius:4px}.check-table .ant-input-number-input{text-align:center}.pagination-row{display:flex;justify-content:space-between;align-items:center;padding-top:16px;font-size:13px;color:#666}.check-detail-loading{display:flex;justify-content:center;align-items:center;min-height:300px;font-size:16px;color:#999}@media (max-width: 992px){.stats-row{grid-template-columns:repeat(2,1fr);gap:12px}.toolbar{flex-direction:column;gap:12px;align-items:stretch}.toolbar-left{flex-wrap:wrap}.toolbar-right{justify-content:flex-end}}@media (max-width: 768px){.inventory-check-modal .ant-modal{max-width:calc(100vw - 32px)!important;margin:16px auto!important}.inventory-check-modal .ant-modal-body{padding:12px}.stats-row{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:12px}.stat-card .stat-value{font-size:18px}.toolbar-left .ant-input-affix-wrapper{width:100%!important}.modal-footer{flex-wrap:wrap;gap:8px}.modal-footer .ant-btn{flex:1;min-width:80px}}.notifications-container{padding:24px;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec)}.notifications-card{border-radius:12px;border:none;box-shadow:0 2px 12px #00000014}.notifications-header{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:14px;padding:20px 24px;margin-bottom:16px;box-shadow:0 8px 30px #f093fb4d}.notifications-header h2{color:#fff;margin:0;font-size:24px;font-weight:700}.notifications-header p{color:#fffc;margin:8px 0 0;font-size:14px}.notification-list{list-style:none;padding:0;margin:0}.notification-item{display:flex;align-items:flex-start;gap:16px;padding:16px;border-bottom:1px solid #f0f0f0;border-radius:8px;margin-bottom:8px;background:#fff;transition:all .3s ease}.notification-item:hover{box-shadow:0 2px 8px #0000000f}.notification-item:last-child{border-bottom:none}.notification-item.unread,.notification-unread{background-color:#f0f5ff;border-left:3px solid #1890ff}.notification-item.unread:hover,.notification-unread:hover{background-color:#e6f7ff}.notification-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;flex-shrink:0;box-shadow:0 4px 12px #f093fb4d}.notification-content{flex:1;min-width:0}.notification-title{font-size:15px;font-weight:600;color:#1a1a2e;margin-bottom:4px}.notification-desc{font-size:13px;color:#666;margin-bottom:6px;line-height:1.5}.notification-time{font-size:12px;color:#999}@media (max-width: 768px){.notifications-container{padding:12px}.notification-item{gap:12px;padding:12px}.notification-icon{width:36px;height:36px;font-size:16px}}.notification-settings-container{padding:24px;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec)}.notification-settings-container .ant-card{border-radius:12px;border:none;box-shadow:0 2px 12px #00000014;margin-bottom:16px}.notification-settings-container .ant-card-head{border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border-radius:12px 12px 0 0}.notification-settings-container .ant-card-head-title{font-size:16px;font-weight:600}.notification-settings-container .ant-form-item{margin-bottom:16px}.notification-settings-container .ant-form-item-label>label{font-weight:500;color:#333}.notification-settings-container .ant-switch{background-color:#d9d9d9}.notification-settings-container .ant-switch-checked{background:linear-gradient(135deg,#667eea,#764ba2)}.settings-group{margin-bottom:24px}.settings-group-title{font-size:16px;font-weight:600;color:#1a1a2e;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #667eea;display:inline-block}.settings-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.settings-item:last-child{border-bottom:none}.settings-item-label{font-size:14px;color:#333}.settings-item-desc{font-size:12px;color:#999;margin-top:4px}@media (max-width: 768px){.notification-settings-container{padding:12px}.settings-item{flex-direction:column;align-items:flex-start;gap:8px}}.data-export-container{padding:24px;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec)}.export-header{background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:14px;padding:20px 24px;margin-bottom:16px;box-shadow:0 8px 30px #4facfe4d}.export-header h2{color:#fff;margin:0;font-size:24px;font-weight:700}.export-header p{color:#fffc;margin:8px 0 0;font-size:14px}.data-export-container .ant-card{border-radius:12px;border:none;box-shadow:0 2px 12px #00000014;margin-bottom:16px}.data-export-container .ant-card-head{border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border-radius:12px 12px 0 0}.data-export-container .ant-card-head-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:16px}.data-export-container .ant-card-head-title .anticon{color:#667eea}.export-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.export-option{display:flex;align-items:center;gap:12px;padding:16px;background:#f8f9ff;border-radius:10px;border:1px solid #e8e8e8;cursor:pointer;transition:all .3s ease}.export-option:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea26}.export-option.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.export-option-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.export-option.selected .export-option-icon{background:#fff3}.upload-area{border:2px dashed #d9d9d9;border-radius:12px;padding:40px 20px;text-align:center;background:#fafafa;transition:all .3s ease;cursor:pointer}.upload-area:hover{border-color:#667eea;background:#f8f9ff}.upload-area .anticon{font-size:48px;color:#667eea;margin-bottom:16px}@media (max-width: 768px){.data-export-container{padding:12px}.export-options{grid-template-columns:1fr}.upload-area{padding:30px 16px}}.revenue-analysis-container{padding:24px;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec)}.revenue-header{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:14px;padding:20px 24px;margin-bottom:16px;box-shadow:0 8px 30px #f5576c4d}.revenue-header h2{color:#fff;margin:0;font-size:24px;font-weight:700}.revenue-header p{color:#fffc;margin:8px 0 0;font-size:14px}.revenue-analysis-container .ant-card{border-radius:12px;border:none;box-shadow:0 2px 12px #00000014;margin-bottom:16px}.revenue-analysis-container .ant-card-head{border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border-radius:12px 12px 0 0}.revenue-stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;padding:20px;color:#fff;box-shadow:0 6px 20px #667eea4d}.revenue-stat-card .stat-label{color:#fffc;font-size:14px;margin-bottom:8px}.revenue-stat-card .stat-value{color:#fff;font-size:32px;font-weight:700}.revenue-chart{padding:20px}.revenue-table .ant-table-thead>tr>th{background:linear-gradient(135deg,#f8f9ff,#f0f2ff);font-weight:600}@media (max-width: 768px){.revenue-analysis-container{padding:12px}.revenue-stat-card{padding:16px}.revenue-stat-card .stat-value{font-size:24px}}.veg-fruit-cost-page{padding:24px;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec)}.veg-fruit-header{background:linear-gradient(135deg,#11998e,#38ef7d);border-radius:14px;padding:20px 24px;margin-bottom:16px;box-shadow:0 8px 30px #11998e4d}.veg-fruit-header h2{color:#fff;margin:0;font-size:24px;font-weight:700}.veg-fruit-header p{color:#fffc;margin:8px 0 0;font-size:14px}.veg-fruit-cost-page .ant-card{border-radius:12px;border:none;box-shadow:0 2px 12px #00000014;margin-bottom:16px}.veg-fruit-cost-page .ant-card-head{border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border-radius:12px 12px 0 0}.cost-text{font-weight:600;color:#52c41a;font-size:14px}.veg-fruit-cost-page .ant-statistic-title{font-size:14px;margin-bottom:8px;color:#666}.veg-fruit-cost-page .ant-statistic-content{font-size:24px;font-weight:700}.veg-fruit-cost-page .ant-tabs-tab{font-size:15px;font-weight:500}.veg-fruit-cost-page .ant-tabs-tab-active{color:#11998e}.veg-fruit-cost-page .ant-tabs-ink-bar{background:linear-gradient(135deg,#11998e,#38ef7d)}.veg-fruit-table .ant-table-thead>tr>th{background:linear-gradient(135deg,#f8f9ff,#f0f2ff);font-weight:600}@media (max-width: 768px){.veg-fruit-cost-page{padding:12px}}.image-manage-container{padding:24px;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec)}.image-header{background:linear-gradient(135deg,#fa709a,#fee140);border-radius:14px;padding:20px 24px;margin-bottom:16px;box-shadow:0 8px 30px #fa709a4d}.image-header h2{color:#fff;margin:0;font-size:24px;font-weight:700}.image-header p{color:#fffc;margin:8px 0 0;font-size:14px}.image-manage-container .ant-card{border-radius:12px;border:none;box-shadow:0 2px 12px #00000014;margin-bottom:16px}.image-manage-container .ant-statistic-title{font-size:14px;color:#666}.image-manage-container .ant-statistic-content{font-size:24px;font-weight:700}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.image-item{position:relative;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.image-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.image-item img{width:100%;height:150px;object-fit:cover}.image-item-info{padding:12px}.image-item-name{font-size:13px;color:#333;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-item-size{font-size:12px;color:#999;margin-top:4px}.image-item-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity .3s}.image-item:hover .image-item-actions{opacity:1}.image-item-actions .ant-btn{background:#0009;border:none;color:#fff}.image-upload-area{border:2px dashed #d9d9d9;border-radius:12px;padding:40px 20px;text-align:center;background:#fafafa;transition:all .3s ease;cursor:pointer}.image-upload-area:hover{border-color:#fa709a;background:#fff5f8}@media (max-width: 768px){.image-manage-container{padding:12px}.image-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.user-manage-container{padding:24px;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec)}.user-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;padding:20px 24px;margin-bottom:16px;box-shadow:0 8px 30px #667eea4d;display:flex;justify-content:space-between;align-items:center}.user-header h2{color:#fff;margin:0;font-size:24px;font-weight:700}.user-header .ant-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff}.user-header .ant-btn:hover{background:#ffffff4d;border-color:#ffffff80}.user-manage-container .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 2px 8px #0000000f}.user-manage-container .header h2{margin:0;font-size:20px;font-weight:700;color:#1a1a2e}.user-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #00000014}.user-table .ant-table-thead>tr>th{background:linear-gradient(135deg,#f8f9ff,#f0f2ff);font-weight:600}.user-table .ant-table-tbody>tr{transition:all .3s ease}.user-table .ant-table-tbody>tr:hover{background:#f5f7ff}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.user-status{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.user-status.active{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.user-status.inactive{background:#fff1f0;color:#ff4d4f;border:1px solid #ffa39e}@media (max-width: 768px){.user-manage-container{padding:12px}.user-header{flex-direction:column;gap:12px;align-items:flex-start}}.role-manage-container{padding:24px;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec)}.role-header{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:14px;padding:20px 24px;margin-bottom:16px;box-shadow:0 8px 30px #f093fb4d;display:flex;justify-content:space-between;align-items:center}.role-header h2{color:#fff;margin:0;font-size:24px;font-weight:700}.role-header .ant-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff}.role-header .ant-btn:hover{background:#ffffff4d;border-color:#ffffff80}.role-manage-container .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 2px 8px #0000000f}.role-manage-container .header h2{margin:0;font-size:20px;font-weight:700;color:#1a1a2e}.role-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.role-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px #00000014;transition:all .3s ease;border:1px solid transparent}.role-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:#f093fb}.role-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.role-card-title{font-size:18px;font-weight:600;color:#1a1a2e}.role-card-desc{font-size:13px;color:#666;margin-top:4px}.role-card-permissions{display:flex;flex-wrap:wrap;gap:6px}.role-card-permissions .ant-tag{margin:0;border-radius:6px}.role-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #00000014}.role-table .ant-table-thead>tr>th{background:linear-gradient(135deg,#f8f9ff,#f0f2ff);font-weight:600}@media (max-width: 768px){.role-manage-container{padding:12px}.role-header{flex-direction:column;gap:12px;align-items:flex-start}.role-cards{grid-template-columns:1fr}}.permission-manage-container{padding:24px;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec)}.permission-header{background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:14px;padding:20px 24px;margin-bottom:16px;box-shadow:0 8px 30px #4facfe4d;display:flex;justify-content:space-between;align-items:center}.permission-header h2{color:#fff;margin:0;font-size:24px;font-weight:700}.permission-header .ant-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff}.permission-header .ant-btn:hover{background:#ffffff4d;border-color:#ffffff80}.permission-manage-container .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 2px 8px #0000000f}.permission-manage-container .header h2{margin:0;font-size:20px;font-weight:700;color:#1a1a2e}.permission-tree{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px #00000014}.permission-tree .ant-tree{background:transparent}.permission-tree .ant-tree-node-content-wrapper{padding:4px 8px;border-radius:6px;transition:all .2s}.permission-tree .ant-tree-node-content-wrapper:hover{background:#f5f7ff}.permission-tree .ant-tree-node-selected .ant-tree-node-content-wrapper{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.permission-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #00000014}.permission-table .ant-table-thead>tr>th{background:linear-gradient(135deg,#f8f9ff,#f0f2ff);font-weight:600}.permission-tag{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.permission-tag.read{background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.permission-tag.write{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.permission-tag.delete{background:#fff1f0;color:#ff4d4f;border:1px solid #ffa39e}@media (max-width: 768px){.permission-manage-container{padding:12px}.permission-header{flex-direction:column;gap:12px;align-items:flex-start}}.profile-container{padding:24px;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec)}.profile-card{margin-bottom:24px;border-radius:16px;border:none;box-shadow:0 4px 20px #00000014}.profile-header{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,#667eea,#764ba2);padding:24px;border-radius:16px;margin-bottom:24px;box-shadow:0 8px 30px #667eea4d}.profile-avatar{width:80px;height:80px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;border:3px solid rgba(255,255,255,.5)}.profile-info h2{margin:0;font-size:24px;font-weight:700;color:#fff}.profile-info .username{margin:4px 0 0;color:#fffc;font-size:14px}.profile-info .role-tag{margin-top:8px;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff}.profile-forms{display:grid;grid-template-columns:1fr 1fr;gap:24px}.info-card,.password-card{height:100%;border-radius:12px;border:none;box-shadow:0 2px 12px #00000014}.info-card .ant-card-head,.password-card .ant-card-head{border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border-radius:12px 12px 0 0}.info-card .ant-card-head-title,.password-card .ant-card-head-title{font-weight:600;font-size:16px}@media (max-width: 768px){.profile-container{padding:12px}.profile-forms{grid-template-columns:1fr}.profile-header{flex-direction:column;text-align:center;padding:20px}.profile-avatar{width:64px;height:64px;font-size:24px}.profile-info h2{font-size:20px}}.keruyun-data-page{padding:24px;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec)}.keruyun-header{background:linear-gradient(135deg,#fa709a,#fee140);border-radius:14px;padding:20px 24px;margin-bottom:16px;box-shadow:0 8px 30px #fa709a4d}.keruyun-header h2{color:#fff;margin:0;font-size:24px;font-weight:700}.keruyun-header p{color:#fffc;margin:8px 0 0;font-size:14px}.keruyun-data-page .ant-card{border-radius:12px;border:none;box-shadow:0 2px 12px #00000014;margin-bottom:16px}.keruyun-data-page .ant-card-head{border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#f8f9ff,#f0f2ff);border-radius:12px 12px 0 0}.keruyun-data-page .ant-statistic-title{font-size:14px;color:#666}.keruyun-data-page .ant-statistic-content{font-size:24px;font-weight:700}.keruyun-stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;padding:20px;color:#fff;box-shadow:0 6px 20px #667eea4d}.keruyun-stat-card .stat-label{color:#fffc;font-size:14px;margin-bottom:8px}.keruyun-stat-card .stat-value{color:#fff;font-size:32px;font-weight:700}.sync-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.sync-status-badge.synced{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.sync-status-badge.pending{background:#fff7e6;color:#fa8c16;border:1px solid #ffd591}.sync-status-badge.error{background:#fff1f0;color:#ff4d4f;border:1px solid #ffa39e}@media (max-width: 768px){.keruyun-data-page{padding:12px}}.cron-config-page{padding:24px;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e8ec)}.cron-header{background:linear-gradient(135deg,#11998e,#38ef7d);border-radius:14px;padding:20px 24px;margin-bottom:16px;box-shadow:0 8px 30px #11998e4d}.cron-header h2{color:#fff;margin:0;font-size:24px;font-weight:700}.cron-header p{color:#fffc;margin:8px 0 0;font-size:14px}.cron-config-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #00000014}.cron-config-table .ant-table{font-size:14px}.cron-config-table .ant-table-thead>tr>th{background:linear-gradient(135deg,#f8f9ff,#f0f2ff);font-weight:600;color:#333;border-bottom:1px solid #e8e8e8}.cron-config-table .ant-table-tbody>tr{transition:all .3s ease}.cron-config-table .ant-table-tbody>tr:hover{background:#f5f7ff}.cron-config-table .ant-time-picker{width:100%}.cron-status{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.cron-status.running{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.cron-status.stopped{background:#fff1f0;color:#ff4d4f;border:1px solid #ffa39e}.cron-actions{display:flex;gap:8px}.cron-actions .ant-btn{border-radius:6px}@media (max-width: 768px){.cron-config-page{padding:12px}.cron-header{padding:16px}.cron-header h2{font-size:20px}}.kitchen-schedule-page{padding:0}.month-selector{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px}.current-month{font-size:18px;font-weight:600;color:#fff;min-width:120px;text-align:center}.month-selector .ant-btn{background:#fff3;border:none;color:#fff}.month-selector .ant-btn:hover{background:#ffffff4d;color:#fff}.legend{display:flex;gap:20px;margin-bottom:16px;padding:8px 16px;background:#f5f5f5;border-radius:6px;flex-wrap:wrap}.legend-group{display:flex;align-items:center;gap:12px}.legend-label{font-weight:500;color:#333}.legend-divider{color:#ddd;margin:0 8px}.legend-item{display:flex;align-items:center;gap:4px;font-size:12px;color:#666}.legend-color{width:20px;height:20px;border-radius:4px}.legend-color.weekend-bg{background:linear-gradient(135deg,#fff7e6,#ffe7ba);border:1px solid #ffc069}.schedule-table-container{overflow-x:auto;border:1px solid #e8e8e8;border-radius:8px}.schedule-table{width:100%;border-collapse:collapse;min-width:800px}.schedule-table th,.schedule-table td{border:1px solid #e8e8e8;padding:6px 2px;text-align:center;vertical-align:middle}.schedule-table th{background:#fafafa;font-weight:500;position:sticky;top:0;z-index:1}.schedule-table .staff-col{width:70px;min-width:70px;position:sticky;left:0;background:#fff;z-index:2;font-weight:500}.schedule-table th.staff-col{background:#fafafa;z-index:3}.schedule-table .stats-col{width:50px;min-width:50px;position:sticky;right:0;background:#fff;z-index:2}.schedule-table th.stats-col{background:#fafafa;z-index:3}.schedule-table .date-col{width:48px;min-width:48px;height:56px}.schedule-table .date-col.weekend{background:linear-gradient(135deg,#fff7e6,#ffe7ba)}.schedule-table .date-col.holiday{background:linear-gradient(135deg,#fff1f0,#ffccc7)}.date-header{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0}.date-day{font-size:16px;font-weight:700;color:#333}.date-weekday{font-size:12px;color:#666;font-weight:500}.weekend-text{color:#fa8c16!important;font-weight:600}.holiday-text{color:#ff4d4f!important;font-weight:700;font-size:13px}.date-col.weekend .date-day,.date-col.weekend .date-weekday{color:#fa8c16}.date-col.holiday .date-day{color:#ff4d4f}.holiday-mark{font-size:14px}.shift-cell{cursor:pointer;transition:all .2s;padding:4px 2px}.shift-cell:hover{background:#e6f7ff!important;box-shadow:inset 0 0 0 2px #1890ff}.shift-cell.weekend{background:#fffbe6}.shift-cell.weekend:hover{background:#fff1b8!important;box-shadow:inset 0 0 0 2px #fa8c16}.shift-station-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px;min-height:40px}.shift-station-cell.specified{box-shadow:inset 0 0 0 2px #1890ff;border-radius:6px}.shift-station-cell.modified{box-shadow:inset 0 0 0 2px #ff4d4f;border-radius:6px}.shift-badge{display:inline-flex;align-items:center;justify-content:center;width:34px;height:24px;border-radius:6px;font-size:13px;font-weight:600;transition:transform .2s}.station-badge{font-size:11px;font-weight:500;line-height:1;white-space:nowrap}.station-text{font-weight:600}.shift-cell:hover .shift-station-cell{transform:scale(1.05)}.staff-name{font-size:13px;white-space:nowrap}.generate-calendar-header,.generate-calendar-row{display:flex;align-items:center;gap:4px;margin-bottom:6px}.generate-calendar-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:10px 0;border-radius:8px;position:sticky;top:0;z-index:1}.generate-calendar-header .staff-label{font-weight:600;color:#fff}.generate-calendar-header .day-header{display:flex;flex-direction:column;align-items:center}.generate-calendar-header .day-header .day-num{font-weight:700;color:#fff;font-size:14px}.generate-calendar-header .day-header .day-name{color:#fffc;font-size:11px}.generate-calendar-header .day-header.weekend .day-num,.generate-calendar-header .day-header.weekend .day-name{color:#ffd666}.generate-calendar-header .type-label{color:#fff;font-weight:600}.generate-calendar-row{background:#fff;padding:8px 0;border-radius:8px;border:1px solid #e8e8e8}.generate-calendar-row:hover{background:#f6f8ff;border-color:#b7c4ff}.staff-label{width:70px;min-width:70px;font-weight:600;font-size:14px;text-align:center;padding:0 8px;color:#333}.type-label{width:50px;min-width:50px;text-align:center;padding:0 4px}.day-header,.day-cell{width:28px;min-width:28px;height:36px;display:flex;align-items:center;justify-content:center}.day-header{flex-direction:column;gap:1px}.day-header .day-num{font-size:13px;font-weight:700}.day-header .day-name{font-size:10px}.day-header.weekend .day-num,.day-header.weekend .day-name{color:#fa8c16!important}.day-cell{border-radius:6px;cursor:pointer;font-size:13px;font-weight:700;transition:all .2s;border:2px solid transparent;background:#f5f5f5}.day-cell:hover{border-color:#1890ff;background:#e6f7ff;transform:scale(1.1)}.day-cell.weekend{background:#fff7e6;border-color:#ffe7ba}.day-cell.weekend:hover{background:#ffe7ba;border-color:#fa8c16}.day-cell.leave{background:#52c41a!important;color:#fff;border-color:#52c41a!important}.day-cell.leave:hover{background:#73d13d!important;transform:scale(1.1)}.day-cell.annual{background:#ff4d4f!important;color:#fff;border-color:#ff4d4f!important}.day-cell.annual:hover{background:#ff7875!important;transform:scale(1.1)}.day-cell.duty{background:#fa8c16!important;color:#fff;border-color:#fa8c16!important}.day-cell.duty:hover{background:#ffa940!important;transform:scale(1.1)}.day-cell.disabled{background:#f0f0f0!important;color:#ccc!important;cursor:not-allowed;border-color:#e8e8e8!important}.day-cell.disabled:hover{transform:none;border-color:#e8e8e8!important}.duty-count{color:#fa8c16;font-weight:500}.type-stats{display:flex;flex-direction:column;gap:2px;font-size:11px}.leave-count{color:#52c41a;font-weight:500}.annual-count{color:#ff4d4f;font-weight:500}@media (max-width: 768px){.month-selector{flex-wrap:wrap}.legend{gap:12px}.schedule-table .staff-col{width:60px;min-width:60px}.schedule-table .date-col{width:40px;min-width:40px;height:48px}.date-day{font-size:14px}.shift-badge{width:28px;height:20px;font-size:12px}.shift-station-cell{min-height:36px}}.app-container{width:100%;height:100vh;display:flex}.main-layout{width:100%;height:100vh}.site-layout-background{background:#fff;padding:24px;min-height:280px}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #1890ff;--color-primary-light: #40a9ff;--color-primary-hover: #096dd9;--color-accent: #667eea;--color-accent-light: #764ba2;--color-accent-bg: rgba(102, 126, 234, .08);--color-text: #1a1a1a;--color-text-secondary: #666666;--color-text-muted: #999999;--color-border: #e5e5e5;--color-border-light: #f0f0f0;--color-bg: #ffffff;--color-bg-secondary: #fafafa;--color-bg-tertiary: #f5f5f5;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .08);--transition-fast: .15s ease;--transition-normal: .2s ease}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg-secondary);color:var(--color-text);font-size:14px;line-height:1.5}#root{width:100%;min-height:100vh}.ant-btn{border-radius:var(--radius-md)!important;font-weight:500;transition:var(--transition-fast);box-shadow:none!important}.ant-btn-primary{background:var(--color-primary)!important;border-color:var(--color-primary)!important}.ant-btn-primary:hover,.ant-btn-primary:focus{background:var(--color-primary-hover)!important;border-color:var(--color-primary-hover)!important}.ant-btn-default{border-color:var(--color-border)!important;color:var(--color-text)!important}.ant-btn-default:hover{border-color:var(--color-primary)!important;color:var(--color-primary)!important}.ant-btn-link{color:var(--color-text-secondary)!important}.ant-btn-link:hover{color:var(--color-primary)!important}.ant-card{border-radius:var(--radius-lg)!important;border:1px solid var(--color-border-light)!important;box-shadow:none!important}.ant-card-head{border-bottom:1px solid var(--color-border-light)!important;padding:var(--spacing-md) var(--spacing-lg)!important;min-height:auto!important}.ant-card-head-title{font-weight:600!important;font-size:15px!important;color:var(--color-text)!important}.ant-card-body{padding:var(--spacing-lg)!important}.ant-table{background:transparent!important}.ant-table-thead>tr>th{background:var(--color-bg-secondary)!important;border-bottom:1px solid var(--color-border)!important;font-weight:600!important;color:var(--color-text-secondary)!important;font-size:13px!important;text-transform:uppercase;letter-spacing:.5px}.ant-table-tbody>tr>td{border-bottom:1px solid var(--color-border-light)!important}.ant-table-tbody>tr:hover>td{background:var(--color-bg-secondary)!important}.ant-table-tbody>tr:last-child>td{border-bottom:none!important}.ant-input,.ant-input-affix-wrapper,.ant-input-number,.ant-select-selector,.ant-picker{border-radius:var(--radius-md)!important;border-color:var(--color-border)!important}.ant-input:hover,.ant-input-affix-wrapper:hover,.ant-input-number:hover,.ant-select-selector:hover,.ant-picker:hover{border-color:var(--color-text-muted)!important}.ant-input:focus,.ant-input-affix-wrapper-focused,.ant-input-number-focused,.ant-select-focused .ant-select-selector,.ant-picker-focused{border-color:var(--color-primary)!important;box-shadow:0 0 0 2px #1a1a1a14!important}.ant-select-item-option-selected{background:var(--color-bg-tertiary)!important;font-weight:500!important}.ant-tabs-tab{color:var(--color-text-secondary)!important;font-weight:500!important}.ant-tabs-tab:hover{color:var(--color-text)!important}.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--color-text)!important;font-weight:600!important}.ant-tabs-ink-bar{background:var(--color-primary)!important;height:2px!important}.ant-switch-checked{background:var(--color-primary)!important}.ant-pagination-item{border-radius:var(--radius-sm)!important}.ant-pagination-item-active{border-color:var(--color-primary)!important;background:var(--color-primary)!important}.ant-pagination-item-active a{color:#fff!important}.ant-tag{border-radius:var(--radius-sm)!important;border:none!important;font-weight:500!important}.ant-badge-count{background:var(--color-primary)!important;box-shadow:none!important}.ant-modal-content{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important}.ant-modal-header{border-bottom:1px solid var(--color-border-light)!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important}.ant-modal-title{font-weight:600!important}.ant-modal-footer{border-top:1px solid var(--color-border-light)!important}.ant-drawer-header{border-bottom:1px solid var(--color-border-light)!important}.ant-drawer-title{font-weight:600!important}.ant-message-notice-content{border-radius:var(--radius-md)!important;box-shadow:var(--shadow-md)!important}.ant-dropdown-menu{border-radius:var(--radius-md)!important;box-shadow:var(--shadow-md)!important;border:1px solid var(--color-border-light)!important}.ant-dropdown-menu-item{border-radius:var(--radius-sm)!important}.ant-dropdown-menu-item:hover{background:var(--color-bg-secondary)!important}.ant-form-item-label>label{color:var(--color-text-secondary)!important;font-weight:500!important}.ant-statistic-title{color:var(--color-text-muted)!important;font-size:13px!important}.ant-statistic-content{color:var(--color-text)!important}.ant-breadcrumb-link{color:var(--color-text-secondary)!important}.ant-breadcrumb-link:hover{color:var(--color-text)!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}a{color:var(--color-text);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--color-primary)}::selection{background:#1a1a1a26}.ant-empty-description{color:var(--color-text-muted)!important}.ant-spin-dot-item,.ant-progress-bg{background:var(--color-primary)!important}.ant-alert{border-radius:var(--radius-md)!important}.ant-tooltip-inner{border-radius:var(--radius-sm)!important;background:var(--color-primary)!important}.stat-card{background:#fffffff2;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 16px #00000014;transition:all .3s ease;border:none}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.stat-card.warning{background:linear-gradient(135deg,#fff7e6,#fff1b8)}.stat-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.stat-icon.green{background:linear-gradient(135deg,#06d6a0,#118ab2);box-shadow:0 4px 12px #06d6a066}.stat-icon.red{background:linear-gradient(135deg,#ef476f,#d62828);box-shadow:0 4px 12px #ef476f66}.stat-icon.orange{background:linear-gradient(135deg,#f77f00,#d62828);box-shadow:0 4px 12px #f77f0066}.stat-icon.blue{background:linear-gradient(135deg,#4361ee,#3a0ca3);box-shadow:0 4px 12px #4361ee66}.stat-icon.purple{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea66}.stat-icon.cyan{background:linear-gradient(135deg,#00b4d8,#0096c7);box-shadow:0 4px 12px #00b4d866}.stat-content{flex:1}.stat-value{font-size:26px;font-weight:700;color:#1a1a2e;line-height:1.2}.stat-label{font-size:13px;color:#666;margin-top:4px}@media (max-width: 768px){.stat-card{padding:16px}.stat-icon{width:44px;height:44px;font-size:20px}.stat-value{font-size:20px}.stat-label{font-size:12px}}@media (max-width: 576px){.stat-card{padding:14px;gap:12px}.stat-icon{width:40px;height:40px;font-size:18px}.stat-value{font-size:18px}.stat-label{font-size:11px}}.menu-card{border-radius:14px;border:none;box-shadow:0 4px 16px #00000014;transition:all .3s ease;overflow:hidden}.menu-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000026}.menu-card .ant-card-body{padding:0!important}.menu-card-header{padding:16px 16px 12px;background:linear-gradient(135deg,#fafafa,#f0f0f0);border-bottom:1px solid #f0f0f0}.menu-card-body{padding:16px}.menu-card-footer{padding:12px 16px;border-top:1px solid #f0f0f0;background:#fafafa}.menu-title{margin:0;font-size:18px;font-weight:700;color:#1a1a2e}@media (max-width: 576px){.menu-card{border-radius:12px!important}.menu-card-header,.menu-card-body{padding:12px!important}.menu-card-footer{padding:10px 12px!important}.menu-card-footer .ant-btn{font-size:12px!important;padding:4px 8px!important}.menu-title{font-size:16px!important}}.step-item{display:flex;gap:16px;background:#fff;padding:16px;border-radius:12px;border:1px solid #e8e8e8;margin-bottom:12px;transition:all .3s ease}.step-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea26}.step-number{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;box-shadow:0 4px 12px #667eea4d}.step-content{flex:1;display:flex;flex-direction:column}.step-description{margin:0 0 12px;font-size:16px;line-height:1.6;color:#333}.step-images{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.step-image-item{width:200px!important;height:150px!important;object-fit:cover;border-radius:8px;cursor:pointer;transition:transform .3s}.step-image-item:hover{transform:scale(1.02)}.step-videos{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.step-video-item{width:300px;height:200px;border-radius:8px;background-color:#000;object-fit:contain}.step-image{max-width:400px;margin-top:12px}.step-image img{border-radius:8px;width:100%}@media (max-width: 768px){.step-item{padding:12px;gap:12px}.step-number{width:32px;height:32px;font-size:14px}.step-description{font-size:14px;order:1;margin-bottom:12px!important}.step-images{order:2;flex-direction:column;gap:8px}.step-videos{order:3;flex-direction:column;gap:8px}.step-image-item{width:100%!important;max-width:100%!important;height:auto!important}.step-video-item{width:100%!important;max-width:100%!important;height:auto!important;min-height:180px}.step-image img{width:100%!important;max-width:100%!important;height:auto!important}}.price-tag{background:linear-gradient(135deg,#f6ffed,#b7eb8f);color:#52c41a;border:none;border-radius:8px;padding:4px 10px;font-weight:600}.price-display{font-weight:600;color:#1a1a2e}.price-per-gram{font-size:12px;color:#52c41a;font-weight:500}.price-item{display:flex;flex-direction:column;gap:4px}.price-label{font-size:13px;color:#888;font-weight:500}.price-value{font-size:26px;font-weight:700;color:#1890ff;font-family:DIN Alternate,-apple-system,sans-serif}.price-value.primary{color:#1890ff}.price-value.green{color:#52c41a}.price-value.orange{color:#f59e0b}.price-main{display:flex;align-items:baseline;gap:8px}.price-badge{padding:6px 14px;border-radius:20px;color:#fff;font-size:13px;font-weight:600}.price-group{display:flex;align-items:baseline}.price-divider{width:1px;height:40px;background:#e0e0e0}.price-text{color:#f59e0b;font-weight:500}.price-history-modal .ant-statistic-title{font-size:14px;color:#666}.price-history-modal .ant-statistic-content{font-size:24px;font-weight:600}.price-history-modal .ant-card{border-radius:8px}@media (max-width: 576px){.price-value{font-size:22px!important}.price-divider{display:none}}.mobile-detail-content{flex:1;overflow-y:auto;padding:16px 16px 16px 48px;-webkit-overflow-scrolling:touch}.mobile-detail-content .sop-detail h1{font-size:20px;margin-bottom:12px}.mobile-detail-content .materials-grid{grid-template-columns:1fr 1fr;gap:8px}.mobile-detail-content .material-item{padding:10px;font-size:13px;flex-direction:column;gap:4px}.mobile-detail-content .step-item{padding:12px;gap:12px}.mobile-detail-content .step-number{width:32px;height:32px;font-size:14px}.mobile-detail-content .step-description{font-size:14px;order:1;margin-bottom:12px!important}.mobile-detail-content .step-content{display:flex;flex-direction:column}.mobile-detail-content .step-images{order:2;flex-direction:column;gap:8px}.mobile-detail-content .step-videos{order:3;flex-direction:column;gap:8px}.mobile-detail-content .step-image-item,.mobile-detail-content .step-images .ant-image,.mobile-detail-content .step-images .ant-image img{width:100%!important;max-width:100%!important;height:auto!important;border-radius:8px}.mobile-detail-content .step-video-item{width:100%!important;max-width:100%!important;height:auto!important;min-height:180px;border-radius:8px}.mobile-detail-content .step-image img,.mobile-detail-content .step-images img{width:100%!important;max-width:280px;height:auto!important}.mobile-detail-content video{width:100%!important;max-width:280px;height:auto!important}.mobile-back-button{position:fixed;left:0;top:50%;transform:translateY(-50%);width:36px;background:linear-gradient(180deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 0;border-radius:0 20px 20px 0;box-shadow:2px 0 8px #00000026;cursor:pointer;z-index:1001;font-size:14px;font-weight:500;gap:4px}.mobile-back-button:active{background:linear-gradient(180deg,#764ba2,#667eea);width:42px}.mobile-back-button .anticon{font-size:16px;margin-bottom:8px}.mobile-back-button span{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:4px}.action-buttons{display:flex;gap:8px}.action-buttons .ant-btn{border-radius:8px;padding:4px 12px;height:32px;font-size:13px;transition:all .3s ease}.action-buttons .ant-btn-link{color:#667eea}.action-buttons .ant-btn-link:hover{color:#764ba2;background:#667eea1a}.action-buttons .ant-btn-link.sync-btn{color:#52c41a}.action-buttons .ant-btn-link.sync-btn:hover{background:#52c41a1a}.action-buttons .ant-btn-link.delete-btn{color:#f5222d}.action-buttons .ant-btn-link.delete-btn:hover{background:#f5222d1a}.action-btn{font-size:13px;padding:4px 12px;height:auto;border-radius:6px;transition:all .2s}.action-btn.view{color:#1890ff}.action-btn.view:hover{background:#e6f7ff}.action-btn.edit{color:#52c41a}.action-btn.edit:hover{background:#f6ffed}.action-btn.copy{color:#722ed1}.action-btn.copy:hover{background:#f9f0ff}.action-btn.delete{color:#ff4d4f}.action-btn.delete:hover{background:#fff1f0}.action-button-group{display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 576px){.action-buttons{gap:4px}.action-buttons .ant-btn{padding:4px 8px;height:28px;font-size:12px}.action-btn{flex:1;min-width:calc(50% - 8px);justify-content:center}.action-button-group{flex-direction:column}.action-button-group .ant-btn{width:100%}}.loading-state{display:flex;justify-content:center;align-items:center;min-height:400px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0;color:#999}.loading-spinner{width:40px;height:40px;border:3px solid #f0f0f0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:48px 0;color:#999}.empty-state-icon{font-size:48px;margin-bottom:16px;color:#d9d9d9}.empty-state-text{font-size:14px;color:#999}.search-box .ant-input-search .ant-input{border-radius:10px;border:2px solid #e8e8e8;padding:8px 16px;transition:all .3s ease}.search-box .ant-input-search .ant-input:focus,.search-box .ant-input-search .ant-input:hover{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.header-left{display:flex;flex-direction:column}.header-left h1{margin:0 0 6px;font-size:24px;font-weight:700;color:#fff}.header-left p{margin:0;font-size:13px;color:#fffc}.header-right{display:flex;gap:10px;align-items:center}.header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;gap:8px}.header-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:8px}@media (max-width: 576px){.header-left{width:100%}.header-right{width:100%;display:flex;gap:8px}.header-actions{flex-direction:column;align-items:flex-start!important;gap:12px}.header-actions h2{font-size:18px;margin-bottom:0}.header-actions .ant-space{width:100%;flex-wrap:wrap}}.info-group{display:flex;align-items:baseline}.info-tags{display:flex;gap:10px;font-size:11px;opacity:.9;flex-wrap:wrap}.info-tags span{display:flex;align-items:center;gap:3px}.info-item{display:flex;align-items:center;gap:6px;color:#666;font-size:13px}.info-item .anticon{color:#667eea}.info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px}.info-row .label{color:#666}.info-row .value{font-weight:500;color:#333}.info-text{white-space:nowrap}.info-divider{color:#d9d9d9}.info-card,.password-card{height:100%}.total-sales-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;padding:18px;margin-bottom:16px;box-shadow:0 6px 24px #667eea4d;color:#fff;border:none}.total-sales-card .ant-card-body{padding:0}.total-sales-row{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:20px}.total-sales-item{text-align:center}.total-sales-item .icon{font-size:36px;margin-bottom:8px;opacity:.9}.total-sales-item .label{font-size:13px;opacity:.9;margin-bottom:4px}.total-sales-item .value{font-size:28px;font-weight:700;font-family:DIN Alternate,-apple-system,sans-serif}.total-tag{font-size:15px;font-weight:700;padding:6px 16px;border-radius:8px}@media (max-width: 576px){.total-sales-row{flex-direction:column}.total-sales-item .value{font-size:24px}}.sync-info{font-size:12px;color:#ffffffb3;text-align:right}.sync-status{display:flex;align-items:center;gap:6px;font-size:12px}.sync-status.success{color:#52c41a}.sync-status.warning{color:#faad14}.sync-status.error{color:#ff4d4f}.alerts-content-title{font-size:18px;font-weight:600;color:#1a1a2e;margin-bottom:20px;display:flex;align-items:center;gap:8px}.alerts-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:0}.alerts-stats{grid-template-columns:repeat(2,1fr)}.alerts-stats{grid-template-columns:repeat(2,1fr);gap:12px}.alert-tag-critical{background:linear-gradient(135deg,#fff1f0,#ffccc7);color:#cf1322;border:none;border-radius:8px;padding:4px 12px;font-weight:600}.alert-tag-warning{background:linear-gradient(135deg,#fffbe6,#fff1b8);color:#d48806;border:none;border-radius:8px;padding:4px 12px;font-weight:600}.amount-tag{font-size:14px;font-weight:600;padding:4px 12px;border-radius:6px}.area-card{border-radius:14px;border:none;box-shadow:0 4px 20px #00000014;transition:all .3s ease;overflow:hidden}.area-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.area-card .ant-card-body{padding:16px}.area-card .ant-card-body{padding:12px!important}.area-card{margin-bottom:10px}.area-card-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px dashed #f0f0f0}.area-card-header .area-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.area-card-header .area-name{font-size:15px;font-weight:600}.area-card-header{margin-bottom:10px!important;padding-bottom:8px!important}.area-card-header .area-name{font-size:14px!important}.area-cards-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.area-cards-row{grid-template-columns:1fr}.area-cards-row{grid-template-columns:1fr!important;gap:10px}.area-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.area-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.area-name{font-size:15px;font-weight:600}.area-name{font-size:14px!important}.area-stat-item{text-align:center}.area-stat-item .stat-label{font-size:11px;color:#999;margin-bottom:4px}.area-stat-item .stat-value{font-size:14px;font-weight:600}.area-stat-item .stat-label{font-size:10px!important}.area-stat-item .stat-value{font-size:13px!important}.badge{padding:3px 8px;border-radius:10px;font-size:11px;font-weight:600;white-space:nowrap}.bg-decoration{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none}.big-price{font-size:24px;font-weight:700;font-family:DIN Alternate,-apple-system,sans-serif}.bottom-action-bar{display:none}.bottom-action-bar{display:flex;justify-content:center;position:fixed;bottom:0;left:0;right:0;background:#fff;padding:12px;box-shadow:0 -2px 8px #00000014;z-index:999}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.card-header h3{margin:0;font-size:18px;font-weight:600;color:#1a1a2e;flex:1}.card-header{flex-wrap:wrap;gap:8px}.card-icon{font-size:22px;color:#667eea}.category-block,.category-card{background:#fafafa;border-radius:8px;padding:10px 12px;border:1px solid #f0f0f0}.category-card .category-title{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;margin-bottom:6px;padding-bottom:6px;border-bottom:1px dashed #e8e8e8}.category-card .dishes-list{display:flex;flex-direction:column;gap:4px}.category-card .dish-row{display:flex;align-items:center;font-size:13px;padding:3px 0}.category-card .dish-row .name{flex:1;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-card .dish-row .qty{color:#999;margin:0 8px;font-size:12px;flex-shrink:0}.category-card .dish-row .price{color:#52c41a;font-weight:600;white-space:nowrap;flex-shrink:0}.category-tag{border-radius:8px;padding:4px 12px;font-weight:500}.category-tag{border-radius:8px;padding:4px 12px;font-weight:500;border:none}.category-tag{white-space:nowrap}.category-title{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;margin-bottom:6px;padding-bottom:6px;border-bottom:1px dashed #e8e8e8}.chart-container{padding:16px 0}.check-card-content{min-height:180px}.check-card-content{min-height:auto}.checked-row{background:#f6ffed!important}.check-info{margin-bottom:16px}.content-card{border-radius:16px;border:none;box-shadow:0 4px 20px #00000014}.content-card .ant-card-head{border-bottom:1px solid #f0f0f0}.content-card .ant-card-head-title{font-weight:600}.diff-info{background:#f5f5f5;padding:12px;border-radius:6px;margin-top:12px}.diff-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:13px}.diff-row:last-child{margin-bottom:0}.diff-row .profit{color:#52c41a;font-weight:700}.diff-row .loss{color:#ff4d4f;font-weight:700}.dishes-grid{display:flex;flex-direction:column;gap:8px}.dishes-list{display:flex;flex-direction:column;gap:4px}.dishes-section{display:flex;flex-direction:column;gap:8px}.dish-row{display:flex;align-items:center;font-size:13px;padding:3px 0}.dish-row .name{flex:1;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dish-row .qty{color:#999;margin:0 8px;font-size:12px;flex-shrink:0}.dish-row .price{color:#52c41a;font-weight:600;white-space:nowrap;flex-shrink:0}.header-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;padding:14px;color:#fff;margin-bottom:12px}.margin-badge{padding:3px 8px;border-radius:10px;font-size:11px;font-weight:600;white-space:nowrap}.menu-actions{display:flex;justify-content:space-around;padding:12px 16px;background:#fff;border-top:1px solid #f0f0f0}.menu-actions{flex-wrap:wrap;gap:8px}.menu-badge{padding:6px 12px;border-radius:20px;color:#fff;font-size:12px;font-weight:600;white-space:nowrap}.menu-categories-preview{display:flex;flex-wrap:wrap;gap:6px 12px;padding:10px 20px;background:#fafafa;border-bottom:1px solid #f0f0f0;font-size:12px}.menu-cost-section{padding:16px 20px;background:linear-gradient(135deg,#fafbfc,#f5f6f7)}.menu-cost-section .cost-item{display:flex;flex-direction:column;align-items:center;gap:4px}.menu-cost-section .cost-label{font-size:11px;color:#999;text-transform:uppercase;letter-spacing:.5px}.menu-cost-section .cost-value{font-size:16px;font-weight:700;font-family:DIN Alternate,-apple-system,sans-serif}.menu-cost-section .cost-value.orange{color:#ff7a45}.menu-cost-section .cost-value.blue{color:#1890ff}.menu-info-bar{display:flex;justify-content:space-around;padding:14px 20px;background:#fff;border-bottom:1px solid #f5f5f5}.menu-info-bar .info-item{display:flex;align-items:center;gap:6px;color:#666;font-size:13px}.menu-info-bar .info-item .anticon{color:#f5576c}.menu-price-section{display:flex;align-items:center;gap:20px}.menu-price-section{flex-wrap:wrap}.menu-title-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:10px}.menu-view-compact{max-height:75vh;overflow-y:auto}.menu-view-modal .ant-modal-content{border-radius:12px;overflow:hidden}.menu-view-modal .ant-modal-body{padding:12px}.modal-compact{max-height:75vh;overflow-y:auto}.modal-header-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;padding:14px;color:#fff;margin-bottom:12px}.modal-header-card .header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;gap:8px}.modal-header-card .title{margin:0;font-size:16px;font-weight:600;color:#fff;flex:1;line-height:1.3}.modal-header-card .badge{padding:3px 8px;border-radius:10px;font-size:11px;font-weight:600;white-space:nowrap}.modal-header-card .header-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:8px}.modal-header-card .price-group{display:flex;align-items:baseline}.modal-header-card .big-price{font-size:24px;font-weight:700;font-family:DIN Alternate,-apple-system,sans-serif}.modal-header-card .price-label{font-size:14px;opacity:1;margin-left:4px;font-weight:500}.modal-header-card .info-tags{display:flex;gap:10px;font-size:11px;opacity:.9;flex-wrap:wrap}.modal-header-card .info-tags span{display:flex;align-items:center;gap:3px}.modal-header-card .cost-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff26;border-radius:6px}.modal-header-card .cost-item{text-align:center;flex:1}.modal-header-card .cost-item .label{display:block;font-size:10px;opacity:.8}.modal-header-card .cost-item .value{font-size:13px;font-weight:600}.modal-header-card .arrow{opacity:.6;font-size:11px;flex-shrink:0}.no-data-alert{margin-bottom:16px;border-radius:12px}.notes-bar{margin-top:10px;padding:8px 10px;background:#fffbe6;border-radius:6px;font-size:12px;color:#666;border:1px solid #ffe58f}.notes-label{color:#d48806;font-weight:500}.notes-text{color:#666;font-size:13px}.period-card{width:100%}.period-card{border-radius:12px;border:2px solid transparent;box-shadow:0 2px 12px #0000000f;transition:all .3s ease;cursor:pointer}.period-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.period-card .ant-card-body{padding:12px}.period-card{width:100%!important}.period-card .ant-card-body{padding:10px!important}.period-card-item{min-width:0;overflow:hidden}.period-card-item .period-card{width:100%}.period-card-item{min-width:0!important;width:100%!important}.period-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.period-cards-grid{grid-template-columns:repeat(2,1fr)!important}.period-cards-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.preview-card{text-align:center;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.preview-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.preview-card-content{display:flex;flex-direction:column;align-items:center;padding:8px 0}.preview-icon{font-size:28px;margin-bottom:4px}.preview-name{font-size:12px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.profit{color:#52c41a;font-weight:700}.profit-margin{font-weight:600;padding:4px 10px;border-radius:8px;font-size:13px}.progress-section{margin-bottom:12px}.progress-text{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;color:#666}.progress-value{font-weight:700;color:#1890ff}.rank-bronze{color:#cd7f32}.rank-gold{color:gold}.rank-silver{color:silver}.removed-row{background:#fff1f0!important}.removed-row td{color:#999!important;text-decoration:line-through}.retail-price{font-weight:700;font-size:15px;color:#1890ff}.section-alert{margin-bottom:16px;border-radius:8px}.section-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#1a1a2e;margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.section-title .anticon{color:#5e60ce;font-size:20px}.section-title{font-size:16px}.status-label{font-size:11px;color:#8c8c8c}.status-switch{display:flex;flex-direction:column;gap:6px}.status-switch .ant-switch{min-width:50px}.status-switch .ant-switch-checked{background:linear-gradient(135deg,#52c41a,#389e0d)}.steps-section{background:#fafafa;padding:16px;border-radius:8px}.steps-section h3{margin:0 0 16px;font-size:16px;color:#333}.stock-danger{color:#f5222d;font-weight:600}.stock-normal{color:#52c41a;font-weight:600}.stock-warning{color:#faad14;font-weight:600}.subproduct{background:linear-gradient(135deg,#fff7e6,#ffd591);color:#fa8c16;border:none}.suggestions-content{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:24px;box-shadow:0 8px 32px #0000001a}.suggestions-content{padding:16px;border-radius:16px}.suggestions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.suggestions-title{font-size:18px;font-weight:600;color:#1a1a2e;display:flex;align-items:center;gap:8px}.summary-row{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);font-weight:600}.supplier-icon{font-size:18px}.supplier-name{font-weight:500;color:#1890ff}.supplier-name-cell{display:flex;align-items:center;gap:8px;font-weight:500}.tab-content{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000f}.tab-content{padding:16px;border-radius:12px}.tab-content{animation:fadeIn .3s ease}.tab-label{display:flex;align-items:center;gap:8px}.tab-label span:last-child{display:none}.tab-label .anticon{font-size:18px}.table-toolbar{margin-bottom:20px;display:flex;justify-content:flex-start;gap:12px}.table-toolbar .ant-btn-primary{background:linear-gradient(135deg,#00b4d8,#0096c7);border:none;border-radius:8px;height:40px;padding:0 20px;font-weight:500;box-shadow:0 4px 12px #00b4d84d}.table-toolbar .ant-btn-primary:hover{background:linear-gradient(135deg,#0096c7,#0077b6);transform:translateY(-2px);box-shadow:0 6px 16px #00b4d866}.table-toolbar{flex-direction:column}.table-toolbar .ant-btn{width:100%}.template-info{display:flex;align-items:center;gap:8px;font-size:12px;color:#999}.template-item{padding:12px;border:1px solid #f0f0f0;border-radius:6px;margin-bottom:8px;cursor:pointer;transition:all .2s}.template-item:hover{border-color:#1890ff;background:#f0f7ff}.template-list{max-height:500px;overflow-y:auto}.template-name{font-weight:500;font-size:14px;margin-bottom:4px}.threshold-setting{display:flex;align-items:center;gap:12px;color:#666;font-size:14px}.threshold-setting .ant-input-number{border-radius:8px}.threshold-setting{width:100%;margin-top:8px}.type-tab{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:30px;cursor:pointer;transition:all .3s ease;font-weight:500;border:2px solid transparent;background:#fff;box-shadow:0 2px 8px #0000000f}.type-tab:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.type-tab .anticon{font-size:16px}.type-tab{padding:10px 16px;white-space:nowrap}.type-tab{padding:10px 12px!important;font-size:13px!important;justify-content:center!important}.view-detail-hint{padding:12px 20px;text-align:center;color:#1890ff;font-size:13px;background:#f0f7ff;border-top:1px solid #e6f0fa;cursor:pointer;transition:all .2s}.view-detail-hint:hover{background:#e6f4ff}.warning-material{font-weight:500;color:#333}.ant-avatar{box-shadow:0 2px 8px #0000001a!important}.ant-breadcrumb{font-size:13px!important}.ant-btn-lg{height:48px!important;font-size:16px!important;border-radius:8px!important}.ant-collapse{border-radius:12px!important;overflow:hidden!important}.ant-collapse-header{font-weight:500!important}.ant-empty{padding:40px 0!important}.ant-input-lg{height:48px!important;font-size:16px!important}.ant-input-number-lg{height:48px!important}.ant-input-number-lg input{height:46px!important;font-size:18px!important;font-weight:500}.ant-input-search-button{border-radius:0 20px 20px 0!important}.ant-layout-header span{font-size:14px!important}.ant-modal-close{top:8px!important;right:8px!important}.ant-picker-dropdown{max-width:95vw}.ant-radio-button-wrapper{padding:0 10px!important;font-size:12px!important}.ant-radio-group{flex-wrap:wrap}.ant-row{margin-left:-4px!important;margin-right:-4px!important}.ant-row{margin-bottom:12px!important}.ant-row:last-child{margin-bottom:0!important}.ant-row{margin-left:-6px!important;margin-right:-6px!important}.ant-skeleton-content .ant-skeleton-title,.ant-skeleton-content .ant-skeleton-paragraph>li{border-radius:6px!important}.ant-skeleton-paragraph>li{border-radius:6px!important}.ant-skeleton-title,.ant-skeleton-content .ant-skeleton-paragraph>li{border-radius:6px!important}.ant-space-item{flex-shrink:1;min-width:0;max-width:100%}.ant-space-item:has(.period-cards-grid){width:100%!important;max-width:100%!important}.ant-steps-item-icon,.ant-timeline-item-head{box-shadow:0 2px 8px #0000001a!important}.ant-switch-handle{width:18px!important;height:18px!important;top:2px!important}.ant-switch-handle{left:calc(100% - 20px)!important}.ant-switch-inner{font-size:11px!important}.ant-table-container{border-radius:12px!important}.ant-table-summary{background:linear-gradient(135deg,#f6ffed,#d9f7be)}.ant-table-summary .ant-table-cell{font-weight:600}.ant-timeline-item-head{box-shadow:0 2px 8px #0000001a!important}.ant-tree-treenode{padding:4px 0!important}.ant-upload-list-item{border-radius:8px!important}.baking{background:linear-gradient(135deg,#fff0f6,#ffadd2);color:#c41d7f}.btn-import{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;color:#fff!important;box-shadow:0 4px 15px #667eea66!important}.btn-import:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80!important}.btn-subproduct{background:linear-gradient(135deg,#fa8c16,#f5222d)!important;border:none!important;color:#fff!important;box-shadow:0 4px 15px #fa8c1666!important}.btn-subproduct:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fa8c1680!important}.circle{position:absolute;border-radius:50%;background:#ffffff1a}.circle-1{width:400px;height:400px;top:-100px;right:-100px;animation:float 8s ease-in-out infinite}.circle-2{width:300px;height:300px;bottom:-50px;left:-50px;animation:float 6s ease-in-out infinite reverse}.circle-3{width:200px;height:200px;top:50%;left:30%;animation:float 10s ease-in-out infinite}.dish{background:linear-gradient(135deg,#e6f7ff,#bae7ff);color:#1890ff;border:none}.dry{background:linear-gradient(135deg,#fff7e6,#ffd591);color:#d46b08}.exists{border-color:#52c41a;background:linear-gradient(135deg,#f6ffed,#fff)}.frozen{background:linear-gradient(135deg,#e6f7ff,#91d5ff);color:#096dd9}.fruits{background:linear-gradient(135deg,#fff1f0,#ffa39e);color:#cf1322}.high{background:linear-gradient(135deg,#f6ffed,#d9f7be);color:#52c41a}.input-icon{color:#999;font-size:16px}.low{background:linear-gradient(135deg,#fff1f0,#ffccc7);color:#f5222d}.medium{background:linear-gradient(135deg,#fffbe6,#fff1b8);color:#faad14}.missing{border-color:#ff4d4f;background:linear-gradient(135deg,#fff2f0,#fff)}.phone-link{color:#1890ff;text-decoration:none}.phone-link:hover{text-decoration:underline}.spec-text{color:#666;font-size:13px}.vegetables{background:linear-gradient(135deg,#f6ffed,#b7eb8f);color:#389e0d}.yellow{background:linear-gradient(135deg,#faad14,#d48806);color:#fff}.arrow{opacity:.6;font-size:11px;flex-shrink:0}.loss{color:#ff4d4f;font-weight:700}.name{flex:1;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.price{color:#52c41a;font-weight:600;white-space:nowrap;flex-shrink:0}.qty{color:#999;margin:0 8px;font-size:12px;flex-shrink:0}.title{margin:0;font-size:16px;font-weight:600;color:#fff;flex:1;line-height:1.3}.value-tag{font-size:14px;font-weight:600;padding:4px 12px;border-radius:6px}.stat-card .ant-statistic{display:flex!important;flex-direction:column!important}.stat-card .ant-statistic-title{display:block!important;visibility:visible!important;opacity:1!important;color:#666!important;font-size:14px!important;margin-bottom:8px!important;line-height:1.4!important;white-space:nowrap!important}.stat-card .ant-statistic-content{display:block!important;font-size:28px!important;line-height:1.2!important}.stat-card .ant-statistic-content-value{font-size:28px!important}.stats-row .ant-col{min-width:0!important}.stats-row .stat-card .ant-card-body{padding:16px 20px!important;min-height:100px!important}@media (max-width: 768px){body{font-size:14px}}@media (max-width: 768px){.ant-layout-content{margin:0!important;padding:0!important;overflow-x:hidden!important;max-width:100vw!important}.ant-space{max-width:100%!important}.ant-space-vertical{width:100%!important}.dashboard-page,.package-display-container,.banquet-menu-container,.material-manage-container,.sop-manage-container,.stock-alerts-container,.purchase-manage-container,.cost-statistics-container,.reports-container{padding:12px!important}.ant-card{margin-bottom:12px!important;border-radius:6px!important}.ant-card-head{padding:12px 16px!important;min-height:auto!important}.ant-card-head-title{font-size:14px!important}.ant-card-body{padding:12px 16px!important}.ant-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.ant-table{font-size:13px}.ant-table-thead>tr>th{padding:10px 8px!important;font-size:12px;white-space:nowrap}.ant-table-tbody>tr>td{padding:10px 8px!important;white-space:nowrap}.ant-table-pagination.ant-pagination{justify-content:center;padding:12px 0;flex-wrap:wrap}.ant-pagination-options{display:none}.ant-btn{padding:4px 12px!important;font-size:13px!important}.ant-btn-sm{padding:2px 8px!important;font-size:12px!important}.ant-input,.ant-input-number,.ant-select-selector,.ant-picker{font-size:14px!important}.ant-input-search{max-width:100%!important}.ant-switch{min-width:40px!important}.ant-modal{max-width:95vw!important;margin:0 auto!important;top:20px!important}.ant-modal-content{border-radius:8px!important}.ant-modal-header{padding:14px 16px!important}.ant-modal-title{font-size:15px!important}.ant-modal-body{padding:16px!important;max-height:60vh;overflow-y:auto}.ant-modal-footer{padding:12px 16px!important}.ant-form-item{margin-bottom:16px!important}.ant-form-item-label>label{font-size:13px!important}.ant-tag{padding:2px 8px!important;font-size:12px!important;margin:2px!important}.ant-statistic-title{font-size:12px!important}.ant-statistic-content,.ant-statistic-content-value{font-size:18px!important}.ant-tabs-nav-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.ant-tabs-tab{padding:8px 12px!important}.ant-tabs-tab-btn{font-size:13px!important}.ant-drawer-body{padding:16px!important}.ant-drawer-header{padding:14px 16px!important}.stats-cards,.stat-cards,.stats-row{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.stats-row .ant-col{max-width:100%!important;flex:none!important;padding:0!important}.stat-card{margin-bottom:0!important;overflow:visible!important}.stat-card .ant-card-body{padding:12px!important;overflow:visible!important}.stat-card .stat-icon{position:absolute!important;top:8px!important;right:8px!important;font-size:20px!important;opacity:.7!important}.stat-card .ant-statistic{overflow:visible!important}.stat-card .ant-statistic-title{font-size:12px!important;color:#666!important;margin-bottom:4px!important;white-space:nowrap!important;overflow:visible!important}.stat-card .ant-statistic-content{font-size:18px!important;font-weight:700!important;line-height:1.2!important;white-space:nowrap!important;overflow:visible!important}.stat-card .ant-statistic-content-value{font-size:18px!important}}@media (max-width: 480px){.dashboard-page,.package-display-container,.banquet-menu-container,.material-manage-container,.sop-manage-container,.stock-alerts-container,.purchase-manage-container,.cost-statistics-container,.reports-container{padding:8px!important}.ant-card-head-wrapper{flex-direction:column;align-items:flex-start!important}.ant-card-extra{width:100%;margin-top:8px!important}.ant-btn{padding:4px 8px!important;font-size:12px!important}.ant-table-thead>tr>th,.ant-table-tbody>tr>td{padding:8px 6px!important;font-size:12px}.stats-cards,.stat-cards,.stats-row{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.stat-card .ant-card-body{padding:10px!important;overflow:visible!important}.stat-card .stat-icon{position:absolute!important;top:6px!important;right:6px!important;font-size:18px!important;opacity:.7!important}.stat-card .ant-statistic{overflow:visible!important}.stat-card .ant-statistic-title{font-size:11px!important;color:#666!important;margin-bottom:4px!important;white-space:nowrap!important;overflow:visible!important}.stat-card .ant-statistic-content{font-size:16px!important;font-weight:700!important;line-height:1.2!important;white-space:nowrap!important;overflow:visible!important}.stat-card .ant-statistic-content-value{font-size:16px!important}}@media (max-width: 768px){.page-header,.dashboard-header,.material-header,.sop-header,.alerts-header{flex-direction:column!important;gap:12px!important;padding:16px!important;margin-bottom:16px!important;border-radius:8px!important}.page-header .header-left,.dashboard-header .header-left{width:100%}.page-title,.dashboard-header h1{font-size:16px!important;margin-bottom:4px!important}.page-subtitle,.dashboard-header p{font-size:12px!important}.page-header .header-right,.dashboard-header .header-right{width:100%;display:flex;gap:8px}.search-input{flex:1!important;width:auto!important}.add-btn{height:36px!important;padding:0 12px!important;font-size:13px!important}}.ant-drawer .ant-drawer-body{padding:0!important;overflow-y:auto!important}.ant-drawer .ant-menu{background:#1a1a1a!important;min-height:100%}.ant-drawer .ant-menu-item,.ant-drawer .ant-menu-submenu-title{color:#ffffffa6!important;height:44px!important;line-height:44px!important;margin:2px 8px!important;border-radius:6px!important}.ant-drawer .ant-menu-item:hover,.ant-drawer .ant-menu-submenu-title:hover{color:#fff!important;background:#ffffff14!important}.ant-drawer .ant-menu-item-selected{background-color:#ffffff1f!important;color:#fff!important}.ant-drawer .ant-menu-item .anticon,.ant-drawer .ant-menu-submenu-title .anticon{font-size:15px!important}.ant-drawer .ant-menu-title-content{font-size:14px!important}.inactive-row{background-color:#fafafa!important}.inactive-row td{color:#999!important}@media (max-width: 768px){.ant-table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.ant-table-cell-fix-right{position:sticky!important;right:0!important;background:#fff!important;box-shadow:-2px 0 6px #0000000f!important}.ant-table-cell .ant-space{gap:4px!important}.ant-table-cell .ant-btn-link{padding:2px 6px!important;font-size:12px!important;height:auto!important}.ant-table-cell .ant-btn-link .anticon+span{display:none}.ant-table-cell .ant-btn-sm{padding:2px 6px!important;font-size:11px!important}}@media (max-width: 768px){.material-content,.sop-content,.alerts-content,.content-wrapper{padding:12px!important;border-radius:8px!important}.ant-tabs-nav-list{gap:0!important}.ant-tabs-tab{padding:8px 10px!important;font-size:13px!important}.filter-section,.search-section{flex-direction:column!important;gap:8px!important}.filter-section .ant-select,.filter-section .ant-picker{width:100%!important}}