*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:#333;background:#f5f6fa}a{text-decoration:none;color:inherit}button{cursor:pointer}:root{--primary: #1677ff;--success: #52c41a;--warning: #faad14;--danger: #ff4d4f;--gray-100: #f5f5f5;--gray-200: #e8e8e8;--gray-300: #d9d9d9;--gray-400: #999;--gray-600: #666;--gray-800: #333}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:1px solid var(--gray-300);border-radius:6px;background:#fff;color:#333;font-size:13px;transition:all .2s}.btn:hover{border-color:var(--primary);color:var(--primary)}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:#4096ff}.btn-success{background:var(--success);color:#fff;border-color:var(--success)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-outline{background:#fff;border-color:var(--gray-300);color:#333}.btn-outline:hover{background:#fafafa;border-color:var(--primary);color:var(--primary)}.btn-sm{padding:4px 12px;font-size:12px}.btn-xs{padding:2px 8px;font-size:11px}.card{background:#fff;border-radius:10px;padding:20px;margin-bottom:16px;box-shadow:0 1px 3px #0000000f}.card-title{font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--gray-200)}.table{width:100%;border-collapse:collapse;border:1px solid #e0e0e0}.table th{background:#fafafa;padding:10px 12px;text-align:center;font-size:12px;color:var(--gray-600);font-weight:600;border:1px solid #e0e0e0}.table td{padding:10px 12px;text-align:center;border:1px solid #e8e8e8;font-size:13px}.table tr:hover td{background:#fafafa}.order-table{width:100%;table-layout:fixed;border-collapse:collapse;border:1px solid #e0e0e0}.order-table th{background:#fafafa;padding:10px 12px;text-align:center;font-size:13px;color:#666;font-weight:600;border:1px solid #e0e0e0}.order-table td{padding:10px 12px;text-align:center;border:1px solid #e8e8e8;font-size:13px;color:#333}.order-table tr:hover td{background:#fafafa}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500}.badge-blue{background:#e6f4ff;color:#1677ff}.badge-yellow{background:#fff7e6;color:#d46b08}.badge-red{background:#fff2f0;color:#ff4d4f}.badge-green{background:#f6ffed;color:#52c41a}.badge-purple{background:#f9f0ff;color:#722ed1}.badge-orange{background:#fff7e6;color:#fa8c16}.badge-gray{background:#f5f5f5;color:#999}.toast{position:fixed;top:24px;left:50%;transform:translate(-50%);background:#000000bf;color:#fff;padding:10px 24px;border-radius:8px;font-size:14px;z-index:9999}.spinner{width:32px;height:32px;border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{text-align:center;color:var(--gray-400);margin-top:8px}.empty{text-align:center;color:var(--gray-400);padding:60px 0;font-size:14px}