.login-page{background-color:#3498db;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:Microsoft YaHei,Arial,sans-serif;display:flex}.login-content{z-index:1;background-color:#fff;border-radius:8px;width:800px;height:400px;display:flex;overflow:hidden;box-shadow:0 4px 16px #0000001a}.home-module{min-height:calc(100vh - 120px);box-shadow:none;box-sizing:border-box;background-color:#f5f5f5;border-radius:0;width:100%;padding:20px}.home-module h2{color:#333;text-align:center;border-bottom:2px solid #e8e8e8;margin-bottom:30px;padding-bottom:20px;font-size:28px;font-weight:600}.home-pie-charts{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px;display:grid}.pie-chart-item{background-color:#fff;border-radius:8px;padding:12px;transition:all .3s;box-shadow:0 2px 8px #00000014}.pie-chart-item:hover{box-shadow:0 4px 16px #0000001f}.pie-chart-header{border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.pie-chart-header h3{color:#333;margin:0;font-size:14px;font-weight:600}.pie-chart-subtitle{color:#999;font-size:10px}.pie-chart-content{height:180px;position:relative}.pie-chart-canvas{width:100%!important;height:100%!important}.home-stats{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:40px;display:grid}.stat-item{text-align:center;background-color:#fff;border-radius:12px;padding:30px 20px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000014}.stat-item:before{content:"";width:100%;height:4px;position:absolute;top:0;left:0}.stat-item:first-child:before{background-color:#1890ff}.stat-item:nth-child(2):before{background-color:#52c41a}.stat-item:nth-child(3):before{background-color:#faad14}.stat-item:nth-child(4):before{background-color:#f5222d}.stat-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.stat-title{color:#666;margin-bottom:15px;font-size:16px;font-weight:500}.stat-circle{width:120px;height:120px;margin:0 auto 20px;position:relative}.circle-progress{border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;transition:all .8s ease-in-out;display:flex;position:absolute;transform:rotate(-90deg)}.circle-progress.sales{background:conic-gradient(#1890ff calc(var(--progress) * 1%), #e8e8e8 calc(var(--progress) * 1%))}.circle-progress.purchase{background:conic-gradient(#52c41a calc(var(--progress) * 1%), #e8e8e8 calc(var(--progress) * 1%))}.circle-progress.customer{background:conic-gradient(#faad14 calc(var(--progress) * 1%), #e8e8e8 calc(var(--progress) * 1%))}.circle-progress.inventory{background:conic-gradient(#f5222d calc(var(--progress) * 1%), #e8e8e8 calc(var(--progress) * 1%))}.circle-progress:after{content:"";background-color:#fff;border-radius:50%;width:90px;height:90px;box-shadow:0 2px 8px #0000001a}.circle-value{color:#333;z-index:1;text-shadow:0 1px 2px #0000001a;font-family:Microsoft YaHei,Arial,sans-serif;font-size:32px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.recent-purchases-list{text-align:left;margin-top:15px}.purchase-item{color:#666;background-color:#fff;border-left:3px solid #1890ff;border-radius:4px;margin-bottom:5px;padding:5px 10px;font-size:14px}.inventory-info{color:#666;margin-top:15px;font-size:14px}.home-recent{margin-top:30px}.home-recent h3{color:#333;margin-bottom:20px;font-size:18px;font-weight:600}.recent-list{background-color:#f9f9f9;border-radius:8px;padding:20px}.home-charts{box-sizing:border-box;grid-template-columns:1fr 1fr;gap:20px;width:100%;margin-top:20px;display:grid}.chart-section{flex-direction:column;gap:20px;display:flex}.chart-item{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 16px #00000014}.chart-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.chart-header h3{color:#333;margin:0;font-size:18px;font-weight:600}.chart-period{cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:6px 12px;font-size:14px}.chart-content{height:300px;min-height:250px;position:relative}.chart-legend{flex-wrap:wrap;gap:20px;margin-bottom:15px;display:flex}.legend-item{color:#666;align-items:center;gap:6px;font-size:14px;display:flex}.legend-color{border-radius:2px;width:12px;height:12px}.legend-color.green{background-color:#52c41a}.legend-color.blue{background-color:#1890ff}.chart-canvas{width:100%!important;height:250px!important}.inventory-stats{flex-direction:column;gap:10px;display:flex}.inventory-item{flex-direction:column;gap:5px;display:flex}.inventory-label{color:#666;justify-content:space-between;align-items:center;font-size:14px;display:flex}.inventory-value{text-align:right;border-radius:4px;width:100%;padding:8px 12px;font-size:18px;font-weight:700}.inventory-value.blue{color:#fff;background-color:#1890ff}.inventory-value.green{color:#fff;background-color:#52c41a}.recent-operations{flex-direction:column;gap:10px;display:flex}.operation-item{background-color:#fff;border-left:3px solid #52c41a;border-radius:4px;justify-content:space-between;align-items:center;padding:10px;display:flex}.operation-type{color:#333;font-weight:500}.operation-supplier{color:#666;flex:1;margin:0 10px}.operation-date{color:#999;font-size:14px}.login-left{background-color:#fff;border-right:1px solid #e8e8e8;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.login-image{background-color:#fff;border-radius:8px;justify-content:center;width:100%;max-width:300px;margin-bottom:30px;padding:20px;display:flex}.login-image img{width:250px;height:auto;box-shadow:none;border-radius:0;margin:0 auto;display:block}.login-header{text-align:center;margin-bottom:15px}.login-header h1{color:#333}.login-header h2,.login-slogan p{color:#666}.login-header h1{color:#fff;margin-bottom:5px;font-size:20px;font-weight:600}.login-header h2{color:#fff;margin-bottom:15px;font-size:16px;font-weight:400}.login-slogan{text-align:center;color:#fff;opacity:.9;font-size:14px}.login-right{background-color:#fff;flex-direction:column;flex-shrink:0;justify-content:center;width:400px;min-width:400px;padding:40px;display:flex}.login-form{width:100%}.login-form h3{color:#333;text-align:center;margin-bottom:25px;font-size:18px;font-weight:600}.form-item label{color:#333;margin-bottom:5px;font-size:14px;font-weight:500;display:block}.form-item input{box-sizing:border-box;border:1px solid #e8e8e8;border-radius:4px;width:100%;padding:10px;font-size:14px;transition:border-color .3s}.form-item input:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 2px #3498db33}.form-item.remember{align-items:center;margin-bottom:20px;display:flex}.form-item.remember input{width:auto;margin-right:8px}.form-item.remember label{color:#666;margin-bottom:0;font-size:14px;font-weight:400}.password-input-container{position:relative}.password-input-container input{padding-right:40px}.password-toggle{cursor:pointer;color:#999;font-size:16px;transition:color .3s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password-toggle:hover{color:#1890ff}.login-btn{color:#fff;cursor:pointer;box-sizing:border-box;background-color:#3498db;border:none;border-radius:4px;width:100%;padding:10px;font-size:16px;font-weight:500;transition:background-color .3s}.login-btn:hover{background-color:#2980b9}.login-btn:disabled{cursor:not-allowed;background-color:#bdc3c7}.guide-nav{flex-wrap:wrap;gap:10px;margin-bottom:30px;display:flex}.guide-nav-btn{cursor:pointer;background-color:#fff;border:1px solid #e8e8e8;border-radius:4px;padding:10px 20px;font-size:14px;transition:all .3s}.guide-nav-btn:hover{color:#1890ff;border-color:#1890ff}.guide-nav-btn.active{color:#fff;background-color:#1890ff;border-color:#1890ff}.guide-section{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.guide-item{margin-bottom:30px}.guide-item h4{color:#333;border-bottom:1px solid #e8e8e8;margin-bottom:15px;padding-bottom:10px;font-size:16px;font-weight:600}.guide-steps{flex-direction:column;gap:20px;display:flex}.guide-step{align-items:flex-start;gap:20px;display:flex}.step-number{color:#fff;background-color:#1890ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-weight:600;display:flex}.step-content{flex:1}.step-content h5{color:#333;margin-bottom:10px;font-size:14px;font-weight:600}.step-content p{color:#666;margin-bottom:10px;line-height:1.5}.guide-image{border-radius:4px;width:100%;max-width:800px;margin:10px 0;box-shadow:0 2px 8px #0000001a}.setting-section{background-color:#fff;border-radius:8px;margin-bottom:20px;padding:20px;box-shadow:0 2px 8px #0000001a}.setting-section h3{color:#333;border-bottom:1px solid #e8e8e8;margin-bottom:15px;padding-bottom:10px;font-size:16px;font-weight:600}.setting-item{align-items:center;gap:15px;margin-bottom:15px;display:flex}.setting-select{border:1px solid #e8e8e8;border-radius:4px;min-width:200px;padding:8px 12px;font-size:14px}.setting-actions .btn{cursor:pointer;border-radius:4px;padding:10px 20px;font-size:14px;transition:all .3s}.setting-actions .btn-primary{color:#fff;background-color:#1890ff;border:1px solid #1890ff}.setting-actions .btn-primary:hover{background-color:#40a9ff;border-color:#40a9ff}.setting-actions .btn-default{color:#333;background-color:#fff;border:1px solid #d9d9d9}.setting-actions .btn-default:hover{color:#1890ff;border-color:#1890ff}.permission-section-title{color:#333;cursor:pointer;align-items:center;margin:20px 0 10px;font-size:16px;font-weight:600;transition:color .3s;display:flex}.permission-section-title:hover{color:#1890ff}.section-toggle{margin-right:8px;font-size:12px;transition:transform .3s}.permission-actions{border-bottom:1px solid #e8e8e8;margin-bottom:20px;padding-bottom:15px}.permission-item{background-color:#f9f9f9;border-radius:4px;margin-bottom:15px;padding:10px;transition:background-color .3s}.permission-item:hover{background-color:#f0f0f0}.sub-permissions{border-left:2px solid #e8e8e8;margin-top:10px;margin-left:20px;padding-left:10px}.sub-permission-item{margin-bottom:5px}.permission-item input[type=checkbox]{cursor:pointer;margin-right:8px}.permission-item label{cursor:pointer;font-weight:500}.sub-permission-item input[type=checkbox]{cursor:pointer;margin-right:6px}.sub-permission-item label{cursor:pointer;color:#666;font-weight:400}.login-btn:active{background-color:#096dd9}.module-container{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.module-container h2{color:#333;margin-bottom:20px;font-size:20px;font-weight:600}.setting-nav{border-bottom:1px solid #e8e8e8;gap:10px;margin-bottom:20px;padding-bottom:10px;display:flex}.setting-nav-btn{cursor:pointer;background:#f5f5f5;border:1px solid #e8e8e8;border-radius:4px;padding:10px 20px;transition:all .3s}.setting-nav-btn:hover{background:#e6f7ff;border-color:#1890ff}.setting-nav-btn.active{color:#fff;background:#1890ff;border-color:#1890ff}.setting-section{border-bottom:1px solid #e8e8e8;margin-bottom:30px;padding-bottom:20px}.setting-section h3{color:#666;margin-bottom:15px;font-size:16px;font-weight:500}.setting-item{flex-direction:column;gap:5px;margin-bottom:15px;display:flex}.setting-item label{font-weight:700}.template-textarea{resize:vertical;border:1px solid #ddd;border-radius:4px;width:100%;min-height:300px;padding:10px;font-family:monospace;font-size:14px}.template-preview{background:#fff;border:1px solid #e8e8e8;border-radius:4px;margin-top:20px;padding:15px}.template-preview h4{color:#666;margin-bottom:10px;font-size:14px;font-weight:500}.preview-content{white-space:pre-wrap;background:#f9f9f9;border:1px solid #e8e8e8;border-radius:4px;min-height:200px;margin-top:10px;padding:15px;font-family:monospace;font-size:14px}.setting-item label{color:#333;width:100px;font-weight:500}.setting-select{border:1px solid #e8e8e8;border-radius:4px;width:200px;padding:8px 12px;font-size:14px}.color-picker{cursor:pointer;border:1px solid #e8e8e8;border-radius:4px;width:60px;height:40px}.setting-actions{gap:10px;margin-top:30px;display:flex}.font-settings-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-top:15px;display:grid}.font-setting-item{background-color:#f5f5f5;border:1px solid #e8e8e8;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 15px;display:flex}.font-setting-item label{color:#333;font-size:14px;font-weight:500}.font-setting-item select{cursor:pointer;background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;padding:5px 10px;font-size:14px}.font-setting-item select:hover{border-color:#40a9ff}.setting-desc{color:#666;margin-bottom:15px;font-size:14px}.color-picker-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:15px;display:grid}.color-picker-item{flex-direction:column;align-items:center;gap:8px;display:flex}.color-picker-item label{color:#333;font-size:14px;font-weight:500}.color-picker-item span{color:#666;font-family:monospace;font-size:12px}.setting-slider{appearance:none;background:#d9d9d9;border-radius:3px;outline:none;width:100%;height:6px}.setting-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#1890ff;border-radius:50%;width:18px;height:18px}.setting-slider::-moz-range-thumb{cursor:pointer;background:#1890ff;border:none;border-radius:50%;width:18px;height:18px}.layout-wide .right-content{flex:1;margin-left:20px}:root{--primary-color:#1890ff;--secondary-color:#52c41a;--background-color:#f5f5f5}body{background-color:var(--background-color);width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}.app-container{background-color:var(--background-color);box-sizing:border-box;flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:#fff;border-radius:8px;width:400px;max-width:90%;box-shadow:0 2px 12px #0000001a}.modal-header{background-color:var(--primary-color);color:#fff;border-bottom:1px solid #e8e8e8;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:16px;display:flex}.modal-header h3{margin:0;font-size:16px;font-weight:600}.modal-close{color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-size:20px;line-height:1}.modal-body{padding:24px}.modal-footer{border-top:1px solid #e8e8e8;justify-content:flex-end;gap:12px;padding:16px;display:flex}.form-item{margin-bottom:16px}.form-item label{margin-bottom:8px;font-weight:500;display:block}.form-input{border:1px solid #d9d9d9;border-radius:4px;width:100%;padding:8px 12px;font-size:14px}.form-input:read-only{cursor:not-allowed;background-color:#f5f5f5}.layout-compact{--menu-width:120px;--menu-font-size:12px}.layout-wide{--content-margin:20px}.layout-compact .left-menu{width:var(--menu-width)}.layout-compact .menu-item-text{font-size:var(--menu-font-size)}.layout-wide .right-content{margin-left:var(--content-margin);flex:1}.top-nav,.btn-primary{background-color:var(--primary-color)}.btn-primary:hover{background-color:var(--primary-color);opacity:.9}.menu-item.active,.modal-header{background-color:var(--primary-color);color:#fff}.app-container[data-v-6552b85f]{color:#333;flex-direction:column;height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;line-height:1.5;display:flex}.login-page[data-v-6552b85f]{height:100vh;display:flex;overflow:hidden}.login-left[data-v-6552b85f]{color:#333;background-color:#fff;flex:2;justify-content:center;align-items:center;padding:40px;display:flex}.login-left-content[data-v-6552b85f]{text-align:center;max-width:600px}.login-header[data-v-6552b85f]{margin-bottom:40px}.login-header h1[data-v-6552b85f]{color:#333;margin-bottom:12px;font-size:36px;font-weight:600}.login-header h2[data-v-6552b85f]{color:#666;font-size:24px;font-weight:500}.login-image[data-v-6552b85f]{background-color:#fff;border-radius:12px;margin-bottom:30px;padding:20px;overflow:hidden}.login-image img[data-v-6552b85f]{width:100%;max-width:300px;height:auto;display:block}.login-slogan[data-v-6552b85f]{color:#ffffffe6;font-size:18px;line-height:1.6}.login-slogan p[data-v-6552b85f]{margin:8px 0}.login-right[data-v-6552b85f]{background-color:#f5f5f5;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.login-container[data-v-6552b85f]{background-color:#fff;border-radius:12px;width:100%;max-width:400px;padding:32px;box-shadow:0 4px 20px #0000001a}.login-form h3[data-v-6552b85f]{text-align:center;color:#333;margin-bottom:24px;font-size:20px;font-weight:600}.login-form .form-item[data-v-6552b85f]{margin-bottom:20px}.login-form .form-item label[data-v-6552b85f]{color:#666;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.login-form .form-item input[data-v-6552b85f]{border:1px solid #e8e8e8;border-radius:6px;width:100%;padding:12px 16px;font-size:14px;transition:all .3s}.login-form .form-item input[data-v-6552b85f]:focus{border-color:#1890ff;outline:none;box-shadow:0 0 0 2px #1890ff1a}.login-form .form-item.remember[data-v-6552b85f]{align-items:center;margin-bottom:24px;display:flex}.login-form .form-item.remember label[data-v-6552b85f]{color:#666;cursor:pointer;align-items:center;margin-bottom:0;margin-left:8px;font-weight:400;display:flex}.login-form .form-item.remember input[data-v-6552b85f]{vertical-align:middle;margin:0}.login-btn[data-v-6552b85f]{color:#fff;cursor:pointer;background-color:#1890ff;border:none;border-radius:6px;width:100%;padding:12px;font-size:16px;font-weight:500;transition:all .3s}.login-btn[data-v-6552b85f]:hover{background-color:#40a9ff;box-shadow:0 2px 8px #1890ff4d}.login-btn[data-v-6552b85f]:disabled{cursor:not-allowed;background-color:#d9d9d9}@media (width<=768px){.login-page[data-v-6552b85f]{flex-direction:column}.login-left[data-v-6552b85f],.login-right[data-v-6552b85f]{flex:1;padding:30px}.login-header h1[data-v-6552b85f]{font-size:28px}.login-header h2[data-v-6552b85f]{font-size:20px}.login-container[data-v-6552b85f]{padding:24px}}.home-module[data-v-6552b85f]{padding:20px}.home-module h2[data-v-6552b85f]{color:#333;margin-bottom:24px;font-size:20px;font-weight:600}.home-stats[data-v-6552b85f]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px;display:grid}.stat-item[data-v-6552b85f]{text-align:center;background-color:#f5f5f5;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.home-recent[data-v-6552b85f]{background-color:#f9f9f9;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.home-recent h3[data-v-6552b85f]{color:#333;margin-bottom:16px;font-size:16px;font-weight:600}.recent-list[data-v-6552b85f]{color:#999;justify-content:center;align-items:center;min-height:100px;display:flex}.module-layout[data-v-6552b85f]{gap:20px;margin-bottom:20px;display:flex}.module-layout .module-main-content[data-v-6552b85f]{background-color:#fff;border-radius:8px;flex:1;min-width:0;padding:20px;box-shadow:0 2px 4px #0000001a}.module-layout .side-content[data-v-6552b85f]{width:320px;min-width:320px}.side-panel[data-v-6552b85f]{background-color:#fff;border-radius:8px;height:fit-content;padding:20px;box-shadow:0 2px 4px #0000001a}.stats-cards[data-v-6552b85f]{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.stat-card[data-v-6552b85f]{background-color:#f8f9fa;border-left:4px solid #007bff;border-radius:6px;padding:16px}.stat-title[data-v-6552b85f]{color:#6c757d;margin-bottom:4px;font-size:14px}.status-section[data-v-6552b85f]{margin-bottom:24px}.status-section h4[data-v-6552b85f]{color:#495057;margin-bottom:12px;font-size:16px}.status-item[data-v-6552b85f]{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.status-item[data-v-6552b85f]:last-child{border-bottom:none}.status-value[data-v-6552b85f]{color:#495057;font-weight:700}.recent-transactions[data-v-6552b85f]{margin-bottom:24px}.recent-transactions h4[data-v-6552b85f]{color:#495057;margin-bottom:12px;font-size:16px}.no-data[data-v-6552b85f]{text-align:center;color:#6c757d;background-color:#f8f9fa;border-radius:6px;padding:20px}.transaction-list[data-v-6552b85f]{flex-direction:column;gap:10px;display:flex}.transaction-item[data-v-6552b85f]{background-color:#f8f9fa;border-radius:6px;justify-content:space-between;align-items:flex-start;padding:10px;display:flex}.transaction-info[data-v-6552b85f]{flex:1;min-width:0}.transaction-name[data-v-6552b85f]{color:#495057;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:14px;font-weight:500;overflow:hidden}.transaction-date[data-v-6552b85f]{color:#6c757d;font-size:12px}.transaction-amount[data-v-6552b85f]{white-space:nowrap;font-size:14px;font-weight:700}.quick-actions[data-v-6552b85f]{margin-bottom:16px}.quick-actions h4[data-v-6552b85f]{color:#495057;margin-bottom:12px;font-size:16px}.quick-actions button[data-v-6552b85f]{width:100%;margin-bottom:8px}.btn-sm[data-v-6552b85f]{border-radius:4px;padding:6px 12px;font-size:14px}@media (width<=1024px){.module-layout[data-v-6552b85f]{flex-direction:column}.module-layout .side-content[data-v-6552b85f]{width:100%;min-width:auto}}.modal[data-v-6552b85f]{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content[data-v-6552b85f]{background-color:#fff;border-radius:8px;width:90%;max-width:600px;overflow:hidden;box-shadow:0 4px 12px #00000026}.close-btn[data-v-6552b85f]{cursor:pointer;color:#999;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:24px;display:flex}.close-btn[data-v-6552b85f]:hover{color:#333}.file-info[data-v-6552b85f]{background-color:#f5f5f5;border-radius:4px;margin-top:16px;padding:12px}.file-info p[data-v-6552b85f]{color:#666;margin:4px 0;font-size:14px}.preview-container[data-v-6552b85f]{text-align:center;background-color:#f9f9f9;border-radius:4px;margin-top:16px;padding:16px}.file-name[data-v-6552b85f]{color:#333;margin-bottom:16px;font-size:14px;font-weight:500}.preview-not-supported[data-v-6552b85f]{text-align:center;color:#666;padding:40px 20px}.preview-not-supported a[data-v-6552b85f]{color:#1890ff;margin-top:8px;text-decoration:none;display:inline-block}.preview-not-supported a[data-v-6552b85f]:hover{text-decoration:underline}.permission-container[data-v-6552b85f]{max-height:500px;overflow-y:auto}.permission-section[data-v-6552b85f]{border:1px solid #e9ecef;border-radius:6px;margin-bottom:24px;overflow:hidden}.permission-section h4[data-v-6552b85f]{color:#495057;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;margin:0;padding:12px 16px;font-size:16px;font-weight:500}.permission-items[data-v-6552b85f]{padding:16px}.permission-item[data-v-6552b85f]{align-items:center;margin-bottom:12px;display:flex}.permission-item[data-v-6552b85f]:last-child{margin-bottom:0}.permission-item input[type=checkbox][data-v-6552b85f]{margin-right:10px;transform:scale(1.1)}.permission-item label[data-v-6552b85f]{color:#495057;cursor:pointer;margin:0;font-weight:400}.permission-item[data-v-6552b85f]:hover{background-color:#f8f9fa}.sub-permissions[data-v-6552b85f]{border-left:2px solid #e9ecef;margin-top:8px;margin-left:24px;padding-left:12px}.sub-permission-item[data-v-6552b85f]{align-items:center;margin-bottom:6px;font-size:14px;display:flex}.sub-permission-item[data-v-6552b85f]:last-child{margin-bottom:0}.sub-permission-item input[type=checkbox][data-v-6552b85f]{margin-right:8px;transform:scale(1)}.sub-permission-item label[data-v-6552b85f]{color:#6c757d;cursor:pointer;margin:0;font-weight:400}.sub-permission-item[data-v-6552b85f]:hover{background-color:#f8f9fa;border-radius:4px;margin-left:-8px;margin-right:-8px;padding:2px 8px}.top-nav[data-v-6552b85f]{color:#333;box-sizing:border-box;background-color:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;width:100%;height:64px;padding:0 24px;display:flex;box-shadow:0 1px 4px #00000014}.logo-system[data-v-6552b85f]{align-items:center;display:flex}.logo[data-v-6552b85f]{color:#1890ff;margin-right:16px;font-size:20px;font-weight:500}.system-name[data-v-6552b85f]{font-size:16px;font-weight:500}.user-info[data-v-6552b85f]{align-items:center;gap:24px;display:flex}.nav-tabs[data-v-6552b85f]{border-bottom:1px solid #f0f0f0;margin-bottom:20px;display:flex}.nav-tab[data-v-6552b85f]{cursor:pointer;color:#666;background:0 0;border:none;border-bottom:2px solid #0000;margin-right:20px;padding:10px 20px;font-size:14px;transition:all .3s}.nav-tab[data-v-6552b85f]:hover{color:#1890ff}.nav-tab.active[data-v-6552b85f]{color:#1890ff;border-bottom-color:#1890ff;font-weight:500}.main-content[data-v-6552b85f]{flex:1;width:100%;display:flex;overflow:hidden}.left-menu[data-v-6552b85f]{background-color:#fff;border-right:1px solid #f0f0f0;width:147px;transition:width .3s;overflow-y:auto;box-shadow:1px 0 4px #0000000d}.left-menu.collapsed[data-v-6552b85f]{width:60px}.left-menu.collapsed .menu-collapse-btn[data-v-6552b85f]{text-align:center}.left-menu.collapsed .menu-title[data-v-6552b85f]{justify-content:center;padding:14px 0}.left-menu.collapsed .menu-list[data-v-6552b85f]{display:none}.menu-collapse-btn[data-v-6552b85f]{text-align:center;cursor:pointer;color:#666;border-bottom:1px solid #f0f0f0;padding:12px;font-size:12px;transition:all .3s}.menu-collapse-btn[data-v-6552b85f]:hover{background-color:#f7f7f7}.menu-group[data-v-6552b85f]{margin-bottom:0}.menu-title[data-v-6552b85f]{cursor:pointer;color:#666;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:14px 10px;font-weight:500;transition:all .3s;display:flex}.menu-title[data-v-6552b85f]:hover{color:#333;background-color:#f7f7f7}.menu-list[data-v-6552b85f]{padding:0;list-style:none}.data-summary-content[data-v-6552b85f]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px;display:grid}.summary-card[data-v-6552b85f]{background-color:#fff;border-radius:8px;padding:20px;transition:all .3s;box-shadow:0 2px 8px #0000001a}.summary-card[data-v-6552b85f]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.summary-card h3[data-v-6552b85f]{color:#333;border-bottom:2px solid #f0f0f0;margin-bottom:15px;padding-bottom:8px;font-size:18px;font-weight:600}.summary-stats[data-v-6552b85f]{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.stat-item[data-v-6552b85f]{background-color:#f9f9f9;border-radius:6px;flex-direction:column;align-items:center;padding:15px;transition:all .3s;display:flex}.stat-item[data-v-6552b85f]:hover{background-color:#f0f9ff}.stat-label[data-v-6552b85f]{color:#666;margin-bottom:8px;font-size:14px}.stat-value[data-v-6552b85f]{color:#333;font-size:20px;font-weight:700}.summary-card:first-child .stat-value[data-v-6552b85f]{color:#1890ff}.summary-card:nth-child(2) .stat-value[data-v-6552b85f]{color:#52c41a}.summary-card:nth-child(3) .stat-value[data-v-6552b85f]{color:#faad14}.summary-card:nth-child(4) .stat-value[data-v-6552b85f]{color:#f5222d}.menu-item[data-v-6552b85f]{cursor:pointer;color:#666;white-space:nowrap;text-overflow:ellipsis;border-left:3px solid #0000;padding:12px 8px 12px 16px;transition:all .3s;overflow:hidden}.menu-item[data-v-6552b85f]:hover{color:#1890ff;background-color:#f0f9ff;border-left-color:#1890ff}.menu-item.active[data-v-6552b85f]{color:#1890ff;background-color:#e6f7ff;border-left-color:#1890ff;font-weight:500}.right-content[data-v-6552b85f]{box-sizing:border-box;background-color:#f5f5f5;flex:1;min-width:0;padding:24px;overflow-y:auto}.breadcrumb[data-v-6552b85f]{color:#666;background-color:#fff;border-radius:6px;margin-bottom:16px;padding:10px 14px;font-size:13px;box-shadow:0 1px 3px #0000000d}.search-filter[data-v-6552b85f]{background-color:#fff;border-radius:8px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;padding:16px;display:flex;box-shadow:0 1px 4px #00000014}.search-item[data-v-6552b85f]{align-items:center;gap:8px;display:flex}.search-item label[data-v-6552b85f]{white-space:nowrap;color:#666;font-size:13px;font-weight:500}.search-item input[data-v-6552b85f],.search-item select[data-v-6552b85f]{border:1px solid #e8e8e8;border-radius:6px;min-width:180px;padding:8px 16px;font-size:14px;transition:all .3s}.search-item input[data-v-6552b85f]:focus,.search-item select[data-v-6552b85f]:focus{border-color:#1890ff;outline:none;box-shadow:0 0 0 2px #1890ff1a}.operation-buttons[data-v-6552b85f]{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.btn[data-v-6552b85f]{cursor:pointer;border:1px solid #e8e8e8;border-radius:6px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.btn-primary[data-v-6552b85f]{color:#fff;background-color:#1890ff;border-color:#1890ff}.btn-primary[data-v-6552b85f]:hover{background-color:#40a9ff;border-color:#40a9ff;box-shadow:0 2px 8px #1890ff4d}.btn-default[data-v-6552b85f]{color:#666;background-color:#fff;border-color:#e8e8e8}.btn-default[data-v-6552b85f]:hover{color:#1890ff;background-color:#f0f9ff;border-color:#1890ff}.btn-danger[data-v-6552b85f]{color:#fff;background-color:#ff4d4f;border-color:#ff4d4f}.btn-danger[data-v-6552b85f]:hover{background-color:#ff7875;border-color:#ff7875;box-shadow:0 2px 8px #ff4d4f4d}.data-table[data-v-6552b85f]{background-color:#fff;border-radius:8px;padding:16px;overflow:hidden;box-shadow:0 1px 4px #00000014}.record-count[data-v-6552b85f]{color:#666;margin-bottom:16px;font-size:13px;font-weight:500}table[data-v-6552b85f]{border-collapse:collapse;width:100%;margin-bottom:16px;font-size:14px}table th[data-v-6552b85f],table td[data-v-6552b85f]{text-align:left;border-bottom:1px solid #f0f0f0;padding:14px 16px}table th[data-v-6552b85f]{color:#333;white-space:nowrap;background-color:#fafafa;font-size:13px;font-weight:500}table tr[data-v-6552b85f]{transition:all .3s}table tr[data-v-6552b85f]:hover{background-color:#f7f7f7}.pagination[data-v-6552b85f]{border-top:1px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding-top:16px;display:flex}.pagination-info[data-v-6552b85f]{color:#666;font-size:13px}.pagination-controls[data-v-6552b85f]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn-sm[data-v-6552b85f]{padding:6px 12px;font-size:12px}.page-size-select[data-v-6552b85f]{border:1px solid #e8e8e8;border-radius:6px;min-width:100px;padding:6px 10px;font-size:12px}.page-size-select[data-v-6552b85f]:focus{border-color:#1890ff;outline:none;box-shadow:0 0 0 2px #1890ff1a}.modal[data-v-6552b85f]{z-index:1000;backdrop-filter:blur(2px);background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content[data-v-6552b85f]{background-color:#fff;border-radius:10px;width:825px;max-width:90%;animation:.3s ease-out modalFadeIn-6552b85f;overflow:hidden;box-shadow:0 4px 20px #00000026}@keyframes modalFadeIn-6552b85f{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-6552b85f]{background-color:#fafafa;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3[data-v-6552b85f]{color:#333;margin:0;font-size:16px;font-weight:500}.btn-close[data-v-6552b85f]{cursor:pointer;color:#999;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:20px;transition:all .3s;display:flex}.btn-close[data-v-6552b85f]:hover{color:#666;background-color:#f0f0f0}.modal-body[data-v-6552b85f]{padding:24px}.form-item[data-v-6552b85f]{margin-bottom:20px}.form-item label[data-v-6552b85f]{color:#666;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.form-item input[data-v-6552b85f],.form-item select[data-v-6552b85f]{border:1px solid #e8e8e8;border-radius:6px;width:100%;padding:10px 16px;font-size:14px;transition:all .3s}.form-item input[data-v-6552b85f]:focus,.form-item select[data-v-6552b85f]:focus{border-color:#1890ff;outline:none;box-shadow:0 0 0 2px #1890ff1a}.modal-footer[data-v-6552b85f]{background-color:#fafafa;border-top:1px solid #f0f0f0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.modal-footer .btn[data-v-6552b85f]{justify-content:center;min-width:80px}.password-strength[data-v-6552b85f]{border-radius:4px;margin-top:6px;padding:4px 8px;font-size:12px;transition:all .3s}.password-strength.strength-weak[data-v-6552b85f]{color:#ff4d4f;background-color:#fff2f0;border:1px solid #ffccc7}.password-strength.strength-strong[data-v-6552b85f]{color:#52c41a;background-color:#f6ffed;border:1px solid #b7eb8f}.status-充足[data-v-6552b85f]{color:green}.status-不足[data-v-6552b85f]{color:red}.status-预警[data-v-6552b85f]{color:orange}.status-pending[data-v-6552b85f]{color:#faad14;background-color:#fffbe6;border-radius:4px;padding:2px 8px}.status-completed[data-v-6552b85f]{color:#52c41a;background-color:#f6ffed;border-radius:4px;padding:2px 8px}.status-cancelled[data-v-6552b85f]{color:#999;background-color:#f5f5f5;border-radius:4px;padding:2px 8px}.form-section-title[data-v-6552b85f]{color:#333;border-bottom:1px solid #e8e8e8;margin:15px 0 10px;padding-bottom:8px;font-size:14px;font-weight:600}.form-row[data-v-6552b85f]{gap:15px;margin-bottom:15px;display:flex}.form-row .form-item[data-v-6552b85f]{flex:1}.form-textarea[data-v-6552b85f]{resize:vertical;border:1px solid #d9d9d9;border-radius:4px;width:100%;padding:8px 12px;font-size:14px}.form-textarea[data-v-6552b85f]:focus{border-color:#1890ff;outline:none;box-shadow:0 0 0 2px #1890ff33}.material-detail-grid[data-v-6552b85f]{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px;display:grid}.material-detail-item[data-v-6552b85f]{flex-direction:column;gap:8px;display:flex}.material-detail-item.full-width[data-v-6552b85f]{grid-column:1/-1}.material-detail-item label[data-v-6552b85f]{color:#666;font-size:13px;font-weight:500;display:block}.material-detail-item input[data-v-6552b85f]:focus,.material-detail-item select[data-v-6552b85f]:focus{border-color:#1890ff;outline:none;box-shadow:0 0 0 2px #1890ff1a}@media (width<=768px){.left-menu[data-v-6552b85f]{width:180px}.search-filter[data-v-6552b85f]{flex-direction:column;align-items:flex-start}.operation-buttons[data-v-6552b85f]{flex-wrap:wrap}.material-detail-grid[data-v-6552b85f]{grid-template-columns:1fr}}