:root{--primary: #0052D9;--primary-dark: #003BB3;--primary-light: #E6F0FF;--accent: #00C896;--accent-dark: #009E78;--dark: #1A2332;--gray-dark: #4A5568;--gray: #718096;--gray-light: #E2E8F0;--bg-light: #F7F9FC;--white: #FFFFFF;--danger: #E53E3E;--warning: #ED8936;--success: #38A169}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:14px}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:var(--dark);background:var(--bg-light);line-height:1.6;-webkit-font-smoothing:antialiased}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn-primary{background:var(--primary);color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-outline{background:transparent;color:var(--primary);border:1.5px solid var(--primary);padding:9px 23px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.btn-outline:hover{background:var(--primary-light)}.btn-accent{background:var(--accent);color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.btn-accent:hover{background:var(--accent-dark)}.card{background:var(--white);border-radius:12px;box-shadow:0 1px 3px #00000014;overflow:hidden;transition:box-shadow .2s}.card:hover{box-shadow:0 4px 16px #0000001f}.page-header{background:linear-gradient(135deg,var(--dark) 0%,var(--primary) 100%);color:#fff;padding:48px 0;text-align:center}.page-header h1{font-size:32px;font-weight:700;margin-bottom:8px}.page-header p{font-size:16px;opacity:.85}.tag{display:inline-block;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:500}.tag.tag-blue{background:var(--primary-light);color:var(--primary)}.tag.tag-green{background:#e6fffa;color:var(--accent-dark)}.tag.tag-gray{background:var(--gray-light);color:var(--gray-dark)}.tag.tag-red{background:#fed7d7;color:var(--danger)}.status-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%}.status-badge.draft{color:var(--gray)}.status-badge.draft:before{background:var(--gray)}.status-badge.pending,.status-badge.pending_both,.status-badge.pending_supplier,.status-badge.pending_user,.status-badge.published,.status-badge.none{color:var(--warning)}.status-badge.pending:before,.status-badge.pending_both:before,.status-badge.pending_supplier:before,.status-badge.pending_user:before,.status-badge.published:before,.status-badge.none:before{background:var(--warning)}.status-badge.matched,.status-badge.signed,.status-badge.in_progress,.status-badge.paid{color:var(--primary)}.status-badge.matched:before,.status-badge.signed:before,.status-badge.in_progress:before,.status-badge.paid:before{background:var(--primary);animation:pulse 1.5s infinite}.status-badge.pending_acceptance{color:#8b5cf6}.status-badge.pending_acceptance:before{background:#8b5cf6}.status-badge.completed,.status-badge.accepted,.status-badge.pass,.status-badge.settled,.status-badge.active{color:var(--success)}.status-badge.completed:before,.status-badge.accepted:before,.status-badge.pass:before,.status-badge.settled:before,.status-badge.active:before{background:var(--success)}.status-badge.cancelled,.status-badge.rejected,.status-badge.banned{color:var(--danger)}.status-badge.cancelled:before,.status-badge.rejected:before,.status-badge.banned:before{background:var(--danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.container{padding:0 16px}}.el-pagination{margin-top:24px;display:flex;justify-content:center}.form-section{background:#fff;border-radius:12px;padding:32px;margin-bottom:20px}.loading-wrap{display:flex;justify-content:center;align-items:center;min-height:300px}.empty-state{text-align:center;padding:60px 20px;color:var(--gray)}.empty-state i{font-size:48px;margin-bottom:16px;display:block}.empty-state p{font-size:15px}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--primary)}.text-accent{color:var(--accent)}.text-gray{color:var(--gray)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.fw-bold{font-weight:700}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-8{gap:8px}.gap-16{gap:16px}